https://yaran.pages.dev/categories/%E5%85%AC%E5%91%8A/Recent content in 公告 on 雅然丛刊Hugo -- gohugo.iozh-cnFri, 10 Apr 2026 00:00:00 +0000https://yaran.pages.dev/p/hugo-%E5%8D%9A%E5%AE%A2%E6%8E%92%E7%89%88%E4%B8%8E%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E6%B5%8B%E8%AF%95/Fri, 10 Apr 2026 00:00:00 +0000https://yaran.pages.dev/p/hugo-%E5%8D%9A%E5%AE%A2%E6%8E%92%E7%89%88%E4%B8%8E%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E6%B5%8B%E8%AF%95/<h2 id="0-前言">0. 前言 </h2><p>欢迎来到我的 Hugo 博客！如果你能清晰地看到这篇文章的各种样式，说明主题的底层配置已经完美运行。本文将依次测试字体、列表、引用、代码、表格、图片以及 Hugo 特有的短代码功能。</p> <hr> <h2 id="1-基础文本排版">1. 基础文本排版 </h2><p>这是一段普通正文。在写作中，我们常常需要使用 <strong>加粗</strong> 来强调重点，使用 <em>斜体</em> 来标注专有名词，或者使用 <del>删除线</del> 来表示过时的信息。当然，偶尔也会用 <code>行内代码</code> 来标记变量名或命令。</p> <blockquote> <p><strong>💡 小贴士：</strong> 这是一段引用文本。好的引用样式应该有明显的左边框或背景色区分。它可以包含 <code>代码</code>，也可以包含<strong>加粗</strong>文字。</p> <blockquote> <p>甚至可以嵌套引用，测试一下二级引用的缩进和样式是否正常。</p> </blockquote> </blockquote> <hr> <h2 id="2-列表测试">2. 列表测试 </h2><h3 id="无序列表">无序列表 </h3><ul> <li>支持 Markdown 语法</li> <li>支持 YAML/TOML Front Matter</li> <li>极快的编译速度 <ul> <li>使用 Go 语言编写</li> <li>毫秒级生成静态页面</li> </ul> </li> <li>丰富的主题生态</li> </ul> <h3 id="有序列表">有序列表 </h3><ol> <li>安装 Hugo CLI</li> <li>使用 <code>hugo new site myblog</code> 创建站点</li> <li>安装主题（例如：<code>git submodule add ...</code>）</li> <li>创建第一篇文章：<code>hugo new posts/my-first-post.md</code></li> <li>启动本地预览：<code>hugo server -D</code></li> </ol> <h3 id="任务列表-gfm-扩展">任务列表 (GFM 扩展) </h3><ul> <li><input checked="" disabled="" type="checkbox"> 购买服务器和域名</li> <li><input checked="" disabled="" type="checkbox"> 配置 Hugo 环境并部署</li> <li><input disabled="" type="checkbox"> 写一篇有深度的技术博文</li> <li><input disabled="" type="checkbox"> 优化 SEO 和网站加载速度</li> </ul> <hr> <h2 id="3-代码块测试">3. 代码块测试 </h2><p>Hugo 结合 Chroma（默认语法高亮器）效果非常棒。以下是各种语言的测试：</p> <h3 id="go-语言-hugo-的母语">Go 语言 (Hugo 的母语) </h3>