<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>教程 on JiangYM's Blog</title><link>https://jiangym.top/categories/%E6%95%99%E7%A8%8B/</link><description>Recent content from JiangYM's Blog</description><generator>Hugo</generator><language>zh-cn</language><managingEditor>xxx@example.com (JiangYM)</managingEditor><webMaster>xxx@example.com (JiangYM)</webMaster><copyright>本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！</copyright><lastBuildDate>Thu, 13 Aug 2026 15:00:00 +0800</lastBuildDate><atom:link href="https://jiangym.top/categories/%E6%95%99%E7%A8%8B/index.xml" rel="self" type="application/rss+xml"/><item><title>Hugo 博客更换 Reimu 主题完全记录</title><link>https://jiangym.top/post/hugo-reimu-theme/</link><pubDate>Thu, 13 Aug 2026 15:00:00 +0800</pubDate><author>xxx@example.com (JiangYM)</author><guid>https://jiangym.top/post/hugo-reimu-theme/</guid><description>
<![CDATA[<h1>Hugo 博客更换 Reimu 主题完全记录</h1><p>作者：JiangYM（xxx@example.com）</p>
        
          <h2 id="前言">
<a class="header-anchor" href="#%e5%89%8d%e8%a8%80"></a>
前言
</h2><p>用了一段时间 PaperMod，虽然轻量快速但看久了有点单调。偶然发现了 <a href="https://github.com/D-Sketon/hugo-theme-reimu">hugo-theme-reimu</a> 这款博丽灵梦风格的主题，二次元味拉满，特效也很丰富，果断换上。</p>
<p>本文记录更换过程中的配置、踩坑和优化。</p>
<hr>
<h2 id="主题特色">
<a class="header-anchor" href="#%e4%b8%bb%e9%a2%98%e7%89%b9%e8%89%b2"></a>
主题特色
</h2><p>Reimu 主题功能非常丰富，列举几个我最喜欢的：</p>
<ul>
<li>🎨 博丽灵梦红白配色，风格统一</li>
<li>🌀 太极加载动画（少女祈祷中&hellip;）</li>
<li>✨ 鼠标点击烟花特效</li>
<li>🌙 亮/暗模式切换</li>
<li>📱 响应式布局，移动端适配好</li>
<li>🔍 Algolia 搜索支持</li>
<li>💬 多种评论系统集成</li>
<li>🎵 APlayer / Meting 音乐播放器</li>
<li>📐 KaTeX / MathJax 数学公式</li>
<li>📊 Mermaid 流程图</li>
</ul>
<hr>
<h2 id="安装主题">
<a class="header-anchor" href="#%e5%ae%89%e8%a3%85%e4%b8%bb%e9%a2%98"></a>
安装主题
</h2><h3 id="方式一git-submodule推荐">
<a class="header-anchor" href="#%e6%96%b9%e5%bc%8f%e4%b8%80git-submodule%e6%8e%a8%e8%8d%90"></a>
方式一：Git Submodule（推荐）
</h3><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">cd</span> your-hugo-site
</span></span><span class="line"><span class="cl">git submodule add https://github.com/D-Sketon/hugo-theme-reimu.git themes/reimu
</span></span></code></pre></td></tr></table>
</div>
</div><h3 id="方式二直接克隆">
<a class="header-anchor" href="#%e6%96%b9%e5%bc%8f%e4%ba%8c%e7%9b%b4%e6%8e%a5%e5%85%8b%e9%9a%86"></a>
方式二：直接克隆
</h3><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">git clone --depth<span class="o">=</span><span class="m">1</span> https://github.com/D-Sketon/hugo-theme-reimu.git themes/reimu
</span></span></code></pre></td></tr></table>
</div>
</div><hr>
<h2 id="基础配置">
<a class="header-anchor" href="#%e5%9f%ba%e7%a1%80%e9%85%8d%e7%bd%ae"></a>
基础配置
</h2><p>在 <code>hugo.yaml</code> 中添加：</p>
        
        <hr><p>本文2026-08-13首发于<a href='https://jiangym.top/'>JiangYM's Blog</a>，最后修改于2026-08-13</p>]]></description><category>教程</category></item><item><title>从零开始用 Hugo 搭建个人博客完整指南</title><link>https://jiangym.top/post/hugo-blog-guide/</link><pubDate>Thu, 13 Aug 2026 14:00:00 +0800</pubDate><author>xxx@example.com (JiangYM)</author><guid>https://jiangym.top/post/hugo-blog-guide/</guid><description>
<![CDATA[<h1>从零开始用 Hugo 搭建个人博客完整指南</h1><p>作者：JiangYM（xxx@example.com）</p>
        
          <h2 id="为什么选择-hugo">
<a class="header-anchor" href="#%e4%b8%ba%e4%bb%80%e4%b9%88%e9%80%89%e6%8b%a9-hugo"></a>
为什么选择 Hugo？
</h2><p>Hugo 是目前最快的静态网站生成器之一，基于 Go 语言开发。相比于 Hexo、WordPress 等方案，Hugo 有以下优势：</p>
<ul>
<li>⚡ <strong>构建速度极快</strong>：几百篇文章毫秒级构建</li>
<li>📦 <strong>单二进制部署</strong>：不需要 Node.js/PHP 运行环境</li>
<li>🚀 <strong>性能卓越</strong>：纯静态文件，Nginx 直接托管</li>
<li>🔒 <strong>安全性高</strong>：没有数据库，没有注入漏洞</li>
<li>💰 <strong>成本低廉</strong>：可以部署在 GitHub Pages、Vercel 等免费平台</li>
</ul>
<hr>
<h2 id="环境准备">
<a class="header-anchor" href="#%e7%8e%af%e5%a2%83%e5%87%86%e5%a4%87"></a>
环境准备
</h2><h3 id="安装-hugo">
<a class="header-anchor" href="#%e5%ae%89%e8%a3%85-hugo"></a>
安装 Hugo
</h3><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span><span class="lnt">6
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># Debian/Ubuntu</span>
</span></span><span class="line"><span class="cl">sudo apt-get install hugo
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c1"># 或者下载最新版（推荐 extended 版本，支持 SCSS）</span>
</span></span><span class="line"><span class="cl">wget https://github.com/gohugoio/hugo/releases/download/v0.165.0/hugo_extended_0.165.0_linux-amd64.deb
</span></span><span class="line"><span class="cl">sudo dpkg -i hugo_extended_0.165.0_linux-amd64.deb
</span></span></code></pre></td></tr></table>
</div>
</div><p>验证安装：</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo version
</span></span><span class="line"><span class="cl"><span class="c1"># 输出类似：hugo v0.165.0+extended linux/amd64</span>
</span></span></code></pre></td></tr></table>
</div>
</div><blockquote>
<p>💡 务必安装 <strong>extended</strong> 版本，很多主题需要 SCSS/Sass 支持。</p>
        
        <hr><p>本文2026-08-13首发于<a href='https://jiangym.top/'>JiangYM's Blog</a>，最后修改于2026-08-13</p>]]></description><category>教程</category></item></channel></rss>