新建一个Hugo博客，用于存储一些不常更新的资料。

环境安装

• Go语言
• Hugo_extended （下载Hugo扩展版）
• Stack主题

环境变量配置

将下载的hugo解压到了[驱动器]:\hugo下，hugo命令只能在该目录下才能识别。但是我们想要把博客目录建到其他目录下，这就需要配置环境变量。

1. 此电脑→右键→点击属性
2. 再点击高级系统设置
3. 点击环境变量
4. 在系统变量中找到path，再点击编辑
5. 点击新建，填入hugo解压的文件目录，比如解压在 [驱动器]:\hugo ，就填的是 [驱动器]:\hugo

新建站点目录

hugo new site [站点名称]

各目录的简单说明如下：

• archetypes: 预定义的文章模板
• config.toml: 站点的配置文件
• content: 文章存放的目录
• data: 生成 website 时用到的配置文件目录
• layouts: 页面 html 的模板目录
• static: 存放静态文件，如 css, js 和图片等
• themes: 主题存放目录

主题设置

在文章根目录下新建归档文件夹， archives/index.md

1
2
3
4
5
6

---
title: "归档"
date: 2022-03-17
layout: "archives"
slug: "archives"
---

在文章根目录下新建搜索文件夹， search/index.md

1
2
3
4
5
6
7
8
9

---
title: "搜索"
date: 2022-03-17
slug: "search"
layout: "search"
outputs:
  - html
  - json
---

对 hugo-theme-stack 主题（最新版本 3.27.0 ）的修改：

1. 添加社交网站图标，主题根目录下\assets\icons路径

开始写作

1.新建文章

hugo new post/[文章名称].md

注意：在文章头部设置 draft 为 false 才可见，否则就是草稿，不会发布。

2.生成预览

hugo server

3.生成静态页面（在 /pubilc 文件夹）

hugo -D（D 必须大写）

参考

• harbor主题作者的博客仓库
• Stack主题使用文档