使用Hugo搭建个人网站
By Long Luo
Hugo vs. Hexo
目前我的个人网站使用的是: Hexo + Next Theme ,这也是目前很多个人网站的配置。
Hugo 官网号称是最快的网站框架,构建速度快,因为我的文章数比较多,以后考虑切换成 Hugo,今天花了点时间来学习了下。
以下是学习过程:
Hugo使用指南
下载Hugo
因为是Windows 10系统,先去下载:https://github.com/gohugoio/hugo/releases
选择Windows版本,下载之后解压,解压可以得到 hugo.exe
,将 hugo.exe
所在文件路径添加到Windows的Path变量中:1
2E:\Website>hugo version
hugo v0.82.0-9D960784+extended windows/amd64 BuildDate=2021-03-21T17:28:04Z VendorInfo=gohugoio
创建站点项目
以我为例, 假设要创建站点存放在 F:\Hugo\Website\
目录中,在命令行中切换到该目录下执行:1
2E:\Website>hugo new site mywebsite
Congratulations! Your new Hugo site is created in E:\Website\mywebsite.
出现上述信息,创建出了mywebsite
站点项目,其文件列表如下:1
2
3
4
5
6
7
8
9
102021/03/28 15:52 <DIR> .
2021/03/28 15:52 <DIR> ..
2021/03/28 15:51 <DIR> archetypes
2021/03/28 16:09 103 config.toml
2021/03/28 16:12 <DIR> content
2021/03/28 15:51 <DIR> data
2021/03/28 15:51 <DIR> layouts
2021/03/28 15:52 <DIR> resources
2021/03/28 15:51 <DIR> static
2021/03/28 16:08 <DIR> themes
添加主题
有了文件之后,还无法构建网站,因为hugo默认是没有主题文件的。这里选取一个简洁的主题1
git clone https://github.com/yihui/hugo-prose.git themes/prose
当前项目目录内打开 config.toml
配置文件,在最后添加一行 theme = "prose"
,即将这个网站设置为 prose 主题。
运行站点
在站点项目内执行命令 hugo server -D
:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22E:\Website\mywebsite>hugo server -D
Start building sites …
| EN
-------------------+-----
Pages | 10
Paginator pages | 0
Non-page files | 0
Static files | 4
Processed images | 0
Aliases | 1
Sitemaps | 1
Cleaned | 0
Built in 30 ms
Watching for changes in E:\Website\mywebsite\{archetypes,content,data,layouts,static,themes}
Watching for config changes in E:\Website\mywebsite\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
然后在浏览器界面中输入:http://localhost:1313/
如果顺利打开之后,出现了Hugo网站界面,那说明安装好了!
不过这个时候还是没有内容的,因为我们还没有添加内容:-)