Hugo 博客排版与功能全面测试

0. 前言

欢迎来到我的 Hugo 博客!如果你能清晰地看到这篇文章的各种样式,说明主题的底层配置已经完美运行。本文将依次测试字体、列表、引用、代码、表格、图片以及 Hugo 特有的短代码功能。


1. 基础文本排版

这是一段普通正文。在写作中,我们常常需要使用 加粗 来强调重点,使用 斜体 来标注专有名词,或者使用 删除线 来表示过时的信息。当然,偶尔也会用 行内代码 来标记变量名或命令。

💡 小贴士: 这是一段引用文本。好的引用样式应该有明显的左边框或背景色区分。它可以包含 代码,也可以包含加粗文字。

甚至可以嵌套引用,测试一下二级引用的缩进和样式是否正常。


2. 列表测试

无序列表

  • 支持 Markdown 语法
  • 支持 YAML/TOML Front Matter
  • 极快的编译速度
    • 使用 Go 语言编写
    • 毫秒级生成静态页面
  • 丰富的主题生态

有序列表

  1. 安装 Hugo CLI
  2. 使用 hugo new site myblog 创建站点
  3. 安装主题(例如:git submodule add ...
  4. 创建第一篇文章:hugo new posts/my-first-post.md
  5. 启动本地预览:hugo server -D

任务列表 (GFM 扩展)

  • 购买服务器和域名
  • 配置 Hugo 环境并部署
  • 写一篇有深度的技术博文
  • 优化 SEO 和网站加载速度

3. 代码块测试

Hugo 结合 Chroma(默认语法高亮器)效果非常棒。以下是各种语言的测试:

Go 语言 (Hugo 的母语)

comments powered by Disqus