windows10 安装 hugo


win10系统安装hugo博客框架

前言：

  1. 适用：网络限制，不能使用命令行 安装 hugo 的特白新手
  2. 系统：win10 专业版，64位
  3. 参考：CSDN社区的文章 B站的 codesheep、LaymanIT
  4. 效果：使用安装包，在 win10 上搭建 hugo ,并下载配置 academic 主题

总体思路

下载 hugo 的 zip 安装包—设置环境变量—创建站点目录——下载主题包——替换文件——启动博客

准备

安装好 git ,如果没有安装的请提前百度，并设置好相关变量

（假设你已经安装好了 git ）

以下命令均通过 git 执行

安装hugo

  1. 下载对应系统的二进制文件

    • GitHub下载地址 https://github.com/gohugoio/hugo/releases

    • 找到对应系统的文件（win10为例）：我选的 extended 0.68.3_windows-64bit.zip

      （备注：由于 academic 这个主题要求的 hugo 版本需要 extended 的，所以我才下载这个，选用扩展的还是非扩展的，看主题的要求来定 ）
      在这里插入图片描述

  2. 下载的 zip 放在你的安装目录，并解压到当前文件夹

    （目录非中文、无空格最好，可参考【软件安装目录设置】）
    在这里插入图片描述

  3. 里面含有一个 exe 文件，把它加入到环境变量中（可以把路径直接贴到环境变量里）

    （备注：不是运行，是添加到环境变量中，不会设置的参看【环境变量设置】

    ? 只有hugo 添加到环境变量中，以后使用带有 hugo 的指令才能正常运行 ）
    在这里插入图片描述

  4. 查看是否成功

    1
    2
    3
    4
    5
    输入下面命令查看是否成功
    $ hugo version
    输出结果：
    Hugo Static Site Generator v0.68.3/extended windows/amd64 BuildDate: unknown
    说明安装成功

设置站点

1
hugo new site myBlog

在 blog 文件夹中，用 git 运行以上代码
在这里插入图片描述
得到 myBlog 这个文件（用来存放你博客文章等内容的地方，其中博客的主题等内容就在里面）

备注：新建的 myBlog 文件夹里面可能没有主题的，所以该文件夹里面很多文件夹都是空的，不过不懂尽量别动。
在这里插入图片描述

下载配主题

hugo 主题网站 https://themes.gohugo.
在这里插入图片描述
在网站找到 Academic 主题，点击进去，点击 download （需要看使用文档，这个放到最后了说了）
在这里插入图片描述
会跳转到 GitHub 上面，点击右上角的 clone or download ,使用Down ZIP,就可以下载到主题的压缩包
在这里插入图片描述
将下载的文件解压，然后将加压的文件重命名为你在 hugo 主题网站看到的主题的名字

? （比如我的是 academic 就需要把解压的文件改成 academic 尽量用小写）
在这里插入图片描述
然后把解压文件复制（或者剪切）到 myBlog / themes/文件夹中在这里插入图片描述
然后把 academic / exampleSite 文件夹中的文件全部复制到 myBlog 文件夹中（主要是跟 myBlog 中的 themes 放在同一个文件夹）
备注：下载其他主题，也是一样的，注意看文档要求就行。 其中 exampleSite 模板位置，就是我们要启动的主题的模板所在位置
在这里插入图片描述在这里插入图片描述
启动站点

记得在 你建立的 myBlog 文件夹中使用 git 运行启动代码

（切记 ：在你建立的 myBlog 文件中启动，或者切换到该文件夹下，否则可能会启动不了）

1
hugo server

在这里插入图片描述
启动成功结果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Building sites … WARN 2020/04/07 17:51:51 Markup type mmark is deprecated and will be removed in a future release. See https://gohugo.io//content-management/formats/#list-of-content-formats

                   | EN
-------------------+-----
  Pages            | 74
  Paginator pages  |  0
  Non-page files   | 21
  Static files     |  8
  Processed images | 28
  Aliases          | 14
  Sitemaps         |  1
  Cleaned          |  0

Built in 1103 ms
Watching for changes in F:\blog\myBlog\{archetypes,content,data,layouts,static,themes}
Watching for config changes in F:\blog\myBlog\config.toml, F:\blog\myBlog\config\_default
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at //localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

请注意倒数第二行（ Web Server is available at //localhost:1313/ (bind address 127.0.0.1) ）说明启动成功了

在浏览器中输入 localhost:1313，就可以启动了
在这里插入图片描述

追加

  1. 博客主题使用之前要看看文档，了解主题使用的细节，比如刚才的 academic 的主题，然后往下滚动，阅读相关的文档，不然直接下载不看文档，很容易出现一些莫名其妙的事情（下载其他主题也是一样的）在这里插入图片描述

  2. 在浏览器中输入 localhost:1313 链接不到本地，解决方法，可以参考这个来设置。

    https://blog.csdn.net/zhoucheng05_13/article/details/52242831