调整到老博客的程度

2026-07-17 10:20:54 +08:00
commit fadeeb8913
189 changed files with 45297 additions and 0 deletions
@@ -0,0 +1,52 @@
+---
+title: 关于使用HUGO建立博客站点
+date: 2021-03-23T09:15:09+08:00
+lastmod: 2021-05-24T00:00:00+08:00
+draft: false
+description: ''
+authors:
+  - Kushidou
+tags: []
+categories: []
+toc: true
+comments: true
+---
+
+使用hugo建立本站的规划和记录。
+<!--more-->
+
+
+# 关于使用HUGO建立博客
+
+在经历了worldpress的性能消耗和慢速加载后，我现在决定换用hugo+caddy的建站模式。昨天已经完成了caddy2的基础设置，现在开始测试使用hugo。
+
+## hugo的安装与首次创建
+
+安装使用*chocolatey*，一个windows下的仿apt、yum的软件包管理器。安装好chocolatey后，根据hugo官网的内容，`choco install hugo -confirm`安装基础的hugo（好处是不用再配置环境变量了）。
+
+为hugo创建目录，进入后`hugo site new website`，hugo会自动建立它所需要的层级结构。
+
+添加第一个页面，`hugo new xxx/xxx.md'，创建的内容会出现在content下，创建多级目录也适合将来归类。
+
+## 编写文章
+
+hugo的文章是基于markdown文档的，创建的文章会自动加入以下抬头
+
+```TOML
+---
+title: "$文章标题"
+date: $时间
+draft: true
+---
+```
+
+这个可以修改为json或ymal格式，理应可以添加更多项目，这个之后再研究。
+
+## 主题/皮肤
+
+主题放在themes下，我在知乎上找到了一个高赞且顺眼的，[有哪些好看的Hugo主题？ - 飞雪无情的回答 - 知乎](
+https://www.zhihu.com/question/266175192/answer/460456938)，文章中附了github连接，那么我们直接git过来就完事了。
+
+## 生成网站
+
+文章+主题都有了，现在可以生成第一个网站了（虽然写这些字的时候，网站还没生成）。`hugo`就能直接产生网页，保存至public文件夹。`hugo server`可以启动一个服务器预览静态网页。