- 从 Hugo 的 GitHub Releases 下载与操作系统相对应的二进制文件
由于我使用的是
Windows 10
,所以我下载的是 hugo_0.61.0_Windows-64bit.zip,解压得到hugo.exe
- 将下载好的二进制文件拷贝到环境变量
PATH
目录中
按
Win 键 + R 键
打开“运行”,然后输入cmd
,回车进入“命令提示符”,输入 path 回车查看所有的PATH
目录。我是直接将 hugo.exe 拷贝到目录C:\Windows
- 验证安装
关闭“命令提示符”再重新打开,然后输入
hugo version
回车。安装成功会输出版本信息,我的是Hugo Static Site Generator v0.61.0-9B445B9D windows/amd64 BuildDate: 2019-12-11T08:29:13Z
- 创建站点目录
输入
hugo new site blog
回车,得到一个名为blog
的目录(站点目录的名称可随意指定)。输入cd blog
回车,然后进入blog
目录
- 添加主题
可以在 https://themes.gohugo.io/ 找自己喜欢的主题,我是直接使用了 Maupassant 主题。通过 Git 工具将
maupassant-hugo
下载并拷贝到blog/themes
下,然后修改blog/config.toml
内容,在最后一行添加配置theme = "maupassant-hugo"
- 添加文章
输入
hugo new posts/my-first-post.md
回车,在blog/content/posts
目录下会自动生成my-first-post.md
文件,这就是你要写的文章了。最终发布文章的时候,记得将my-first-post.md
文件中的draft: true
去掉,另外文章的位置一定是在blog/content/posts
下,改动了位置会导致文章内容显示不出来。
修改
blog/config.toml
,记得将config.toml
编码格式转换为UTF-8
,否则中文会显示成乱码
# blog/config.toml
baseURL = "http://example.org/"
title = "My New Hugo Site"
theme = "maupassant-hugo"
preserveTaxonomyNames = true
disablePathToLower = true
hasCJKLanguage = true
summaryLength = 140
paginate = 10
[author]
name = "xx有限公司"
[params]
subtitle = "专注xx"
keywords = "xx销售"
description = ""
busuanzi = true
[permalinks]
posts = "/:year/:month/:day/:filename"
[menu]
[[menu.main]]
identifier = "archives"
name = "汇总"
url = "/archives/"
weight = 1
[[menu.main]]
identifier = "about"
name = "关于"
url = "/about/"
weight = 2
修改
blog/content/posts/my-first-post.md
,记得将my-first-post.md
编码格式转换为UTF-8
# blog/content/posts/my-first-post.md
---
title: "My First Post"
date: 2019-12-21
categories: ["分类"]
---
正文
- 预览网页效果
输入
hugo server -D
回车,用浏览器打开 http://localhost:1313/ 即可看到页面,内容如下:
- 部署网站
- 使用 Hugo 部署网站(不推荐)
- 使用 Nginx 部署网站