<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Posts on Pomfret's Blog</title><link>https://pomfret.dev/post/</link><description>Recent content in Posts on Pomfret's Blog</description><generator>Hugo -- gohugo.io</generator><language>zh</language><lastBuildDate>Mon, 19 Oct 2026 21:42:46 +0800</lastBuildDate><atom:link href="https://pomfret.dev/post/index.xml" rel="self" type="application/rss+xml"/><item><title>「盘古之白」| 基本规则与实际问题</title><link>https://pomfret.dev/2025/09/pangu/</link><pubDate>Tue, 02 Sep 2025 20:21:54 +0800</pubDate><guid>https://pomfret.dev/2025/09/pangu/</guid><description>&lt;h2 id="介绍"&gt;&lt;a href="#%e4%bb%8b%e7%bb%8d" class="header-anchor"&gt;&lt;/a&gt;介绍&#10;&lt;/h2&gt;&lt;p&gt;我已经不记得是什么时候知道「盘古之白」的了，但我记得当时看到过一段有趣的话。&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;漢學家稱這個空白字元為「盤古之白」，因為它劈開了全形字和半形字之間的混沌。另有研究顯示，打字的時候不喜歡在中文和英文之間加空格的人，感情路都走得很辛苦，有七成的比例會在 34 歲的時候跟自己不愛的人結婚，而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;这段话的原出处是 &lt;a class="link" href="https://github.com/vinta/pangu.js" target="_blank" rel="noopener"&#10; &gt;https://github.com/vinta/pangu.js&lt;/a&gt;，感兴趣的可以去看看。&lt;/p&gt;&#10;&lt;p&gt;「盘古之白」指的是中文和半角的英文、数字、符号之间需要加入的空格，它能让文字看起来更加舒服，下面我们来简单对比一下。&lt;/p&gt;&#10;&lt;p&gt;这是没有「盘古之白」的：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我的IQ是250，身高2m，体重50kg，我用2500元买了一台iPhone，并且在YouTube上直播开箱，结果发现是价值高达2.5元的儿童玩具。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;这是有「盘古之白」的：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我的 IQ 是 250，身高 2 m，体重 50 kg，我用 2500 元买了一台 iPhone，并且在 YouTube 上直播开箱，结果发现是价值高达 2.5 元的儿童玩具。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;也许你平时并没有打空格的习惯，但你平时看到的文字大概是已经添加了留白的。你可以把没有「盘古之白」的那段话复制到微信里，然后发送，看看是不是更接近有「盘古之白」的版本。&lt;/p&gt;&#10;&lt;h2 id="基本规则"&gt;&lt;a href="#%e5%9f%ba%e6%9c%ac%e8%a7%84%e5%88%99" class="header-anchor"&gt;&lt;/a&gt;基本规则&#10;&lt;/h2&gt;&lt;h3 id="空格"&gt;&lt;a href="#%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;空格&#10;&lt;/h3&gt;&lt;h4 id="中英文之间需要增加空格"&gt;&lt;a href="#%e4%b8%ad%e8%8b%b1%e6%96%87%e4%b9%8b%e9%97%b4%e9%9c%80%e8%a6%81%e5%a2%9e%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;中英文之间需要增加空格&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;在 LeanCloud 上，数据存储是围绕 &lt;code&gt;AVObject&lt;/code&gt; 进行的。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;在LeanCloud上，数据存储是围绕&lt;code&gt;AVObject&lt;/code&gt;进行的。&lt;/p&gt;&#10;&lt;p&gt;在 LeanCloud上，数据存储是围绕&lt;code&gt;AVObject&lt;/code&gt; 进行的。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;完整的正确用法：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;在 LeanCloud 上，数据存储是围绕 &lt;code&gt;AVObject&lt;/code&gt; 进行的。每个 &lt;code&gt;AVObject&lt;/code&gt; 都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的，你不需要在每个 &lt;code&gt;AVObject&lt;/code&gt; 上提前指定存在哪些键，只要直接设定对应的 key-value 即可。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;例外：「豆瓣FM」等产品名词，按照官方所定义的格式书写。&lt;/p&gt;&#10;&lt;h4 id="中文与数字之间需要增加空格"&gt;&lt;a href="#%e4%b8%ad%e6%96%87%e4%b8%8e%e6%95%b0%e5%ad%97%e4%b9%8b%e9%97%b4%e9%9c%80%e8%a6%81%e5%a2%9e%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;中文与数字之间需要增加空格&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;今天出去买菜花了 5000 元。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;今天出去买菜花了 5000元。&lt;/p&gt;&#10;&lt;p&gt;今天出去买菜花了5000元。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h4 id="数字和单位之间需要增加空格"&gt;&lt;a href="#%e6%95%b0%e5%ad%97%e5%92%8c%e5%8d%95%e4%bd%8d%e4%b9%8b%e9%97%b4%e9%9c%80%e8%a6%81%e5%a2%9e%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;数字和单位之间需要增加空格&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我家的光纤入屋宽带有 10 Gbps，SSD 一共有 20 TB&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我家的光纤入屋宽带有 10Gbps，SSD 一共有 20TB&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;例外：度数／百分比与数字之间不需要增加空格：&lt;/p&gt;&#10;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;角度为 90° 的角，就是直角。&lt;/p&gt;&#10;&lt;p&gt;新 MacBook Pro 有 15% 的 CPU 性能提升。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;角度为 90 ° 的角，就是直角。&lt;/p&gt;&#10;&lt;p&gt;新 MacBook Pro 有 15 % 的 CPU 性能提升。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h4 id="全角标点与其他字符之间不加空格"&gt;&lt;a href="#%e5%85%a8%e8%a7%92%e6%a0%87%e7%82%b9%e4%b8%8e%e5%85%b6%e4%bb%96%e5%ad%97%e7%ac%a6%e4%b9%8b%e9%97%b4%e4%b8%8d%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;全角标点与其他字符之间不加空格&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;刚刚买了一部 iPhone，好开心！&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;刚刚买了一部 iPhone ，好开心！&lt;/p&gt;&#10;&lt;p&gt;刚刚买了一部 iPhone， 好开心！&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h3 id="全角和半角"&gt;&lt;a href="#%e5%85%a8%e8%a7%92%e5%92%8c%e5%8d%8a%e8%a7%92" class="header-anchor"&gt;&lt;/a&gt;全角和半角&#10;&lt;/h3&gt;&lt;h4 id="中文环境使用全角符号"&gt;&lt;a href="#%e4%b8%ad%e6%96%87%e7%8e%af%e5%a2%83%e4%bd%bf%e7%94%a8%e5%85%a8%e8%a7%92%e7%ac%a6%e5%8f%b7" class="header-anchor"&gt;&lt;/a&gt;中文环境使用全角符号&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;嗨！你知道嘛？今天前台的小妹跟我说「喵」了哎！&lt;/p&gt;&#10;&lt;p&gt;核磁共振成像（NMRI）是什么原理都不知道？JFGI！&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;嗨! 你知道嘛? 今天前台的小妹跟我说 &amp;ldquo;喵&amp;rdquo; 了哎！&lt;/p&gt;&#10;&lt;p&gt;嗨!你知道嘛?今天前台的小妹跟我说&amp;quot;喵&amp;quot;了哎！&lt;/p&gt;&#10;&lt;p&gt;核磁共振成像 (NMRI) 是什么原理都不知道? JFGI!&lt;/p&gt;&#10;&lt;p&gt;核磁共振成像(NMRI)是什么原理都不知道?JFGI!&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h4 id="遇到完整的英文整句特殊名词其内容使用半角符号"&gt;&lt;a href="#%e9%81%87%e5%88%b0%e5%ae%8c%e6%95%b4%e7%9a%84%e8%8b%b1%e6%96%87%e6%95%b4%e5%8f%a5%e7%89%b9%e6%ae%8a%e5%90%8d%e8%af%8d%e5%85%b6%e5%86%85%e5%ae%b9%e4%bd%bf%e7%94%a8%e5%8d%8a%e8%a7%92%e7%ac%a6%e5%8f%b7" class="header-anchor"&gt;&lt;/a&gt;遇到完整的英文整句、特殊名词，其内容使用半角符号&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;乔布斯那句话是怎么说的？「Stay hungry, stay foolish.」&lt;/p&gt;&#10;&lt;p&gt;推荐你阅读 &lt;em&gt;Hackers &amp;amp; Painters: Big Ideas from the Computer Age&lt;/em&gt;，非常地有趣。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;乔布斯那句话是怎么说的？「Stay hungry，stay foolish。」&lt;/p&gt;&#10;&lt;p&gt;推荐你阅读《Hackers＆Painters：Big Ideas from the Computer Age》，非常的有趣。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h3 id="名词"&gt;&lt;a href="#%e5%90%8d%e8%af%8d" class="header-anchor"&gt;&lt;/a&gt;名词&#10;&lt;/h3&gt;&lt;h4 id="专有名词使用正确的大小写"&gt;&lt;a href="#%e4%b8%93%e6%9c%89%e5%90%8d%e8%af%8d%e4%bd%bf%e7%94%a8%e6%ad%a3%e7%a1%ae%e7%9a%84%e5%a4%a7%e5%b0%8f%e5%86%99" class="header-anchor"&gt;&lt;/a&gt;专有名词使用正确的大小写&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;使用 GitHub 登录&lt;/p&gt;&#10;&lt;p&gt;我们的客户有 GitHub、Foursquare、Microsoft Corporation、Google、Facebook, Inc.。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;使用 github 登录&lt;/p&gt;&#10;&lt;p&gt;我们的客户有 github、foursquare、microsoft corporation、google、facebook, inc.。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h4 id="不要使用不地道的缩写"&gt;&lt;a href="#%e4%b8%8d%e8%a6%81%e4%bd%bf%e7%94%a8%e4%b8%8d%e5%9c%b0%e9%81%93%e7%9a%84%e7%bc%a9%e5%86%99" class="header-anchor"&gt;&lt;/a&gt;不要使用不地道的缩写&#10;&lt;/h4&gt;&lt;p&gt;正确：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我们需要一位熟悉 TypeScript、HTML5，至少理解一种框架（如 React、Next.js）的前端开发者。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;错误：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;我们需要一位熟悉 Ts、h5，至少理解一种框架（如 RJS、nextjs）的 FED。&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h3 id="争议"&gt;&lt;a href="#%e4%ba%89%e8%ae%ae" class="header-anchor"&gt;&lt;/a&gt;争议&#10;&lt;/h3&gt;&lt;p&gt;以下用法略带有个人色彩，即：无论是否遵循下述规则，从语法的角度来讲都是&lt;strong&gt;正确&lt;/strong&gt;的。&lt;/p&gt;&#10;&lt;h4 id="链接之间增加空格"&gt;&lt;a href="#%e9%93%be%e6%8e%a5%e4%b9%8b%e9%97%b4%e5%a2%9e%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;链接之间增加空格&#10;&lt;/h4&gt;&lt;p&gt;用法：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;请 &lt;a class="link" href="#" &gt;提交一个 issue&lt;/a&gt; 并分配给相关同事。&lt;/p&gt;&#10;&lt;p&gt;访问我们网站的最新动态，请 &lt;a class="link" href="#" &gt;点击这里&lt;/a&gt; 进行订阅！&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;对比用法：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;请&lt;a class="link" href="#" &gt;提交一个 issue&lt;/a&gt;并分配给相关同事。&lt;/p&gt;&#10;&lt;p&gt;访问我们网站的最新动态，请&lt;a class="link" href="#" &gt;点击这里&lt;/a&gt;进行订阅！&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h4 id="简体中文使用直角引号"&gt;&lt;a href="#%e7%ae%80%e4%bd%93%e4%b8%ad%e6%96%87%e4%bd%bf%e7%94%a8%e7%9b%b4%e8%a7%92%e5%bc%95%e5%8f%b7" class="header-anchor"&gt;&lt;/a&gt;简体中文使用直角引号&#10;&lt;/h4&gt;&lt;p&gt;用法：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;「老师，『有条不紊』的『紊』是什么意思？」&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;对比用法：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;“老师，‘有条不紊’的‘紊’是什么意思？”&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;h2 id="实践中碰到的问题"&gt;&lt;a href="#%e5%ae%9e%e8%b7%b5%e4%b8%ad%e7%a2%b0%e5%88%b0%e7%9a%84%e9%97%ae%e9%a2%98" class="header-anchor"&gt;&lt;/a&gt;实践中碰到的问题&#10;&lt;/h2&gt;&lt;p&gt;在实践「盘古之白」的过程中，我也发现了一些问题。&lt;/p&gt;&#10;&lt;h3 id="到底该不该加空格"&gt;&lt;a href="#%e5%88%b0%e5%ba%95%e8%af%a5%e4%b8%8d%e8%af%a5%e5%8a%a0%e7%a9%ba%e6%a0%bc" class="header-anchor"&gt;&lt;/a&gt;到底该不该加空格&#10;&lt;/h3&gt;&lt;p&gt;前面提到了「豆瓣FM」，由于它是一个产品名词，所以需要按照官方定义的格式来书写。那么，是「豆瓣FM是由豆瓣开发的音乐流媒体产品」，还是「豆瓣FM 是由豆瓣开发的音乐流媒体产品」？&lt;/p&gt;&#10;&lt;p&gt;专有名词内部不加空格，那么外部呢，那些由中文与英文、数字、符号共同组成的名词是不是应该将其当作纯中文对待，去掉与其他中文字符之间的空格呢？&lt;/p&gt;&#10;&lt;p&gt;如果专有名词由英文、数字、符号组成，且没有被广泛接受的中文译名，是该将其当作中文还是 English 对待呢？&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;fumo如此可爱&lt;/p&gt;&#10;&lt;p&gt;fumo 如此可爱&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;自从开始思考这个问题之后，我就觉得上面两个版本都看不舒服。&lt;/p&gt;&#10;&lt;h3 id="全角符号还是半角符号"&gt;&lt;a href="#%e5%85%a8%e8%a7%92%e7%ac%a6%e5%8f%b7%e8%bf%98%e6%98%af%e5%8d%8a%e8%a7%92%e7%ac%a6%e5%8f%b7" class="header-anchor"&gt;&lt;/a&gt;全角符号还是半角符号&#10;&lt;/h3&gt;&lt;p&gt;完整的英文整句使用半角符号，这没有问题，没有人会在英文环境使用全角符号，那不好看，但中文环境呢？&lt;/p&gt;&#10;&lt;p&gt;逗号、句号、问号、感叹号、冒号、分号、引号，这些符号毫无疑问应该使用全角符号，因为对应的半角符号放在句子中不好看，但也不是所有的半角符号都不适合中文环境。&lt;/p&gt;&#10;&lt;p&gt;上文有一句「度数／百分比与数字之间不需要增加空格」，使用了全角符号的斜杠，如果我们换成「空格 + 半角符号斜杠 + 空格」会是怎么样呢？&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;度数／百分比（全角符号）&lt;/p&gt;&#10;&lt;p&gt;度数 / 百分比（半角符号）&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;看着还是挺不错的吧。&lt;/p&gt;&#10;&lt;p&gt;不管是手机还是电脑，输入两个空格加一个半角斜杠一般来说都比输入一个全角斜杠要快，为了一个字符从半角切换到全角再切换回来总归还是有点麻烦的。&lt;/p&gt;&#10;&lt;p&gt;另外，全角斜杠有时是 45° 的，有时度数又与半角斜杠接近，我不清楚这是为什么，但我觉得 45° 的看起来不太习惯。&lt;/p&gt;&#10;&lt;h3 id="名词到底长啥样"&gt;&lt;a href="#%e5%90%8d%e8%af%8d%e5%88%b0%e5%ba%95%e9%95%bf%e5%95%a5%e6%a0%b7" class="header-anchor"&gt;&lt;/a&gt;名词到底长啥样&#10;&lt;/h3&gt;&lt;p&gt;「哔哩哔哩」「bilibili」「BiliBili」&lt;/p&gt;&#10;&lt;p&gt;专有名词使用正确的大小写，可是这个「正确」的大小写要让我去哪确认啊？万一官方自己都混着用，那我可怎么办？&lt;/p&gt;&#10;&lt;p&gt;如果我要创建一个专有名词，又该如何明确大小写呢，中英文之间的空格又应不应该保留呢？&lt;/p&gt;&#10;&lt;h3 id="争议与现实"&gt;&lt;a href="#%e4%ba%89%e8%ae%ae%e4%b8%8e%e7%8e%b0%e5%ae%9e" class="header-anchor"&gt;&lt;/a&gt;争议与现实&#10;&lt;/h3&gt;&lt;p&gt;链接之间增加空格我还是支持的，以后就按这个规则来。&lt;/p&gt;&#10;&lt;p&gt;至于简体中文使用直角引号还是双引号，我感觉可以灵活一点。&lt;/p&gt;&#10;&lt;p&gt;课本里用的是双引号，每年出版的各种书也在用双引号，所以我觉得用双引号没问题，虽然它没有直角引号那么醒目，但使用双引号不应该算作错误。&lt;/p&gt;&#10;&lt;p&gt;在手机上输入直角引号要比输入双引号麻烦不少，所以没必要的话我就用双引号。电脑上我的输入法输入直角引号和输入双引号一样快，那就想用哪个用哪个。反正我的文字主要是写给自己的，自己看着舒服就行。&lt;/p&gt;&#10;&lt;h3 id="其他问题"&gt;&lt;a href="#%e5%85%b6%e4%bb%96%e9%97%ae%e9%a2%98" class="header-anchor"&gt;&lt;/a&gt;其他问题&#10;&lt;/h3&gt;&lt;p&gt;空格的宽度不是固定的，网页上的空格比编辑器里的要窄，我个人还是更喜欢网页上的那种宽度，也就是说在写文字的时候我觉得中英文之间隔得太远了。&lt;/p&gt;&#10;&lt;h2 id="个人规则"&gt;&lt;a href="#%e4%b8%aa%e4%ba%ba%e8%a7%84%e5%88%99" class="header-anchor"&gt;&lt;/a&gt;个人规则&#10;&lt;/h2&gt;&lt;h2 id="参考文献"&gt;&lt;a href="#%e5%8f%82%e8%80%83%e6%96%87%e7%8c%ae" class="header-anchor"&gt;&lt;/a&gt;参考文献&#10;&lt;/h2&gt;&lt;ul&gt;&#10;&lt;li&gt;&lt;a class="link" href="https://github.com/sparanoid/chinese-copywriting-guidelines/" target="_blank" rel="noopener"&#10; &gt;sparanoid. 中文文案排版指北&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="link" href="https://blog.xiaoquankong.ai/zh/posts/chinese-document-typesetting-specification-spacing-of-pangu/" target="_blank" rel="noopener"&#10; &gt;Xiaoquan Kong. 「盤古之白」&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="link" href="https://eddy.lu/posts/pangu/" target="_blank" rel="noopener"&#10; &gt;ed. 不入流的文体｜关于「盘古之白」和「直角引号」&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="碎碎念"&gt;&lt;a href="#%e7%a2%8e%e7%a2%8e%e5%bf%b5" class="header-anchor"&gt;&lt;/a&gt;碎碎念&#10;&lt;/h2&gt;&lt;p&gt;在写这篇文章的时候，我还有个意外发现。如果超链接和中文连在一起，那么在 Hugo 生成的网页中超链接将不会被识别出来，因此无法跳转，就像这样：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;赛钱的妖怪https://pomfret27.github.io/&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;如果在中间加上空格，则是一个正常的可以跳转的超链接，就像这样：&lt;/p&gt;&#10;&#10; &lt;blockquote&gt;&#10; &lt;p&gt;赛钱的妖怪 &lt;a class="link" href="https://pomfret27.github.io/" target="_blank" rel="noopener"&#10; &gt;https://pomfret27.github.io/&lt;/a&gt;&lt;/p&gt;&#10;&#10; &lt;/blockquote&gt;&#10;&lt;p&gt;但是，当我在 Typora 中写作时，不管怎样都是可以跳转的，这大概是 Typora 的功劳吧。&lt;/p&gt;&#10;</description></item><item><title>fumo 图鉴与 fumo 的购买时机</title><link>https://pomfret.dev/2025/08/fumo-zukan/</link><pubDate>Thu, 14 Aug 2025 16:04:58 +0800</pubDate><guid>https://pomfret.dev/2025/08/fumo-zukan/</guid><description>&lt;h2 id="fumo-图鉴"&gt;&lt;a href="#fumo-%e5%9b%be%e9%89%b4" class="header-anchor"&gt;&lt;/a&gt;fumo 图鉴&#10;&lt;/h2&gt;&lt;h3 id="链接放开头"&gt;&lt;a href="#%e9%93%be%e6%8e%a5%e6%94%be%e5%bc%80%e5%a4%b4" class="header-anchor"&gt;&lt;/a&gt;链接放开头&#10;&lt;/h3&gt;&lt;p&gt;&lt;a class="link" href="https://www.kdocs.cn/l/cjv4MBfxm4bx" target="_blank" rel="noopener"&#10; &gt;https://www.kdocs.cn/l/cjv4MBfxm4bx&lt;/a&gt;&lt;/p&gt;&#10;&lt;h3 id="事情的起因"&gt;&lt;a href="#%e4%ba%8b%e6%83%85%e7%9a%84%e8%b5%b7%e5%9b%a0" class="header-anchor"&gt;&lt;/a&gt;事情的起因&#10;&lt;/h3&gt;&lt;p&gt;看了那么多 fumo 的视频，我却还没有一只属于自己的 fumo，逛了一圈 bilibili 和 AmiAmi，却遗憾地发现没有自己想要的 fumo。&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;我喜欢的角色出 fumo 了吗？她有几只 fumo？她的 fumo 长什么样子？我在什么时候在哪里能买到她？&lt;/strong&gt;&lt;/p&gt;&#10;&lt;p&gt;为了回答这几个问题，我查阅了 &lt;a class="link" href="https://www.gift-gift.jp/nui/toho.html" target="_blank" rel="noopener"&#10; &gt;Gift 官网的 fumo 列表&lt;/a&gt;，用多维表格整理了一份 &lt;a class="link" href="https://www.kdocs.cn/l/cjv4MBfxm4bx" target="_blank" rel="noopener"&#10; &gt;fumo 图鉴&lt;/a&gt;。&lt;/p&gt;&#10;&lt;h3 id="图鉴的使用"&gt;&lt;a href="#%e5%9b%be%e9%89%b4%e7%9a%84%e4%bd%bf%e7%94%a8" class="header-anchor"&gt;&lt;/a&gt;图鉴的使用&#10;&lt;/h3&gt;&lt;center&gt;&lt;img src="gift-website.webp" alt="Gift 官网" title="Gift 官网" /&gt;Gift 官网&lt;/center&gt;&#10;&lt;p&gt;&lt;strong&gt;画册视图&lt;/strong&gt;就像 Gift 官网一样赏心悦目，解决了 Gift 官网加载较慢的问题，你可以在这里慢慢欣赏 fumo 们的样子，也可以用筛选功能比较同一角色的不同 fumo。&lt;/p&gt;&#10;&lt;center&gt;&lt;img src="fumo-zukan.webp" alt="fumo 图鉴" title="fumo 图鉴" /&gt;fumo 图鉴&lt;/center&gt;&#10;&lt;p&gt;&lt;strong&gt;表格视图&lt;/strong&gt;里收录了每只 fumo 最新一次贩售的一些信息，可以帮助你简单判断某只 fumo 现在能不能买到，同时还可以查看吧唧的照片。如果你想要了解 fumo 的更多信息，可以点击官网链接自行查看。&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="fumo-的购买时机"&gt;&lt;a href="#fumo-%e7%9a%84%e8%b4%ad%e4%b9%b0%e6%97%b6%e6%9c%ba" class="header-anchor"&gt;&lt;/a&gt;fumo 的购买时机&#10;&lt;/h2&gt;&lt;h3 id="事前说明"&gt;&lt;a href="#%e4%ba%8b%e5%89%8d%e8%af%b4%e6%98%8e" class="header-anchor"&gt;&lt;/a&gt;事前说明&#10;&lt;/h3&gt;&lt;p&gt;直到 fumo 图鉴完成，我都还没有下单过一只 fumo，一是财力不足，而是最想要的 fumo 暂时还没有。因此，我所言的“购买 fumo 的时机”，其根据均来源于 Gift 官网的信息和他人的经验，对于过去几年的情况更是一无所知，如有错误，请勿过分责备。&lt;/p&gt;&#10;&lt;h3 id="fumo-的贩售流程"&gt;&lt;a href="#fumo-%e7%9a%84%e8%b4%a9%e5%94%ae%e6%b5%81%e7%a8%8b" class="header-anchor"&gt;&lt;/a&gt;fumo 的贩售流程&#10;&lt;/h3&gt;&lt;p&gt;fumo 的贩售一般有以下几个阶段：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;线下优先贩售&lt;/li&gt;&#10;&lt;li&gt;线上开启预售&lt;/li&gt;&#10;&lt;li&gt;线上补款发货&lt;/li&gt;&#10;&lt;li&gt;线上余量贩售&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;线下优先贩售并不是每一次都有的，而线上贩售基本上都有。预售需要支付定金，预售和补款发货之间通常会相隔半年到一年，等待的时间还是很久的。如果有线下优先贩售，那么贩售时间是线下优先贩售的时间；如果没有线下优先贩售，那么贩售时间是线上贩售发货的时间。补款发货后的几个月，可能会有余量存在，这时错过了预售的朋友们也可以选择全款拿下。&lt;/p&gt;&#10;&lt;p&gt;如果 fumo 是接单生产的，那么就比较容易有余量；如果不是，那么就有提前截单的可能。不过 2022 年 8 月到现在都是接单生产的，没必要那么担心。&lt;/p&gt;&#10;&lt;h3 id="fumo-的购买时机-1"&gt;&lt;a href="#fumo-%e7%9a%84%e8%b4%ad%e4%b9%b0%e6%97%b6%e6%9c%ba-1" class="header-anchor"&gt;&lt;/a&gt;fumo 的购买时机&#10;&lt;/h3&gt;&lt;p&gt;fumo 可以在&lt;strong&gt;线下购买&lt;/strong&gt;，通常例大祭和 BW 等活动的摊贩会进行先行贩售，另外，日本的一些线下店铺也会贩卖 fumo。&lt;/p&gt;&#10;&lt;p&gt;如果你没有能力赶往线下购买 fumo，也可以尝试找找代购。&lt;/p&gt;&#10;&lt;p&gt;fumo 还可以在&lt;strong&gt;线上购买&lt;/strong&gt;，按照难易顺序大致有以下几种途径：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;bilibili 会员购&lt;/li&gt;&#10;&lt;li&gt;淘宝 bilibili 旗舰店&lt;/li&gt;&#10;&lt;li&gt;淘宝阿弥阿弥 AmiAmi 中国公式店&lt;/li&gt;&#10;&lt;li&gt;amiami.com（全球站）&lt;/li&gt;&#10;&lt;li&gt;amiami.jp（日本站）&lt;/li&gt;&#10;&lt;li&gt;Gift ONLINE SHOP&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;最后两个比较复杂，没有必要就不要尝试了，感兴趣的也可以自行搜索。amiami.com（全球站）操作比较麻烦，而且是从日本发货，要考虑海关等问题，不过如果能找到其他途径没有的 fumo 的话，还是值得尝试的。&lt;/p&gt;&#10;&lt;p&gt;淘宝阿弥阿弥 AmiAmi 中国公式店只有“预售 + 补款”的形式，没有余量可以买。&lt;/p&gt;&#10;&lt;p&gt;bilibili 会员购、淘宝 bilibili 旗舰店、amiami.com（全球站）除了“预售 + 补款”的形式，还可以购买余量，错过预售的朋友们可以等补款发货之后蹲蹲看余量。另外，即使错过了AmiAmi 的预售，也可能在 bilibili 发现全款预售。&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="总结"&gt;&lt;a href="#%e6%80%bb%e7%bb%93" class="header-anchor"&gt;&lt;/a&gt;总结&#10;&lt;/h2&gt;&lt;p&gt;可以在下面几个时间点购买 fumo：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;线下优先贩售，可以请人代购&lt;/li&gt;&#10;&lt;li&gt;线上预售，等待补款发货&lt;/li&gt;&#10;&lt;li&gt;线上余量贩售，补款发货之后几个月可能存在余量&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;根据图鉴里的贩售时间信息，推断一下这段时间能不能买到想要的 fumo，四个线上购买途径最好都看一遍，这样就不会错过购买 fumo 的机会，最新贩售的 fumo 的购买时间还是很充裕的，而且如果能买到 fumo 的话 bilibili 和贴吧都会有消息。&lt;/p&gt;&#10;&lt;p&gt;最后希望大家都能有自己想要的 fumo，fumofumofumo (ᗜˬᗜ)&lt;/p&gt;&#10;</description></item><item><title>使用 Hugo + Github 搭建个人博客</title><link>https://pomfret.dev/2025/08/build-blog-with-hugo-and-github/</link><pubDate>Tue, 12 Aug 2025 19:13:34 +0800</pubDate><guid>https://pomfret.dev/2025/08/build-blog-with-hugo-and-github/</guid><description>&lt;h2 id="搭建思路"&gt;&lt;a href="#%e6%90%ad%e5%bb%ba%e6%80%9d%e8%b7%af" class="header-anchor"&gt;&lt;/a&gt;搭建思路&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;Hugo 可以将 Markdown 文件转换为 HTML 文件；&lt;/li&gt;&#10;&lt;li&gt;GitHub Pages 是 GitHub 提供的一个免费的静态网站托管服务，可用于托管个人网站、博客、文档、项目页面等静态内容；&lt;/li&gt;&#10;&lt;li&gt;创建 2 个 GitHub 仓库，一个是用于存放博客源文件的博客源仓库，另一个则是用于存放 Hugo 生成的 HTML 文件的 GitHub Pages 仓库；&lt;/li&gt;&#10;&lt;li&gt;使用 Github Actions 功能实现提交源码后自动发布。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="准备工作"&gt;&lt;a href="#%e5%87%86%e5%a4%87%e5%b7%a5%e4%bd%9c" class="header-anchor"&gt;&lt;/a&gt;准备工作&#10;&lt;/h2&gt;&lt;p&gt;要想使用 Hugo + Github 搭建个人博客，首先要做好以下准备。&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;确保网络环境能够稳定地访问 &lt;strong&gt;Github&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;li&gt;创建 &lt;strong&gt;GitHub&lt;/strong&gt; 账号；&lt;/li&gt;&#10;&lt;li&gt;安装 &lt;strong&gt;VS Code&lt;/strong&gt; 与 &lt;strong&gt;Git&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;以上内容只要稍加搜索，就能找到大量的教程，在此就不赘述了，接下来讲最后一项准备工作。&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;“我有东西可以写，我想写，我想一直写。”&lt;/strong&gt;&lt;/p&gt;&#10;&lt;p&gt;如果你能做到前两点的话，请继续下一步；如果你能做到全部三点的话，也许哪天我就能看见你的博客；如果你连第一点都还做不到的话，不妨先试着写点什么。&lt;/p&gt;&#10;&lt;h2 id="安装-hugo"&gt;&lt;a href="#%e5%ae%89%e8%a3%85-hugo" class="header-anchor"&gt;&lt;/a&gt;安装 Hugo&#10;&lt;/h2&gt;&lt;p&gt;Hugo 的安装方法很多，详情可以参考官方的 &lt;a class="link" href="https://gohugo.com.cn/installation/windows/" target="_blank" rel="noopener"&#10; &gt;在 Windows 上安装 Hugo&lt;/a&gt;，建议安装扩展版（extended）。&lt;/p&gt;&#10;&lt;h2 id="创建-github-仓库"&gt;&lt;a href="#%e5%88%9b%e5%bb%ba-github-%e4%bb%93%e5%ba%93" class="header-anchor"&gt;&lt;/a&gt;创建 GitHub 仓库&#10;&lt;/h2&gt;&lt;h3 id="创建博客源仓库"&gt;&lt;a href="#%e5%88%9b%e5%bb%ba%e5%8d%9a%e5%ae%a2%e6%ba%90%e4%bb%93%e5%ba%93" class="header-anchor"&gt;&lt;/a&gt;创建博客源仓库&#10;&lt;/h3&gt;&lt;ol&gt;&#10;&lt;li&gt;给仓库取一个你喜欢的名字（比如我用的是 &lt;strong&gt;BlogSource&lt;/strong&gt;）；&lt;/li&gt;&#10;&lt;li&gt;选择 &lt;strong&gt;Private&lt;/strong&gt;，设置为私有仓库；&lt;/li&gt;&#10;&lt;li&gt;勾选添加 &lt;strong&gt;README&lt;/strong&gt; 文件；&lt;/li&gt;&#10;&lt;li&gt;创建仓库。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="博客源仓库.webp" alt="博客源仓库" title="博客源仓库" /&gt;&lt;/center&gt;&#10;&lt;h3 id="创建-github-pages-仓库"&gt;&lt;a href="#%e5%88%9b%e5%bb%ba-github-pages-%e4%bb%93%e5%ba%93" class="header-anchor"&gt;&lt;/a&gt;创建 GitHub Pages 仓库&#10;&lt;/h3&gt;&lt;ol&gt;&#10;&lt;li&gt;按照 &lt;code&gt;&amp;lt;username.github.io&amp;gt;&lt;/code&gt; 的格式命名仓库，&lt;code&gt;&amp;lt;username&amp;gt;&lt;/code&gt; 是自己的 GitHub 的用户名；&lt;/li&gt;&#10;&lt;li&gt;选择 &lt;strong&gt;Public&lt;/strong&gt;，设置为公开仓库；&lt;/li&gt;&#10;&lt;li&gt;勾选添加 &lt;strong&gt;README&lt;/strong&gt; 文件；&lt;/li&gt;&#10;&lt;li&gt;创建仓库。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="gitHub_pages_repo.webp" alt="GitHub Pages 仓库" title="GitHub Pages 仓库" /&gt;&lt;/center&gt;&#10;&lt;h2 id="克隆博客源仓库到本地"&gt;&lt;a href="#%e5%85%8b%e9%9a%86%e5%8d%9a%e5%ae%a2%e6%ba%90%e4%bb%93%e5%ba%93%e5%88%b0%e6%9c%ac%e5%9c%b0" class="header-anchor"&gt;&lt;/a&gt;克隆博客源仓库到本地&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;创建项目文件夹（比如我用的是 &lt;strong&gt;Blog&lt;/strong&gt;）；&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;使用 &lt;code&gt;cd&lt;/code&gt; 命令进入该文件夹（从此处开始建议使用 VS Code）；&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-cmd" data-lang="cmd"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;cd&lt;/span&gt; Blog&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;ol start="3"&gt;&#10;&lt;li&gt;克隆&lt;strong&gt;博客源仓库&lt;/strong&gt;到项目文件夹，克隆时使用的 HTTPS 仓库链接在这里查看；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-cmd" data-lang="cmd"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git clone https://github.com/Pomfret27/BlogSource.git&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;p&gt;此处直接将 GitHub 上的远程仓库克隆到了本地，所以没必要再对仓库进行初始化，也不需要设置远程地址。&lt;/p&gt;&#10;&lt;h2 id="使用-hugo-创建网站"&gt;&lt;a href="#%e4%bd%bf%e7%94%a8-hugo-%e5%88%9b%e5%bb%ba%e7%bd%91%e7%ab%99" class="header-anchor"&gt;&lt;/a&gt;使用 Hugo 创建网站&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;使用 &lt;code&gt;hugo new site [path] [flags]&lt;/code&gt; 命令可以在提供的目录中创建新的站点；&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;这里我选择在 &lt;code&gt;Blog&lt;/code&gt; 文件夹下创建 &lt;code&gt;BlogSource&lt;/code&gt; 站点，由于克隆下来的 &lt;code&gt;BlogSource&lt;/code&gt; 文件夹非空，需要在命令后加上 &lt;code&gt;-f&lt;/code&gt;来强制初始化；&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-cmd" data-lang="cmd"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo new site BlogSource -f&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;ol start="3"&gt;&#10;&lt;li&gt;新的站点会有正确的结构，但尚无内容或主题，为了方便后续的操作，可以先选择一个有演示站点的主题。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="配置主题"&gt;&lt;a href="#%e9%85%8d%e7%bd%ae%e4%b8%bb%e9%a2%98" class="header-anchor"&gt;&lt;/a&gt;配置主题&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;先到 &lt;a class="link" href="https://themes.gohugo.io/" target="_blank" rel="noopener"&#10; &gt;官方的主题市场&lt;/a&gt; 选择一个喜欢的主题，下面我以自己使用的 &lt;strong&gt;Stack&lt;/strong&gt; 为例；&lt;/li&gt;&#10;&lt;li&gt;一般主题的说明文档都会有安装相关的指导，各种主题存在差异，Stack 主题的安装可以参考 &lt;a class="link" href="https://stack-docs.netlify.app/zh/getting-started" target="_blank" rel="noopener"&#10; &gt;这个&lt;/a&gt;；&lt;/li&gt;&#10;&lt;li&gt;如果主题有演示站点 &lt;code&gt;exampleSite&lt;/code&gt; 文件夹，可以讲其中的 &lt;code&gt;content&lt;/code&gt; 文件夹和 &lt;code&gt;toml&lt;/code&gt; 或是 &lt;code&gt;yaml&lt;/code&gt; 文件复制到站点目录，并删除原先的 &lt;code&gt;hugo.toml&lt;/code&gt; 文件；&lt;/li&gt;&#10;&lt;li&gt;将复制过来的配置文件中的 &lt;strong&gt;baseURL&lt;/strong&gt; 改为自己的网址 &lt;code&gt;https://&amp;lt;username&amp;gt;.github.io/&lt;/code&gt;，其他的修改可以等到网站搭建完成后再说。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="使用-hugo-新建文章"&gt;&lt;a href="#%e4%bd%bf%e7%94%a8-hugo-%e6%96%b0%e5%bb%ba%e6%96%87%e7%ab%a0" class="header-anchor"&gt;&lt;/a&gt;使用 Hugo 新建文章&#10;&lt;/h2&gt;&lt;p&gt;先使用 &lt;code&gt;cd&lt;/code&gt; 命令进入站点目录，再使用 &lt;code&gt;hugo new xxx.md&lt;/code&gt; 命令创建文章。这里先新建一篇空白文章，保证下一步本地预览的时候有文章就行。&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1&#10;&lt;/span&gt;&lt;span class="lnt"&gt;2&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-cmd" data-lang="cmd"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;cd&lt;/span&gt; BlogSource&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo new post xxx.md&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;h2 id="本地调试和预览"&gt;&lt;a href="#%e6%9c%ac%e5%9c%b0%e8%b0%83%e8%af%95%e5%92%8c%e9%a2%84%e8%a7%88" class="header-anchor"&gt;&lt;/a&gt;本地调试和预览&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;使用 &lt;code&gt;hugo server&lt;/code&gt; 命令构建网站，如果想要清理未使用的缓存文件，可以在命令后面加上 &lt;code&gt;--gc&lt;/code&gt;；&lt;/li&gt;&#10;&lt;li&gt;执行命令后，使用 &lt;code&gt;Ctrl + 单击&lt;/code&gt; 打开终端中显示的链接 &lt;code&gt;http://localhost:1313/&lt;/code&gt;，端口后默认为1313，可能会发生变化；&lt;/li&gt;&#10;&lt;li&gt;由于 Hugo 的构建速度很快，几乎可以即时地保存和查看更改。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="github-自动部署"&gt;&lt;a href="#github-%e8%87%aa%e5%8a%a8%e9%83%a8%e7%bd%b2" class="header-anchor"&gt;&lt;/a&gt;GitHub 自动部署&#10;&lt;/h2&gt;&lt;h3 id="生成-token"&gt;&lt;a href="#%e7%94%9f%e6%88%90-token" class="header-anchor"&gt;&lt;/a&gt;生成 token&#10;&lt;/h3&gt;&lt;ol&gt;&#10;&lt;li&gt;打开 &lt;strong&gt;GitHub&lt;/strong&gt;，点击右上角的头像，再点击 &lt;strong&gt;Settings&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;li&gt;下拉页面，点击左侧的 &lt;strong&gt;Developer Settings&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;li&gt;点击左侧的 &lt;strong&gt;Personal access tokens&lt;/strong&gt;，再点击 &lt;strong&gt;Tokens (classic)&lt;/strong&gt;;&lt;/li&gt;&#10;&lt;li&gt;点击右侧的 &lt;strong&gt;Generate new token&lt;/strong&gt;，然后选择下面那个 &lt;strong&gt;Generate new token (classic)&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="generate_new_token.webp" alt="Generate new token" title="Generate new token" /&gt;&lt;/center&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;选择 token 到期时间，勾选 token 的访问范围，然后点击 &lt;strong&gt;Generate token&lt;/strong&gt; 生成 token；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="generate_token.webp" alt="生成 token" title="生成 token" /&gt;&lt;/center&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;生成的 token 只显示一次，所以一定要复制保存下来；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h3 id="添加-secret"&gt;&lt;a href="#%e6%b7%bb%e5%8a%a0-secret" class="header-anchor"&gt;&lt;/a&gt;添加 secret&#10;&lt;/h3&gt;&lt;ol&gt;&#10;&lt;li&gt;复制 token 后打开博客源仓库，点击 &lt;strong&gt;Settings&lt;/strong&gt;，点击左侧的 &lt;strong&gt;Secrets and variables&lt;/strong&gt;，点击 &lt;strong&gt;Actions&lt;/strong&gt;；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="actions_secrets.webp" alt="Actions secrets" title="Actions secrets" /&gt;&lt;/center&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;填写 Secret 名称，并将前面复制的 token 粘贴到 Secret 框中，添加 secret。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;center&gt;&lt;img src="add_secret.webp" alt="添加 secret" title="添加 secret" /&gt;&lt;/center&gt;&#10;&lt;h3 id="配置-github-actions"&gt;&lt;a href="#%e9%85%8d%e7%bd%ae-github-actions" class="header-anchor"&gt;&lt;/a&gt;配置 GitHub Actions&#10;&lt;/h3&gt;&lt;p&gt;这里先附上官方的 &lt;a class="link" href="https://github.com/marketplace/actions/hugo-setup" target="_blank" rel="noopener"&#10; &gt;GitHub Actions for Hugo&lt;/a&gt;，感兴趣的可以自己看一下。&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;创建 workflow，在仓库根目录创建 &lt;code&gt;.github&lt;/code&gt; 文件夹，再在里面创建 &lt;code&gt;workflows&lt;/code&gt; 文件夹，之后创建一个 &lt;code&gt;gh-pages.yml&lt;/code&gt; 文件，这个文件的名字也可以自取；&lt;/li&gt;&#10;&lt;li&gt;将下面的内容复制进 yml 文件；&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt; 1&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 2&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 3&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 4&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 5&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 6&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 7&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 8&#10;&lt;/span&gt;&lt;span class="lnt"&gt; 9&#10;&lt;/span&gt;&lt;span class="lnt"&gt;10&#10;&lt;/span&gt;&lt;span class="lnt"&gt;11&#10;&lt;/span&gt;&lt;span class="lnt"&gt;12&#10;&lt;/span&gt;&lt;span class="lnt"&gt;13&#10;&lt;/span&gt;&lt;span class="lnt"&gt;14&#10;&lt;/span&gt;&lt;span class="lnt"&gt;15&#10;&lt;/span&gt;&lt;span class="lnt"&gt;16&#10;&lt;/span&gt;&lt;span class="lnt"&gt;17&#10;&lt;/span&gt;&lt;span class="lnt"&gt;18&#10;&lt;/span&gt;&lt;span class="lnt"&gt;19&#10;&lt;/span&gt;&lt;span class="lnt"&gt;20&#10;&lt;/span&gt;&lt;span class="lnt"&gt;21&#10;&lt;/span&gt;&lt;span class="lnt"&gt;22&#10;&lt;/span&gt;&lt;span class="lnt"&gt;23&#10;&lt;/span&gt;&lt;span class="lnt"&gt;24&#10;&lt;/span&gt;&lt;span class="lnt"&gt;25&#10;&lt;/span&gt;&lt;span class="lnt"&gt;26&#10;&lt;/span&gt;&lt;span class="lnt"&gt;27&#10;&lt;/span&gt;&lt;span class="lnt"&gt;28&#10;&lt;/span&gt;&lt;span class="lnt"&gt;29&#10;&lt;/span&gt;&lt;span class="lnt"&gt;30&#10;&lt;/span&gt;&lt;span class="lnt"&gt;31&#10;&lt;/span&gt;&lt;span class="lnt"&gt;32&#10;&lt;/span&gt;&lt;span class="lnt"&gt;33&#10;&lt;/span&gt;&lt;span class="lnt"&gt;34&#10;&lt;/span&gt;&lt;span class="lnt"&gt;35&#10;&lt;/span&gt;&lt;span class="lnt"&gt;36&#10;&lt;/span&gt;&lt;span class="lnt"&gt;37&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;GitHub Pages &lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;#名字自取&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;on&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;push&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;branches&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="l"&gt;main &lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 这里的意思是当 main分支发生push的时候，运行下面的jobs，这里先改为github-actions&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;pull_request&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;jobs&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;deploy&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 任务名自取&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;runs-on&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;ubuntu-latest &lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 在什么环境运行任务&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;concurrency&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;group&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;${{ github.workflow }}-${{ github.ref }}&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;steps&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;uses&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;actions/checkout@v4&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 引用actions/checkout这个action，与所在的github仓库同名&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;with&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;submodules&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# Fetch Hugo themes (true OR recursive)&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;fetch-depth&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# Fetch all history for .GitInfo and .Lastmod&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Setup Hugo &lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 步骤名自取&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;uses&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;peaceiris/actions-hugo@v3&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# hugo官方提供的action，用于在任务环境中获取hugo&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;with&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;hugo-version&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;latest&amp;#39;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 获取最新版本的hugo&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;extended&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 是否使用extended版本的hugo&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Build&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;run&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;hugo --minify&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 使用hugo构建静态网页&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;Deploy&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;uses&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;peaceiris/actions-gh-pages@v3&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# 一个自动发布github pages的action&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;if&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;github.ref == &amp;#39;refs/heads/main&amp;#39;&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;with&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# github_token: ${{ secrets.GITHUB_TOKEN }} 该项适用于发布到源码相同repo的情况，不能用于发布到其他repo&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;external_repository&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;&amp;lt;username&amp;gt;/&amp;lt;username&amp;gt;.github.io&#9;# 发布到哪个repo&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;personal_token&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;${{ secrets.YOUR_SECRET_NAME }}&#9;# 发布到其他repo需要提供上面生成的personal access token&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;publish_dir&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;./public&#9;# 注意这里指的是要发布哪个文件夹的内容，而不是指发布到目的仓库的什么位置，因为hugo默认生成静态网页到public文件夹，所以这里发布public文件夹里的内容&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;publish_branch&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;main&#9;# 发布到哪个branch&lt;/span&gt;&lt;span class="w"&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;ol start="3"&gt;&#10;&lt;li&gt;修改 &lt;code&gt;external_repository&lt;/code&gt; 为自己的 &lt;strong&gt;GitHub Pages 仓库&lt;/strong&gt;，把 &lt;code&gt;personal_token&lt;/code&gt; 的 &lt;code&gt;YOUR_SECRET_NAME&lt;/code&gt; 改成前面设置的 &lt;strong&gt;secret&lt;/strong&gt; 名称，如果使用了扩展版的 Hugo，还可以将 &lt;code&gt;extended&lt;/code&gt; 改成 &lt;strong&gt;true&lt;/strong&gt;。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="发布内容"&gt;&lt;a href="#%e5%8f%91%e5%b8%83%e5%86%85%e5%ae%b9" class="header-anchor"&gt;&lt;/a&gt;发布内容&#10;&lt;/h2&gt;&lt;p&gt;在本地写完文章，并用 &lt;code&gt;hugo server&lt;/code&gt; 命令在 &lt;code&gt;public&lt;/code&gt; 文件夹下生成静态网页后，只需要将本地仓库的内容推送到远程的&lt;strong&gt;博客源仓库&lt;/strong&gt;，过一段时间，&lt;strong&gt;GitHub Actions&lt;/strong&gt; 就会将博客源仓库的 &lt;code&gt;public&lt;/code&gt; 文件夹的内容推送到 &lt;strong&gt;GitHub Pages 仓库&lt;/strong&gt;，这样就可以通过 &lt;a class="link" href="https://pomfret27.github.io" target="_blank" rel="noopener"&#10; &gt;https://pomfret27.github.io&lt;/a&gt; 来访问博客网站了。&lt;/p&gt;&#10;&lt;p&gt;推送本地仓库可以使用下面的 git 命令：&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;&#10;&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1&#10;&lt;/span&gt;&lt;span class="lnt"&gt;2&#10;&lt;/span&gt;&lt;span class="lnt"&gt;3&#10;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#10;&lt;td class="lntd"&gt;&#10;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-cmd" data-lang="cmd"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git add .&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git commit -m &lt;span class="s2"&gt;&amp;#34;提交信息&amp;#34;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git push origin main&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&lt;p&gt;上面三条命令先后完成了&lt;strong&gt;暂存&lt;/strong&gt;、&lt;strong&gt;提交&lt;/strong&gt;、&lt;strong&gt;推送&lt;/strong&gt;三个操作，其中提交信息是必须填写的。&lt;/p&gt;&#10;&lt;p&gt;如果不想每次都手打命令，还可以使用 &lt;strong&gt;VS Code&lt;/strong&gt; 的源代码管理功能。&lt;/p&gt;&#10;&lt;center&gt;&lt;img src="源代码管理.webp" alt="源代码管理" title="源代码管理" /&gt;&lt;/center&gt;&#10;&lt;p&gt;步骤也是一样，先点击更改的加号来暂存所有更改，再输入提交信息，并点击提交按钮，提交完成后提交两字会变为同步，点击同步按钮即可完成推送。&lt;/p&gt;&#10;&lt;p&gt;如果你想要提交信息变得规范一些，可以安装 &lt;strong&gt;git-commit-plugin&lt;/strong&gt; 插件来寻求帮助。&lt;/p&gt;&#10;&lt;h2 id="参考文献"&gt;&lt;a href="#%e5%8f%82%e8%80%83%e6%96%87%e7%8c%ae" class="header-anchor"&gt;&lt;/a&gt;参考文献&#10;&lt;/h2&gt;&lt;ul&gt;&#10;&lt;li&gt;&lt;a class="link" href="https://krislinzhao.github.io/docs/create-a-wesite-using-github-pages-and-hugo/" target="_blank" rel="noopener"&#10; &gt;krislin. 如何用 GitHub Pages + Hugo 搭建个人博客&lt;/a&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="碎碎念"&gt;&lt;a href="#%e7%a2%8e%e7%a2%8e%e5%bf%b5" class="header-anchor"&gt;&lt;/a&gt;碎碎念&#10;&lt;/h2&gt;&lt;p&gt;文章中的部分内容并没有详细阐述，这部分内容将拆分到其他文章中，可以点击文章顶部的分类和底部的标签来查看相关文章哦。&lt;/p&gt;&#10;</description></item><item><title>我最爱的宝可梦</title><link>https://pomfret.dev/2025/05/my-favorite-pokemon/</link><pubDate>Sat, 10 May 2025 21:44:36 +0800</pubDate><guid>https://pomfret.dev/2025/05/my-favorite-pokemon/</guid><description>&lt;div style="text-align: center; font-size: 80px;"&gt;&#10; 玛力露丽&#10;&lt;/div&gt;&#10;&lt;p&gt;&lt;img alt="玛力露丽" class="gallery-image" data-flex-basis="240px" data-flex-grow="100" height="570" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://pomfret.dev/2025/05/my-favorite-pokemon/%E7%8E%9B%E5%8A%9B%E9%9C%B2%E4%B8%BD.webp" width="570"&gt;&lt;/p&gt;&#10;&lt;center&gt;&lt;img src="玛力露丽.webp" alt="玛力露丽" title="玛力露丽" style="zoom: 80%;" /&gt;&lt;/center&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 喜不喜欢我高贵的&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #5185c5;"&gt;水&lt;/span&gt;&#10; &lt;span style="font-size: 2em; font-weight: bold;;"&gt;+&lt;/span&gt;&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #dab4d4;"&gt;妖精&lt;/span&gt;&#10; 属性？！&#10;&lt;/p&gt;&#10;&lt;div style="display: flex; gap: 10px; justify-content: center;"&gt;&#10; &lt;img src="type_03_水.svg" alt="水属性" style="width: 150px; height: auto;"&gt;&#10; &lt;img src="type_18_妖精.svg" alt="妖精属性" style="width: 150px; height: auto;"&gt;&#10;&lt;/div&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 告诉你，Ag老师都叫我&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #7863a3;"&gt;卡璞・鳍鳍2号&lt;/span&gt;&#10; 呢！&#10;&lt;/p&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 喜不喜欢我&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #e62829;"&gt;大力士&lt;/span&gt;&#10; 特性？！&#10;&lt;/p&gt;&#10;&lt;div style="text-align: center;"&gt;&#10; &lt;p style="font-size: 20px; font-weight: bold;"&gt;大力士&lt;/p&gt;&#10; &lt;p style="font-size: 16px;"&gt;物理攻击的威力会变为２倍。&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 不喜欢，不喜欢我还有&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #3fa129;"&gt;食草&lt;/span&gt;&#10; （隐藏）特性。&#10;&lt;/p&gt;&#10;&lt;div style="text-align: center;"&gt;&#10; &lt;p style="font-size: 20px; font-weight: bold;"&gt;食草（隐藏）&lt;/p&gt;&#10; &lt;p style="font-size: 16px;"&gt;受到草属性的招式攻击时，不会受到伤害，而是攻击会提高。&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 告诉你，我还会&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #9fa19f;"&gt;腹鼓&lt;/span&gt;&#10; 呢！&#10;&lt;/p&gt;&#10;&lt;div style="text-align: center;"&gt;&#10; &lt;p style="font-size: 20px; font-weight: bold;"&gt;腹鼓&lt;/p&gt;&#10; &lt;p style="font-size: 16px;"&gt;将自己的ＨＰ减少到最大ＨＰ的一半，从而最大限度提高自己的攻击。&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 最后，让你看看闪光的我&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #fef03e;"&gt;有多可爱&lt;/span&gt;&#10; &lt;span style="font-size: 2em; font-weight: bold; "&gt;！！！&lt;/span&gt;&#10;&lt;/p&gt;&#10;&lt;center&gt;&lt;img src="玛力露丽-闪光.webp" alt="闪光玛力露丽" title="闪光玛力露丽" style="zoom: 150%;" /&gt;&lt;/center&gt;&#10;&lt;p style="font-size: 1.2em; line-height: 1.6;"&gt;&#10; 看到这了，你还不喜欢我，那你也是个&#10; &lt;span style="font-size: 2em; font-weight: bold; color: #7f8c8d;"&gt;神人&lt;/span&gt;&#10; 了😞&#10;&lt;/p&gt;</description></item></channel></rss>