使用Hugo搭建个人博客(一)

安装Hugo

1.从 hugo 的GitHub 仓库下载安装包,使用即可。我使用的是hugo_0.80.0_Windows-64bit.zip这个版本。

2.建立一个文档blog,该文档中建立一个bin文件夹,将解压的hugo文件放进去,之后复制其全链接(路径)我的是H:\boke\bin

3.打开控制面板,打开查看高级系统设置,点击里面的环境变量,在A的用户变量(U里面找到path变量,双击在里面添加之前复制的全链接H:\boke\bin,之后点确定;下面的系统变量(S同上。

4.打开系统的cmd(命令提示符),输入

**hugo version**

5.显示Hugo版本信息。

C:\Users\A>hugo version
Hugo Static Site Generator v0.78.2-959724F0 windows/amd64 BuildDate: 2020-11-13T10:08:15Z

6.Hugo安装完成

创建一个站点

1.在cmd(命令提示符)输入

hogo new site yourname.com(yourname自定义)

2.创建完成即生成你的博客目录,目录如下:

├─archetypes
├─content
├─data
├─layouts
├─static
├─themes
└─config.toml

挑选一个主题

1.在Hugo的 主题网站https://themes.gohugo.io/中挑选一款你喜欢的主题。

2.选定后,将其下载好为一个文件夹(以我的为例:文件夹名为hermit)

3.打开创建的站点的文件夹,找到theme文件夹将下载好的主题文件夹放进去hermit(若文件夹后面有master删掉,避免后面的麻烦),添加好后打开hermit文件夹,找到exampleSite,复制里面的content和comfig.toml,替换掉外层(yourname.com这层)的content和comfig.toml。

调试并实现本地查看

1.下载一个VS Studio网址https://code.visualstudio.com/

2.使用VS Studio打开站点文件夹(yourname.com)

3.在其终端输入命令

hugo server

得到结果 C:\Users\A\foreversnow.com> hugo server Start building sites …

                  | EN  
-------------------+-----
  Pages            | 15
  Paginator pages  |  0
  Non-page files   |  0  
  Static files     | 10
  Processed images |  0
  Aliases          |  0
  Sitemaps         |  1  
  Cleaned          |  0

Built in 187 ms
Watching for changes in C:\Users\A\foreversnow.com\{archetypes,content,data,layouts,static,themes}
Watching for config changes in C:\Users\A\foreversnow.com\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/ 本地博客模样

4.可以对配置文件进行修改让其真正属于你!

帮助网址

Hugo官网: https://gohugo.io

Hugo中文文档: https://www.gohugo.org/