📝 什么是 hugo.toml
hugo.toml 是 Hugo 博客的主配置文件,就像博客的"控制面板",所有关于博客的设置都在这里调整。
🎯 基础配置
baseURL = 'https://example.org/'
title = 'Ah新的生活小札'
theme = 'PaperMod'
defaultContentLanguage = 'zh-cn'
| 配置项 | 说明 | 示例 |
|---|---|---|
baseURL | 博客的域名地址 | https://blog.ahxin.cn/ |
title | 博客名称 | Ah新的生活小札 |
theme | 使用的主题名称 | PaperMod |
defaultContentLanguage | 默认语言 | zh-cn(简体中文) |
📖 内容配置
enableRobotsTXT = true
enableEmoji = true
paginate = 10
summaryLength = 30
| 配置项 | 说明 |
|---|---|
enableRobotsTXT | 生成搜索引擎爬虫文件(建议开启) |
enableEmoji | 支持表情符号(✨👍🎉) |
paginate | 每页显示多少篇文章 |
summaryLength | 文章摘要显示多少个单词 |
🎨 主题参数([params])
这部分是最重要的,控制博客的各种功能开关:
基本信息
[params]
title = "Ah新的生活小札"
description = "日常琐记 生活共赏"
author = "ah新"
功能开关
ShowReadingTime = true # 显示阅读时间
ShowShareButtons = true # 显示分享按钮
ShowPostNavLinks = true # 文章底部显示上一篇/下一篇
ShowBreadCrumbs = true # 显示面包屑导航
ShowCodeCopyButtons = true # 代码块显示复制按钮
ShowToc = true # 文章目录(大纲)
TocOpen = true # 目录默认展开
主题切换
defaultTheme = "auto" # 自动跟随系统(light/dark)
disableThemeToggle = false # 允许手动切换明暗模式
首页模式
homeInfoParams = { enabled = true, Title = "你好,我是 ah新", Content = "日常琐记,生活共赏 ✨" }
三种首页模式:
- Regular(默认):直接显示文章列表
- Profile:头像+简介+按钮(个人主页风格)
- Home-Info:简短介绍+文章列表(当前使用)
封面图
[params.cover]
hiddenInList = true # 文章列表中隐藏封面图
🔗 导航菜单([menu])
[menu]
[[menu.main]]
identifier = "关于" # 唯一标识
name = "关于" # 显示名称
url = "/about/" # 链接地址
weight = 10 # 排序权重(数字越小越靠前)
weight 决定菜单顺序,数字越小越在左边:
weight = 10→ 第一个weight = 20→ 第二个weight = 30→ 第三个
🌍 多语言配置([languages])
[languages]
[languages.zh-cn]
label = "简体中文"
weight = 1
如果博客只有中文,可以不用管这部分。
📊 其他常用配置
压缩优化
[minify]
disableXML = true
minifyOutput = true
开启后会自动压缩 HTML/CSS/JS 文件,让网站加载更快。
输出格式
[outputs]
home = ["HTML", "RSS", "JSON"]
控制首页输出哪些文件格式,默认即可。
📁 项目结构
你的博客/
├── hugo.toml # 配置文件
├── content/ # 文章内容
│ ├── about.md # 关于页
│ ├── search.md # 搜索页
│ └── posts/ # 文章目录
│ └── 文章文件名.md
├── static/ # 静态资源
│ ├── admin/ # Decap CMS
│ ├── uploads/ # 上传的图片
│ └── avatar.png # 头像
└── themes/ # 主题
└── PaperMod/ # PaperMod 主题
💡 修改配置后怎么生效
修改 hugo.toml 后:
- 如果是
hugo server运行中,会自动重新加载 - 如果是静态构建,重新运行
hugo命令
🎯 常用命令
# 启动本地预览(开发用)
hugo server -D
# 构建静态文件(部署用)
hugo
# 新建文章
hugo new posts/文章标题.md
# 新建页面
hugo new about.md
总结:hugo.toml 就是博客的设置中心,你想改什么就在这里找对应的配置项。改完保存,刷新页面就能看到效果!