hugo 使用教程

hugo的 使用教程

📝 ​Front Matter 属性详解​

​1. 基础属性​

1
2
3
4
5
---
title: "心清如水"           # 文章标题(必填)
description: ""            # 文章描述/摘要(SEO重要)
date: 2025-10-21T18:48:36+08:00  # 创建时间(自动生成)
---

​2. 媒体相关​

1
2
3
image: ""                  # 文章特色图片路径
# 示例: image: "/images/featured.jpg"
# 示例: image: "https://example.com/image.jpg"

​3. 功能开关​

1
2
3
4
5
math: false                # 是否启用数学公式渲染(KaTeX)
license: ""                # 版权声明(如:"CC BY-NC-ND 4.0")
hidden: false              # 是否在列表中隐藏(但仍可直接访问)
comments: true             # 是否启用评论系统
draft: true                # 是否为草稿模式(重要!)

🎯 ​重点属性说明​

​**draft: true(草稿模式)​**​

1
2
draft: true    # 草稿:不会在正式构建中发布
draft: false   # 正式:会发布到网站

​构建时的区别:​​

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
# 默认不构建草稿
hugo

# 构建包含草稿
hugo --buildDrafts
# 或
hugo -D

# 开发服务器查看草稿
hugo server -D

​**date(日期控制)​**​

1
2
3
# 控制文章排序和发布
date: 2025-10-21T18:48:36+08:00  # 精确到秒
date: 2025-10-21                 # 只到日期

🔧 ​常用属性补充​

​分类和标签​

1
2
categories: ["技术", "Hugo"]
tags: ["前端", "静态网站", "教程"]

​作者信息​

1
2
author: "你的名字"
authors: ["作者1", "作者2"]

​自定义参数​

1
2
3
4
params:
  featured_image: "/images/cover.jpg"
  reading_time: true  # 显示阅读时间
  toc: true          # 显示目录

📁 ​完整示例​

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
---
title: "Hugo Front Matter 详解"
description: "全面解析 Hugo 文章元数据的各项属性"
date: 2025-10-21T18:48:36+08:00
image: "/images/hugo-frontmatter.jpg"
math: false
license: "CC BY-NC-SA 4.0"
hidden: false
comments: true
draft: false
categories: ["技术", "博客"]
tags: ["Hugo", "Front Matter", "教程"]
author: "你的名字"
params:
  toc: true
  reading_time: true
---

🚀 ​最佳实践建议​

​1. 必填属性​

1
2
3
title:    # 必须有标题
date:     # 必须有日期(Hugo自动生成)
draft:    # 明确是否为草稿

​2. SEO 优化​

1
2
description: "50-160字符的吸引人描述"
image: "高质量的特色图片"

​3. 组织管理​

1
2
categories: ["大类"]     # 1-2个主要分类
tags: ["关键词1", "关键词2"]  # 5-10个相关标签

💡 ​格式支持​

Hugo 支持三种 Front Matter 格式:

​YAML(最常用)​​

1
2
3
4
---
title: "示例"
draft: true
---

​TOML​

1
2
3
4
+++
title = "示例"
draft = true
+++

​JSON​

1
2
3
4
{
  "title": "示例",
  "draft": true
}

​推荐使用 YAML 格式,可读性最好!


🔍 ​查看效果​

​构建时检查​

1
2
3
4
5
6
7
8
# 构建正式版本(不含草稿)
hugo

# 构建包含草稿
hugo -D

# 实时预览(含草稿)
hugo server -D
Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
使用 Hugo 构建
主题 Stack 由 Jimmy 设计