1. 基础项目操作

创建新 Hugo 站点
1 # 创建名为 my-blog 的新站点会生成一个同名文件夹
2
3 hugo new site my-blog 

用途:初始化一个全新的 Hugo 项目,生成基础目录结构(content、themes、config 等)。

注意:执行后需要进入项目目录(cd my-blog)再进行后续操作。

安装主题(以 Anake 为例)
1# 进入站点目录后克隆主题到 themes 文件夹 
2git clone https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
3
4可选将主题配置添加到站点配置文件
5
6 echo "theme = 'ananke'" >> config.toml 

用途:为站点添加主题,是 Hugo 站点可视化的基础。

提示:也可以手动下载主题压缩包解压到 themes 目录。

2.文章 / 内容操作(核心)

创建新文章(最常用)
 1# 创建一篇名为 "my-first-post" 的文章默认格式为 markdown
 2
 3hugo new posts/my-first-post.md
 4
 5# 自定义文章标题推荐
 6
 7hugo new posts/2024-01-07-my-first-post.md
 8
 9# 创建非 posts 目录的内容比如 pages 页面
10
11hugo new about.md

核心说明

生成的文件位于 content/ 目录下(如 content/posts/my-first-post.md)。

新文章默认包含 Front Matter(标题、日期、草稿状态等),且默认标记为 draft: true(草稿状态)。

文件名建议用「日期 - 标题」格式,便于管理和 SEO。

发布草稿文章
# 方式1:直接编辑文章的 Front Matter,将 draft: true 改为 draft: false

# 方式2:运行 Hugo 时强制渲染草稿

hugo server -D  # -D 是 --buildDrafts 的缩写,渲染草稿内容
3.本地预览 / 开发

启动本地开发服务器

1# 基础启动不渲染草稿未来文章
2
3hugo server
4
5# 常用启动方式渲染草稿+实时刷新+显示详细日志
6
7hugo server -D --watch --verbose
 1# 1. 追踪所有本地修改的文件
 2
 3git add .
 4
 5# 2. 提交修改并写一句说明替换引号里的内容
 6
 7git commit -m "更新Hugo内容/样式"
 8
 9# 3. 推送到GitHub远程仓库默认分支是main按自己的分支名改
10
11git push origin main
  • hugo new content content/posts/xxxxx.md