0. 前言
欢迎来到我的 Hugo 博客!如果你能清晰地看到这篇文章的各种样式,说明主题的底层配置已经完美运行。本文将依次测试字体、列表、引用、代码、表格、图片以及 Hugo 特有的短代码功能。
1. 基础文本排版
这是一段普通正文。在写作中,我们常常需要使用 加粗 来强调重点,使用 斜体 来标注专有名词,或者使用 删除线 来表示过时的信息。当然,偶尔也会用 行内代码 来标记变量名或命令。
💡 小贴士: 这是一段引用文本。好的引用样式应该有明显的左边框或背景色区分。它可以包含
代码,也可以包含加粗文字。甚至可以嵌套引用,测试一下二级引用的缩进和样式是否正常。
2. 列表测试
无序列表
- 支持 Markdown 语法
- 支持 YAML/TOML Front Matter
- 极快的编译速度
- 使用 Go 语言编写
- 毫秒级生成静态页面
- 丰富的主题生态
有序列表
- 安装 Hugo CLI
- 使用
hugo new site myblog创建站点 - 安装主题(例如:
git submodule add ...) - 创建第一篇文章:
hugo new posts/my-first-post.md - 启动本地预览:
hugo server -D
任务列表 (GFM 扩展)
- 购买服务器和域名
- 配置 Hugo 环境并部署
- 写一篇有深度的技术博文
- 优化 SEO 和网站加载速度
3. 代码块测试
Hugo 结合 Chroma(默认语法高亮器)效果非常棒。以下是各种语言的测试: