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. 查看是否成功

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

设置站点

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 文件中启动,或者切换到该文件夹下,否则可能会启动不了)

hugo server

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

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

发布了8 篇原创文章 · 获赞 2 · 访问量 56

猜你喜欢

转载自blog.csdn.net/qq_40992152/article/details/105370757