<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Exnadio&#39;s Blog</title>
        <link>https://exnadio.github.io/</link>
        <description>Recent content on Exnadio&#39;s Blog</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-cn</language><atom:link href="https://exnadio.github.io/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>简明碧蓝航线反和谐教程</title>
        <link>https://exnadio.github.io/p/%E7%AE%80%E6%98%8E%E7%A2%A7%E8%93%9D%E8%88%AA%E7%BA%BF%E5%8F%8D%E5%92%8C%E8%B0%90%E6%95%99%E7%A8%8B/</link>
        <pubDate>Thu, 14 May 2026 11:45:14 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E7%AE%80%E6%98%8E%E7%A2%A7%E8%93%9D%E8%88%AA%E7%BA%BF%E5%8F%8D%E5%92%8C%E8%B0%90%E6%95%99%E7%A8%8B/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/pfnqw.png" alt="Featured image of post 简明碧蓝航线反和谐教程" /&gt;&lt;h2 id=&#34;引言&#34;&gt;引言&lt;/h2&gt;
&lt;p&gt;众所周知，由于有形的大手的原因，碧蓝航线的国服在部分内容的呈现方式上与外服是有差异的。但是，通过一些操作，我们是可以获得与外服相近的游戏体验的。这样的操作通常被称为“反和谐（fhx）”，本文要介绍的就是在 Android 系统下的碧蓝反和谐方法。&lt;/p&gt;
&lt;p&gt;至于 iOS 的反和谐方法，请参照&lt;a class=&#34;link&#34; href=&#34;https://www.ghzs666.com/bbs/thread-78309&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;这篇方法&lt;/a&gt;，若是旧版本的 iOS，也可以使用 Troll Store 安装文件管理器操作。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;当然，使用模拟器/转投安卓是一劳永逸的方法。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;免责声明&#34;&gt;免责声明&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;本教程仅供个人学习、研究和技术交流，旨在探讨游戏客户端资源加载机制，教程中引用的所有游戏素材、名词及数据，其知识产权均归开发方及运营方所有。根据游戏《用户协议》，任何对客户端的修改、反编译或资源替换均属违规行为，由此可能引发的账号封禁、数据丢失、法律纠纷或其他一切损失，均需由操作者本人独立承担全部责任，本作者概不负责。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;介绍&#34;&gt;介绍&lt;/h2&gt;
&lt;p&gt;反和谐操作本质上就是修改&lt;strong&gt;游戏文件夹&lt;/strong&gt;下的 &lt;code&gt;localization.txt&lt;/code&gt; 文件（路径为： &lt;code&gt;./Android/data/com.bilibili.azurlane/files&lt;/code&gt;），只需将 txt 文件中的两个值由 &lt;strong&gt;&lt;code&gt;false&lt;/code&gt;&lt;/strong&gt; 改为 &lt;strong&gt;&lt;code&gt;true&lt;/code&gt;&lt;/strong&gt; 即可，如图：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/RDU.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;txt 文件位置&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Umf.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;修改前的 txt 文件&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;原文件如图所示&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/FMd.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;修改好的 txt 文件&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;修改完应如图所示&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;进入游戏就可以看到反和谐生效，比如舰船的名字：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Hxd.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;显示和谐名的舰船&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Fhx.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;显示原名的舰船&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;可能遇到的问题&#34;&gt;可能遇到的问题&lt;/h2&gt;
&lt;p&gt;理论上我们只需要打开文件管理器，修改好 localization.txt 后保存就可以打开碧蓝航线遨游了，但是，事实真的如此简单吗？&lt;/p&gt;
&lt;p&gt;答案显然是否定的，否则就不会有这篇文章了。&lt;/p&gt;
&lt;p&gt;当我们试图使用一般的文件管理器打开 &lt;code&gt;./Android/data&lt;/code&gt; 这个文件夹时，通常会一头撞上南墙：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Er1.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;拒绝访问_1&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Er2.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;拒绝访问_2&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;这是因为自 Android 11 起，Google 强制推行了分区存储机制以保护用户的隐私与应用数据安全。在这一机制下，应用只能只能在自己的私有目录下读写，以我使用的 Material Files 为例，作为第三方应用的它无法访问属于碧蓝航线的私有目录（各定制“系统”自带的文件管理亦是如此）。总体而言这并不是一件坏事——尤其是在流氓软件大行其道的情况下——但对我们来说就不是了。&lt;/p&gt;
&lt;p&gt;不过解决办法也很简单：权限不够那就 Root。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Rfi.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;请求 Root 权限的 MF 界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;当然，对于大部分手机用户而言，Root 并不是一件容易的事情，而且为了一个手游的反和谐就去折腾 Root 恐怕也是搞错了什么。&lt;/p&gt;
&lt;p&gt;那末，还有没有什么别的办法呢？有的兄弟，有的。&lt;/p&gt;
&lt;h2 id=&#34;解决方法&#34;&gt;解决方法&lt;/h2&gt;
&lt;p&gt;我们已经知道，第三方的文件管理器是无权访问 &lt;code&gt;./Android/data&lt;/code&gt; 下的应用私有目录的。但好在安卓的“系统文件管理应用”还是有读写这些文件夹的权限的。因此，我们需要做的就是打开这个“系统文件管理应用”，也就是 &lt;code&gt;DocumentsUI&lt;/code&gt;，用它来修改游戏文件夹下的文件。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;严格来说，DocumentsUI 并不是“系统文件管理应用”，而是安卓 SAF 框架的一部分&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;比如，这个&lt;a class=&#34;link&#34; href=&#34;https://github.com/tc7326/android11data&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;data访问器 App&lt;/a&gt;就能调起 DocumentsUI。在这个界面下就可以看到并访问 &lt;code&gt;./Android/data&lt;/code&gt; 下的目录了，接着依上文所述找到游戏文件夹并修改 &lt;code&gt;localization.txt&lt;/code&gt; 文件即可。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/DoI.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;DocumentsUI 界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Duf.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;DocumentsUI 界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;如果打开 &lt;code&gt;./Android/data&lt;/code&gt; 后发现是空白的，试试刷新&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;对于 ColorOS，你也应该可以直接通过自带的文件管理器拉起 DocumentsUI，其它定制系统也可以尝试一下自带的文件管理是否有此功能&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/260514/Cpw.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;ColorOS 文件管理器页面&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;点下“点击查看”就能打开 DocumentsUI&lt;/p&gt;
&lt;/blockquote&gt;
</description>
        </item>
        <item>
        <title>苹果 PowerBook 48pin SCSI 硬盘接口探究</title>
        <link>https://exnadio.github.io/p/%E8%8B%B9%E6%9E%9C-powerbook-48pin-scsi-%E7%A1%AC%E7%9B%98%E6%8E%A5%E5%8F%A3%E6%8E%A2%E7%A9%B6/</link>
        <pubDate>Fri, 05 Jul 2024 15:33:07 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E8%8B%B9%E6%9E%9C-powerbook-48pin-scsi-%E7%A1%AC%E7%9B%98%E6%8E%A5%E5%8F%A3%E6%8E%A2%E7%A9%B6/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/6ZMRZKdA2Yf3jfKD.jpg" alt="Featured image of post 苹果 PowerBook 48pin SCSI 硬盘接口探究" /&gt;&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;在&lt;a class=&#34;link&#34; href=&#34;https://www.bilibili.com/video/av1656008990/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;翻译视频&lt;/a&gt;的时候，我对苹果 PowerBook 上的 SCSI 硬盘所采用的接口产生了兴趣。&lt;/p&gt;
&lt;p&gt;虽然很多资料明确地指出苹果在 PowerBook 上使用了 SCSI 硬盘，然而其接口形态却明显有别于台式机上的标准 SCSI 接口，关于这个冷门接口似乎并无多少资料，甚至这个接口的名字都找不到。不过幸运的是，我还是找到了一部分介绍，就放在这里做个集合吧。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/PCSCSI.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;a SCSI connector&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;图为常见的一种 SCSI 接口&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/CUKVV.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;PowerBook connector&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;图为苹果在 PowerBook 上所使用的接口。可以看到其排针间距更大，总针脚只有 48pin，同时还没有外置的 Molex 供电接口。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;介绍&#34;&gt;介绍&lt;/h2&gt;
&lt;p&gt;首先是&lt;a class=&#34;link&#34; href=&#34;https://vintagemacmuseum.com/reading-powerbook-2-5-scsi-hard-drives/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;vintage macmuseum&lt;/a&gt;上的一篇博文指出，这个接口本身是可以通过一些妙妙操作转接为最为常见的 SCSI 接口的，同时还介绍了几种转接方式。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/PB-SCSI-Adapter1.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Adapter1&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;你能看到用于供电的 Molex 接口以及转接出来的 SCSI 数据接口&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/TDNC.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Adapter2&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;This Does Not Compute 里使用的转接器&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;不过真正帮了大忙的是&lt;a class=&#34;link&#34; href=&#34;https://superuser.com/questions/1527997/what-is-this-48-pin-laptop-hard-drive-connector#&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;superuser 上的一个问题&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/spur.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;superuser&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;以及&lt;a class=&#34;link&#34; href=&#34;https://68kmla.org/bb/index.php?threads/40p-scsi-to-50p-scsi.8047/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;68kmla上的一个帖子&lt;/a&gt;，甚至连针脚定义图都给了，卧虎藏龙啊。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/68kmla.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;68kmla&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;另外，那个帖子里甚至还有人给出了一个 eBay 链接，眼熟。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/ebay.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;ebay&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;接口布局&#34;&gt;接口布局&lt;/h2&gt;
&lt;p&gt;回到接口本身。实际上这个接口运行的还是 SCSI 协议，所以其实仅仅在接口的物理形态上有所不同。&lt;/p&gt;
&lt;p&gt;就如之前所说，虽然在有时会被描述为“50pin”，但该接口实际只有 48pin，排布如图：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/connector.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;pinlayout&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;其中左侧 40pin 部分用于供电与数据传输，右侧 8pin 负责 SCSI ID。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;左侧部分&lt;/strong&gt;定义如下：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/pdefc.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;40pindef&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;右侧部分&lt;/strong&gt;定义如下：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/pdefs.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;8pindef&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;更多的信息，可以参考&lt;a class=&#34;link&#34; href=&#34;http://powerbook.micahgartman.com/dev/dn_duo_250.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;这个链接&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;所以当我们回过头来看先前所提到的转接板时就能很明显地看出其与通用 SCSI 接口的对应关系。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/s-l1600.webp&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Adapter&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/scsi.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;common scsi connector&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这接口只有 5V，所以其实这里 Molex 只用上了里边的 5V（说实话我还是第一次知道 Molex 里有 5V）
&lt;img src=&#34;https://exnadio.github.io/images/4post/240718/molex.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;molex&#34;
	
	
&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;参考链接&#34;&gt;参考链接&lt;/h2&gt;
&lt;p&gt;1.&lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=OM64l8tZSwY&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Repairing an Unreleased Prototype Mac&amp;hellip;TABLET!_This Does Not Compute&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2.&lt;a class=&#34;link&#34; href=&#34;https://vintagemacmuseum.com/reading-powerbook-2-5-scsi-hard-drives/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Reading PowerBook 2.5″ SCSI Hard Drives_vintagemacmuseum&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;3.&lt;a class=&#34;link&#34; href=&#34;https://superuser.com/questions/1527997/what-is-this-48-pin-laptop-hard-drive-connector#&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;what is this 48-pin laptop hard drive connector?_superuser&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;4.&lt;a class=&#34;link&#34; href=&#34;https://68kmla.org/bb/index.php?threads/40p-scsi-to-50p-scsi.8047/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;40p SCSI to 50p SCSI_68KMLA&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;5.&lt;a class=&#34;link&#34; href=&#34;https://www.ebay.com/itm/CablesOnline-2-5-Laptop-50-Pin-w-Molex-Power-Cable-to-SCSI-Hard-Drive-Adapter-/270840619638&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;50-Pin IDC 2.54mm Male to 50-Pin IDC 2.00mm Female SCSI Laptop HD Adapter_eBay&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>将博客评论系统由 utterance 迁移至 giscus</title>
        <link>https://exnadio.github.io/p/%E5%B0%86%E5%8D%9A%E5%AE%A2%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F%E7%94%B1-utterance-%E8%BF%81%E7%A7%BB%E8%87%B3-giscus/</link>
        <pubDate>Sat, 18 Nov 2023 17:20:26 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E5%B0%86%E5%8D%9A%E5%AE%A2%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F%E7%94%B1-utterance-%E8%BF%81%E7%A7%BB%E8%87%B3-giscus/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/giscus.jpg" alt="Featured image of post 将博客评论系统由 utterance 迁移至 giscus" /&gt;&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;之前建博客的时候没听说过giscus，使用的是utterance。&lt;/p&gt;
&lt;p&gt;不过看起来giscus的功能相对更优，而且之前配置博客时没有进行相应的记录，因此干脆直接换成giscus了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;这里需要感谢&lt;a class=&#34;link&#34; href=&#34;https://github.com/chuxinyuan&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@chuxinyuan&lt;/a&gt;大佬在评论区的建议&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&#34;giscus是什么&#34;&gt;giscus是什么？&lt;/h2&gt;
&lt;p&gt;这里就直接全文摘抄&lt;a class=&#34;link&#34; href=&#34;https://giscus.app&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;官网&lt;/a&gt;的简介了，说得很明白：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;利用 GitHub Discussions 实现的评论系统，让访客借助 GitHub 在你的网站上留下评论和反应吧！本项目深受 utterances 的启发。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;相较于使用 issue 的 utterance，使用 discussion 的 gisus 在功能上更为丰富，详见&lt;a class=&#34;link&#34; href=&#34;https://docs.github.com/zh/discussions/quickstart&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;
GitHub Discussions 快速入门&lt;/a&gt;（而且 utterance 把评论全放在 issue 里也怪怪的）。&lt;/p&gt;
&lt;h2 id=&#34;配置giscus&#34;&gt;配置giscus&lt;/h2&gt;
&lt;p&gt;giscus的配置还是相当简单的。&lt;/p&gt;
&lt;p&gt;首先，准备一个github仓库，这里我用的是原先utterance的仓库。&lt;/p&gt;
&lt;p&gt;接下来在仓库的设置界面开启 Discussions 功能：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/discussion.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;开启discussion&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;接下来的操作就是相当简单且无脑了，你需要做的就是在 github 上安装 &lt;a class=&#34;link&#34; href=&#34;https://github.com/apps/giscus&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;giscus APP&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/installation.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;安装界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;具体的安装过程不再赘述，安装完毕后就只需打开&lt;a class=&#34;link&#34; href=&#34;https://giscus.app&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;giscus官网&lt;/a&gt;，输入具体的仓库名称（或者仓库链接）：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/input.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;输入界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;若该仓库可用，那么就可以随着官网的说明一步步配置下去。配置完成后便可在 &lt;strong&gt;启用 giscus&lt;/strong&gt; 下找到需要的代码：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/demo.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;代码示例&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;之后的过程依主题的不同而不同，请参考各自的主题说明文档。&lt;/p&gt;
&lt;p&gt;我使用的是Hugo的stack主题，需要在 &lt;code&gt;config.yaml&lt;/code&gt; 中设置：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;comments:
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  enabled: true
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  provider: giscus
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;之后再在giscus那栏中填入官网代码中的相应内容即可。&lt;/p&gt;
&lt;p&gt;当然&lt;code&gt;config.yaml&lt;/code&gt;中缺少了部分选项，你也可以直接将需要的js代码放进&lt;code&gt;./themes/hugo-theme-stack/layouts/partials/comments/provider/giscus.html&lt;/code&gt;里：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/html.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;文件界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;至此便配置完成，可以说是相当简单的。&lt;/p&gt;
&lt;p&gt;还有一些高级用法，请自行参考官网对应说明。&lt;/p&gt;
&lt;h2 id=&#34;迁移utterance评论&#34;&gt;迁移utterance评论&lt;/h2&gt;
&lt;p&gt;utterance 之类使用 Github issue 实现的评论系统的内容是可以转换为相应的 discussion的，详见&lt;a class=&#34;link&#34; href=&#34;https://docs.github.com/zh/discussions/managing-discussions-for-your-community/moderating-discussions#converting-an-issue-to-a-discussion&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;将议题转换为讨论&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;只需在相应库的 issues 界面的 labels 处将相应 label 转换为 discussion 即可（假如没标注的话请自行添加）。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/231119/convert.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;转换界面&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;转换完成后，若 discussion 标题与页面的映射关系正确，那么 giscus 就可以展示这些评论，迁移结束。&lt;/p&gt;
&lt;h2 id=&#34;参考链接&#34;&gt;参考链接&lt;/h2&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://giscus.app&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;giscus&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://agou-ops.cn/post/%E8%BF%81%E7%A7%BB%E5%8D%9A%E5%AE%A2%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F%E5%88%B0giscus&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;迁移博客评论系统从Utteranc.es到Giscus&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>洋垃圾之美：Hardcider Labs Slicecharge3 Pro评测</title>
        <link>https://exnadio.github.io/p/%E6%B4%8B%E5%9E%83%E5%9C%BE%E4%B9%8B%E7%BE%8Ehardcider-labs-slicecharge3-pro%E8%AF%84%E6%B5%8B/</link>
        <pubDate>Tue, 02 May 2023 22:10:11 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E6%B4%8B%E5%9E%83%E5%9C%BE%E4%B9%8B%E7%BE%8Ehardcider-labs-slicecharge3-pro%E8%AF%84%E6%B5%8B/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/slcp3.jpeg" alt="Featured image of post 洋垃圾之美：Hardcider Labs Slicecharge3 Pro评测" /&gt;&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/adapter_nga.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
头图来自&lt;a class=&#34;link&#34; href=&#34;https://www.chongdiantou.com/archives/226291.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;充电头网&lt;/a&gt;,拍得比我好多了，偷！&lt;br&gt;
本次评测的为一家“小而美”的小厂库存无线充电板 &lt;del&gt;简称，洋垃圾&lt;/del&gt;。感觉设计挺有果味，就买了。&lt;/p&gt;
&lt;h2 id=&#34;关于hardcider-labs&#34;&gt;关于“Hardcider Labs”&lt;/h2&gt;
&lt;p&gt;由于这玩意我是真的很喜欢，所以稍微去查了下这个“HardCider Labs”。根据他们寥寥无几的介绍，这是一个果式配件商，其余我就再也查不到了。
这小厂的官网虽然还在：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/hardciderwebsite2.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
但是我觉得这厂应该已经跑路了，网站上挂的优惠码还是2022的，Twitter官号也没更新过了，乐。基本所有的商品都是sold out状态，现在还能买的就是一款Apple watch的表带&amp;hellip;&amp;hellip;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/harciderwebsite1.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
我猜这玩意估计是啥Kickstarter品牌，但是不得不说，做的玩意看上去都不错。
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/hardciderwebsite3.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;开箱与功能介绍&#34;&gt;开箱与功能介绍&lt;/h2&gt;
&lt;h3 id=&#34;开箱&#34;&gt;开箱&lt;/h3&gt;
&lt;p&gt;虽说是“洋垃圾”，但是我买到的是“原盒原封”，所以还是当个普通用户，来一次“开箱体验”：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/openboxslp1.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
包装就是个蛮精致的黑色天地盖纸盒，印有一些介绍，但我得说一句，我寻思你这Qi充电器怎么能触发iPhone的MagSafe动画？&lt;br&gt;
打开盒子，迎接我们的便是说明书和充电器的主体：
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/openboxslp2.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
说明书有一堆洋文，但是就是没中文，一看就是出口的玩意：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/man1.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/man2.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/man3.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
不过这说明书上也就写到iPhone 12,不知道是什么时候的库存,另外接口标注也是错的，30W标成18W &lt;del&gt;真就小厂&lt;/del&gt;。&lt;br&gt;
充电器本体的用料倒是非常舍得：全金属机身、布面工艺正面，使得我不能不给出一个“性感”的评价，做工实在是符合其原价150刀的水准，“漂亮得不像实力派”。&lt;br&gt;
取出塑料隔板后便是适配器和四个不同供电规格的更换插座：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/openboxslp3.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
总体而言这开箱体验确实不错，优秀水平。&lt;/p&gt;
&lt;h3 id=&#34;功能&#34;&gt;功能&lt;/h3&gt;
&lt;p&gt;上手的第一感觉就是：扎实。&lt;br&gt;
毕竟是全金属，再加上这个布艺的前表面，只能说，属实“高端”。&lt;/p&gt;
&lt;h4 id=&#34;无线端&#34;&gt;无线端&lt;/h4&gt;
&lt;p&gt;正面是无线充电区域，最大可同时支持三台Qi协议设备进行充电。&lt;br&gt;
以及一个可旋转的Mfi Apple Watch充电器（需要注意的是，当这玩意翻起时便会与一个充电位冲突，此时该充电位就只能放TWS之类的小玩意了）。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/scenario1.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/scenario2.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;
值得好评的是它的侧面带有三个指示灯，可以指示充电状态：比如右边正在充电就会亮右边的灯。
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/indicator.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;h4 id=&#34;有线端&#34;&gt;有线端&lt;/h4&gt;
&lt;p&gt;侧面的另一侧便是有线的输入/输出端，分别是&lt;strong&gt;DC in&lt;/strong&gt;、&lt;strong&gt;USB A&lt;/strong&gt;、&lt;strong&gt;USB C&lt;/strong&gt; (从左到右)
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/ports.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
其中USB A支持最高18w的QC 3.0快充，USB C则在此基础上支持最高30w的PD。&lt;br&gt;
具体的协议支持之后再补充。&lt;br&gt;
不过我有一点要说，怎么定位低一档的Slicecharge3的母口胶芯都能做到相同，到这个更加高端定位的Pro版本上就拉了呢？
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/compare.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;h4 id=&#34;适配器&#34;&gt;适配器&lt;/h4&gt;
&lt;p&gt;适配器DC口，最大输出大概就是65w（我寻思15v直接用PD不就行），支持100v~240V宽幅输入，体积也很大。65w倒也是够用，但是严格来说绝对不能支撑这玩意最大功率（30+18+5+3*10w）输出（我觉得这玩意也没啥满功率场景）。&lt;br&gt;
提供了美规、澳规、欧规、英规接口，它甚至是编！织！线！
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/adapter.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;编织线就是好文明&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;装上插脚后，这玩意的高度就进一步膨胀：
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/adapter2.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
虽然美规的二脚插脚与我国插座通用，但我也不建议您使用这个插脚，相反，我推荐您使用不那么通用（可能打不开部分新国标插座的安全门） 的澳标。&lt;br&gt;
为什么呢？因为这玩意体积大得一批，再加上插脚与本体极高的间隙，这玩意使用美规插座时就跟个跷跷板一样，笑死。
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/adapter3.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/adapter4.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;你可以想象没这点横向支持这玩意能晃成啥样&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;顺带一提，这玩意的供应商居然是&lt;a class=&#34;link&#34; href=&#34;http://www.xinspower.cn/a653_65w%E7%B3%BB%E5%88%97_86298/a653-xxxyyyyi.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;深圳新斯宝&lt;/a&gt;,不过应该是特制了编织线。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/xinspower.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;最后，背后就没啥玩意了，只有两条长防滑垫和铭牌:&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/back.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
铭牌居然还是镜面，精致感确实足。
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/dataplate.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;内部结构&#34;&gt;内部结构&lt;/h2&gt;
&lt;p&gt;由于我不会拆&lt;del&gt;也舍不得拆&lt;/del&gt;，因此就使用卖家提供的拆解图片了。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/teardown2.JPG&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
可以看到，这玩意虽然是“多线圈”，但是与Airpower、Tesla和小米之类的解决方案可谓是有云泥之别：别人使用了多层线圈来实现“全覆盖”“放哪都能充”，而Hardcider Labs的这款线圈数量仅相当于别人的一层。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/airpower.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;“Airpower”&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/xiaomi.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;xiaomi&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/teardown.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Hardciderlabs&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;从上至下：Airpower工程机、小米多线圈、Hard Cider Labs&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;当然这也有好处，那就是免去了大量工程设计的问题，不像果子一样丧心病狂地打算在无线充电板上塞上A11来解决发热与多线圈协调问题 &lt;del&gt;笑了，搞得跟iPhone发热问题解决了一样&lt;/del&gt; 。当然果子最后的解决方案Magsafe也是个纯逆天。&lt;br&gt;
比较搞笑的是这玩意实现made for apple watch充电的方法居然是在内部做了个USB type A接口，实在是有点逆天。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;其实这倒也不难理解，apple watch的mfi认证出货的应该就是一整个充电模组&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/teardown3.JPG&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
内部芯片用料倒是难称豪华：采用了方昕科技（别说，名字不错）的NKola 9018。不过我也不锐评了，反正也懂都不懂（又不是不能用.jpg）。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/n9018.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;
不过我在找data sheet的时候发现了这公司本身就提供公版方案，看来这小厂也就搞了个外壳设计，笑死。
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/n9018solution.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/teardown.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;一眼丁真，鉴定为公版&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;至于散热就靠金属外壳被动散热硬挺了，效果还不错。&lt;/p&gt;
&lt;h2 id=&#34;使用体验&#34;&gt;使用体验：&lt;/h2&gt;
&lt;p&gt;我手上支持无线充电的机子就两台：iPhone13 与 LG G7 (还有个AirPods Pro)，本次评测便以这两台机子的体验为准。&lt;/p&gt;
&lt;h3 id=&#34;对于充电器的体验&#34;&gt;对于充电器的体验&lt;/h3&gt;
&lt;p&gt;作为一个“多线圈无线充电器” ，它最大的优点就是多设备充电支持，同时宽裕的空间使得它是“两台设备随便放，三台设备规矩放”，体验虽说不及真·多线圈，但也算舒服。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/1223.jpeg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这里忘拍图了，偷几张充电头网的&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;对于这玩意我是没什么缺点可挑，毕竟该给它给的也差不多了：&lt;strong&gt;其定位更像是一个桌面的充电 All in One，有线无线都有，做工设计都很不错，也符合它“高端手机配件商”的定位&lt;/strong&gt;。但要说可改进的点的话，那还真不少：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;首先，这外部的用料确实是拉满，但内部的用料真的不是130刀的水平&lt;/li&gt;
&lt;li&gt;其次，有线 1C1A 的接口数量不算很够，假如 1C2A 应该就能把体验拉满&lt;/li&gt;
&lt;li&gt;最后，能支持PD in就将绝杀&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;del&gt;现在是，梦想时间&lt;/del&gt;&lt;br&gt;
&lt;strong&gt;不过当价格来到130CNY时，以上这些一点问题没有。&lt;/strong&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;回头一看，其实该改的是方昕这个公版吧。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;至于Apple Watch的充电，我就不测了，我又没Apple Watch。btw，这个Apple Watch专用充电器不支持GalaxyWatch&lt;del&gt;不要问我为什么知道&lt;/del&gt;。在我这纯纯摆件。&lt;/p&gt;
&lt;h3 id=&#34;无线充电的简洁之梦&#34;&gt;无线充电的简洁之梦&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;注意，该部分纯主观，绝不客观&lt;/strong&gt;&lt;br&gt;
首先，无线充电绝没有它听起来的那般美好：放上手机，充好，拿走，去他妈的线，我们“极客”的桌面讲究的就是一个,啊,整洁。&lt;br&gt;
理论上你能拿到一台满电的、和你放上去时一样的手机，实际上你会拿到一台很烫的的手机——一句话概括iPhone无线充电体验。&lt;br&gt;
虽然iPhone已经有了专有的无线充电方案——Magsafe（🤣👉“22.5w&amp;quot;），但是库克大人还是大发慈悲，兼容着Qi协议这高低也算是自己写的协议（另一个您发起的接口怎么需要10年来改变呢？），但是iPhone的无线充电体验实在是不太“优雅”。&lt;strong&gt;iPhone低能的充电、散热设计和低效的无线充电可谓是一对Best Match&lt;/strong&gt;：即使功率7.5w，iPhone也能稳定发热到到烫手的程度。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/kidding.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;我不知道充电头网这温度怎么测的，逆天，而且哪来的磁吸？&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;虽然有这么多的手机厂商做无线充电，但是其实各个厂商的线圈位置不尽相同，在一台手机上能充电的线圈位置，在另一台手机上就不一定能充上。这就需要你去对准无线充的线圈，不是随手一放就行。这玩意至少是个单层多线圈，相对而言可以更随意，但是做不到真·多线圈的“放下不管”，这个问题在立式无线充上更甚。&lt;br&gt;
比如这玩意就有配套的支架，磁吸在那个精致的铭牌处便可变身立式无线充：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/stand.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这鬼东西30刀我擦&lt;br&gt;
当然我捡垃圾的地方也在买，25一套，没抢到，不然我高低也整一套评测。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;装好是这样的：
&lt;img src=&#34;https://exnadio.github.io/images/4post/230502/extendedslc.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
就评价来看，即使做了高低调节，这玩意也能只支持几台特定型号的iPhone，像米13U那样的贵物是想都别想。所以说无线充的终点还是Airpower式的真·多线圈。&lt;br&gt;
同时无线充电也受保护壳的影响，我手上的几台设备都受了保护壳的影响，无法完整地完成充电（我不清楚是不是这个充电器的个体问题，之后再测）。比如Airpods就经常充不上电，乐所以（这时候你就能理解指示灯的好）。 &lt;br&gt;
当然安卓这就好不少，发热也有，但至少没有iPhone低能（以我手上的这台 LG G7 来说）。&lt;del&gt;库克！乔布斯！&lt;/del&gt;&lt;br&gt;
总而言之，&lt;strong&gt;无线充电远未到使用体验良好的地步&lt;/strong&gt;，你可以将它作为补能的手段，但是将它作为充电的主要方式还是多少带点幽默了（去你妈的无接口手机，以为自己很幽默？）。&lt;br&gt;
虽然我狂喷无线充电的不足之处，但是，不要得到我错误，不是说无线充电不好，而是它没法达到一些人口中的那样“美好”，&lt;del&gt;只有iPhone是真烂&lt;/del&gt;  ，由于Qi协议的普及，无线充电的极高通用性实在是为它加分不少。同时，去掉一根线对于桌面的整洁也确实有很大的帮助。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这里我就要说了，作为所谓生态系统的一环，“智能手表”的充电倒是一个比一个麻烦，GalaxyWatch虽然理论支持Qi，但是那线圈普通无线充压根识别不到（其实Air podsPro也是这样），Apple Watch甚至直接加密了，笑死。搞得这玩意需要专门做一个突兀的Apple Watch专用充电位，而逼得希望大一统果子生态的Airpower用又小又密的线圈配列，最后暴死。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;总结&#34;&gt;总结&lt;/h2&gt;
&lt;p&gt;最后，我总结了几条优缺点供大家参考：&lt;/p&gt;
&lt;h3 id=&#34;优点&#34;&gt;优点&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;优秀的设计与做工&lt;/li&gt;
&lt;li&gt;精致的使用体验&lt;/li&gt;
&lt;li&gt;便宜的购入价格&lt;/li&gt;
&lt;li&gt;不觉得无线充电很酷吗？作为一个理工男，我觉得这太酷了，很符合我对未来生活的想象，科技并带着浪费&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;缺点&#34;&gt;缺点&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;不支持PD输入且原适配器占用空间太大&lt;/li&gt;
&lt;li&gt;有线输出接口不算充足&lt;/li&gt;
&lt;li&gt;正常价格过高&lt;/li&gt;
&lt;li&gt;虚空售后&lt;/li&gt;
&lt;/ol&gt;
</description>
        </item>
        <item>
        <title>使用 Hugo 对博客的重建与 Stack 主题优化记录</title>
        <link>https://exnadio.github.io/p/%E4%BD%BF%E7%94%A8-hugo-%E5%AF%B9%E5%8D%9A%E5%AE%A2%E7%9A%84%E9%87%8D%E5%BB%BA%E4%B8%8E-stack-%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96%E8%AE%B0%E5%BD%95/</link>
        <pubDate>Sat, 22 Apr 2023 14:56:05 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E4%BD%BF%E7%94%A8-hugo-%E5%AF%B9%E5%8D%9A%E5%AE%A2%E7%9A%84%E9%87%8D%E5%BB%BA%E4%B8%8E-stack-%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96%E8%AE%B0%E5%BD%95/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/azl.jpg" alt="Featured image of post 使用 Hugo 对博客的重建与 Stack 主题优化记录" /&gt;&lt;h2 id=&#34;为何再次重建博客&#34;&gt;为何再次重建博客？&lt;/h2&gt;
&lt;p&gt;是，我知道我上次更新博客是 2021 年，但是这个博客我的确是没有忘的。&lt;del&gt;（主播只是入狱了）&lt;/del&gt;&lt;br&gt;
实际上这个博客是我在 21 年暑假用Hugo建的，使用的是 Eureka 主题。整体效果确实非常不错，但遗憾的是配置过程极其奇怪：虽说有专门的&lt;a class=&#34;link&#34; href=&#34;https://www.wangchucheng.com/zh/docs/hugo-eureka/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;说明文档&lt;/a&gt;,但是于我而言这玩意写得实在是不太友好，所以当时我的配置过程纯粹靠蒙，虽说最后还是搞出来了，但确实是一种折磨。&lt;br&gt;
正好最近几天又想写博客了，就把 Hugo 又下了回来，结果升级 Eureka 主题的时候又折磨了好久，还是没整明白。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;使用git submodule下来的Eureka配置后存在的大量报错，不断提示module未定义，反正也看不懂，干脆换主题了。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;因此本次的折腾就再走一遍之前的路，从零开始重建博客，顺带记录下以防之后忘记。&lt;/p&gt;
&lt;h2 id=&#34;hugo之安装&#34;&gt;Hugo之安装&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;“Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。 ”&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;本次我使用的是 Hugo v0.111.2 与 git v2.38.0 ，操作系统为 Win 11。在 Hugo 的&lt;a class=&#34;link&#34; href=&#34;https://github.com/gohugoio/hugo/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;releases&lt;/a&gt;和 Git 的&lt;a class=&#34;link&#34; href=&#34;https://git-scm.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;官网&lt;/a&gt;都能很方便地下载。我选择的是 hugo_extended_0.111.2_windows-amd64.zip
版本，以便后续折腾。下载完成后将压缩包里的东西解压至你喜欢的目录，再将该目录的路径添加到环境变量中以便后续调用。至于 Git 的安装，我就不再赘述了。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/path.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;PATH&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;hugo建站&#34;&gt;Hugo建站&lt;/h2&gt;
&lt;h3 id=&#34;新建网站&#34;&gt;新建网站&lt;/h3&gt;
&lt;p&gt;运行 Hugo.exe 后，输入:&lt;br&gt;
&lt;code&gt;hugo new site ./path   //比如我这里就是./exnadio.github.io &lt;/code&gt;&lt;br&gt;
运行后便会输出一个网站目录，其结构为（引用自&lt;a class=&#34;link&#34; href=&#34;https://zhajiman.github.io/post/rebuild_blog&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;炸鸡人博客&lt;/a&gt;）：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;.
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── archetypes      # 存放文章模板
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── config.toml     # 简单的配置文件
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── content         # 存放文章
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── data            # 存放生成静态页面时的配置文件
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── layouts         # 存放页面布局的模板
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── static          # 存放图片等静态内容
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;└── themes          # 存放下载的主题
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;此时便搭好了一个基础框架，可以进行主题的导入了。&lt;/p&gt;
&lt;h3 id=&#34;导入主题&#34;&gt;导入主题&lt;/h3&gt;
&lt;p&gt;这一步你就可以打开 &lt;a class=&#34;link&#34; href=&#34;https://themes.gohugo.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Hugo Themes&lt;/a&gt; 这个网站，选择一个你喜欢的主题，然后跟随着它的说明一步一步配置就大功告成了。&lt;del&gt;那么我们下期再见&lt;/del&gt;&lt;br&gt;
实际上我认为这步是整个 Hugo 建站中最复杂的一步。且每个人选择的主题不尽相同，很难以一个完善的教程（何况我这篇是否算教程也有待考虑）通杀一切，我就分享下我这次的经历好了。
安装主题一般而言存在三种方式：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;git submodule 安装&lt;/li&gt;
&lt;li&gt;go module 安装（需要安装 Go 语言）&lt;/li&gt;
&lt;li&gt;本地安装&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;我个人更推荐第一种方式，考虑到后续升级的难易，这算是最均衡的一种方式。具体的安装方法可以在各主题的说明中找到，我这里安装的是&lt;a class=&#34;link&#34; href=&#34;https://stack.jimmycai.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt; Stack&lt;/a&gt;。
在网站目录下，输入：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-v&#34; data-lang=&#34;v&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;git&lt;/span&gt; &lt;span class=&#34;nv&#34;&gt;init&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;git&lt;/span&gt; &lt;span class=&#34;nv&#34;&gt;submodule&lt;/span&gt; &lt;span class=&#34;nv&#34;&gt;add&lt;/span&gt; &lt;span class=&#34;nv&#34;&gt;https&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;c1&#34;&gt;//github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;等待下载完成后，便可以进行&lt;a class=&#34;link&#34; href=&#34;##%e4%b8%bb%e9%a2%98%e9%85%8d%e7%bd%ae%e5%8e%86%e7%a8%8b&#34; &gt;配置&lt;/a&gt;了。假如你想用其他方式安装，也可以参考&lt;a class=&#34;link&#34; href=&#34;https://stack.jimmycai.com/guide/getting-started&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;这里&lt;/a&gt;。&lt;br&gt;
Stack本身有全英文的&lt;a class=&#34;link&#34; href=&#34;https://stack.jimmycai.com/config/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;说明文档&lt;/a&gt;，我建议是将&lt;code&gt;./themes/hugo-theme-stack/exampleSite/content&lt;/code&gt;和&lt;code&gt;./themes/hugo-theme-stack/config.yaml&lt;/code&gt;直接夺舍，根据说明与需求修改，会剩下很多时间。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;根据 Stack 的说明文档，Stack 后续将改用.toml格式的 Config 文件，不过其配置步骤基本相同。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;预览网站&#34;&gt;预览网站&lt;/h3&gt;
&lt;p&gt;很多教程会先教创建文章，不过我觉得配置完主题后还是先预览网站为好。Hugo的一大好处就是可以进行即时预览，你可以看到你每一步修改所产生的变化，也可以看到你是如何把一切搞崩溃的。
输入:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo server
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;即可建立一个本地服务器。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/hugoserver.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Hugo server&#34;
	
	
&gt;&lt;br&gt;
当然你也可以加上一些 flag 来达到一些其他目的：比如指定主题的&lt;code&gt;--theme=Stack&lt;/code&gt;和关闭快速渲染的&lt;code&gt;--disableFastRender&lt;/code&gt;等，具体可以查阅文档。&lt;br&gt;
之后便可以在浏览器里打开&lt;code&gt;http://localhost:1313&lt;/code&gt;预览。&lt;/p&gt;
&lt;h3 id=&#34;创建文章&#34;&gt;创建文章&lt;/h3&gt;
&lt;p&gt;Hugo 中的文章采用 Markdown 格式，通过以下命令你可以在&lt;code&gt;./content/post&lt;/code&gt;路径下创建一篇文章：
&lt;code&gt;hugo new post/rebuild_blog.md&lt;/code&gt;
打开后你会发现生成的Markdown文档带有一段FrontMatter部分，具体的意思可以在&lt;a class=&#34;link&#34; href=&#34;https://stack.jimmycai.com/writing/frontmatter&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;这里&lt;/a&gt;找到。大体上可以认为是文档的一些属性。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/frontmatter.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;frontmatter&#34;
	
	
&gt;
虽然大部分的主题都会帮你配置好 FrontMatter 部分，但是也是有部分主题是需要自行配置的，很不幸，Stack 就是这类主题之一。不过这也没啥关系，修改之前提到的&lt;code&gt;./archetypes/default.md/&lt;/code&gt;下的&lt;code&gt;default.md&lt;/code&gt;即可。&lt;/p&gt;
&lt;h3 id=&#34;生成静态页面&#34;&gt;生成静态页面&lt;/h3&gt;
&lt;p&gt;只需输入：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;即可。默认生成位置为&lt;code&gt;./public&lt;/code&gt;，你可以在配置文档中使用&lt;code&gt;publishDir&lt;/code&gt;参数指定，也可以直接使用&lt;code&gt;-d&lt;/code&gt;参数指定。&lt;/p&gt;
&lt;h3 id=&#34;发布网站&#34;&gt;发布网站&lt;/h3&gt;
&lt;p&gt;首先，我不会 git。&lt;br&gt;
其次，本部分全文抄袭自&lt;a class=&#34;link&#34; href=&#34;https://zhajiman.github.io/post/rebuild_blog&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;炸鸡人博客&lt;/a&gt;。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这里用 Github Pages 来部署博客。首先在&lt;code&gt;config.yaml&lt;/code&gt;里指定:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;publishDir: docs&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;然后再一个&lt;code&gt;hugo&lt;/code&gt;命令，这样就把静态页面输出到&lt;code&gt;docs&lt;/code&gt;目录下了。&lt;/p&gt;
&lt;p&gt;接着在 Github 上以 ZhaJiMan.github.io 的名字（根据自己的用户名而定）新建一&amp;gt;个空仓库，进行下面的 Git 命令:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;git add .&lt;/li&gt;
&lt;li&gt;git commit -m &amp;ldquo;first commit&amp;rdquo;&lt;/li&gt;
&lt;li&gt;git branch -M main&lt;/li&gt;
&lt;li&gt;git remote add origin &lt;a class=&#34;link&#34; href=&#34;https://github.com/ZhaJiMan/ZhaJiMan.github.io.git&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/ZhaJiMan/ZhaJiMan.github.io.git&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;git push -u origin main&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;这段改编自空仓库页面出现的提示，大意是:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;将网站目录下的所有内容暂存。&lt;/li&gt;
&lt;li&gt;把暂存的内容提交给版本库。&lt;/li&gt;
&lt;li&gt;把主分支的名字从 master 改为 main。&lt;/li&gt;
&lt;li&gt;添加远程仓库。&lt;/li&gt;
&lt;li&gt;把本地内容推送到远程仓库里。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;推送成功后，进入仓库的设置页面，点击侧栏的 Pages，再把 Source 选项改为 main 分支下的&lt;code&gt;docs&lt;/code&gt;目录，这样 Github Pages 就会根据我们推送上去的&lt;code&gt;docs&lt;/code&gt;目录里的静态页面来显示网站。这里指定&lt;code&gt;docs&lt;/code&gt;的好处是还可以把网站的所有文件都备份到仓库里（不包含以 submodule 形式添加主题，详见参考链接）。最后在与仓库同名的网站 &lt;a class=&#34;link&#34; href=&#34;https://zhajiman.github.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://zhajiman.github.io/&lt;/a&gt; 上看看自己的博客吧！&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;我补充几个细节：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;git push -u origin master //我采用了master分支&lt;/code&gt;后是要验证 github 账号的（也许只有首次有？），假如你没有，那么我建议你读第2点。&lt;/li&gt;
&lt;li&gt;Github 是有带 GUI 的客户端的，git 苦手可以考虑用这个。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;主题配置历程&#34;&gt;主题配置历程&lt;/h2&gt;
&lt;p&gt;由于主题的配置是个个体差异极大的过程，因此我不会事无巨细地说明每一个过程，而是说明几个小点。&lt;/p&gt;
&lt;h3 id=&#34;网站图标更改&#34;&gt;网站图标更改&lt;/h3&gt;
&lt;p&gt;其实很简单，将图片生成的 favicon 文件夹放在&lt;code&gt;./static&lt;/code&gt;文件夹下，然后在&lt;code&gt;cofig.yaml&lt;/code&gt;下指定：&lt;code&gt;favicon: /favicon/favicon.ico &lt;/code&gt;就行。&lt;/p&gt;
&lt;h3 id=&#34;评论系统之接入&#34;&gt;评论系统之接入&lt;/h3&gt;
&lt;p&gt;&lt;del&gt;忘了Uttrances怎么配置的了啊嗯，鸽了。&lt;/del&gt;&lt;/p&gt;
&lt;p&gt;已将评论系统改为 giscus，配置过程见&lt;a class=&#34;link&#34; href=&#34;&#34; &gt;这里&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;stack主题自定义&#34;&gt;Stack主题自定义&lt;/h2&gt;
&lt;p&gt;首先放一下对比图：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/lightmode_default.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt; &lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/lightmode_modified.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;改善浅色模式可读性&#34;&gt;改善浅色模式可读性&lt;/h3&gt;
&lt;p&gt;配置完 Stack 后，我并不是很满意，假如说满分100的话我只能打个70分左右。最大的不满在于其浅色模式下可读性实在是过于糟糕,你可以在 &lt;a class=&#34;link&#34; href=&#34;https://demo.stack.jimmycai.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt; Demo 网站&lt;/a&gt; 上感受一下，我不清楚为什么作者采用了&lt;code&gt;#bababa&lt;/code&gt;这个颜色，导致其与背景的对比度来到了可怜的1.94，简直就是一场彻头彻尾的灾难。&lt;br&gt;
不过好在 Stack 主题预留了自定义的空间，详见&lt;a class=&#34;link&#34; href=&#34;https://stack.jimmycai.com/guide/modify-theme&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;官网的说明&lt;/a&gt;。这里具体介绍下自定义的方法：&lt;br&gt;
在Stack以及很多主题中，主题文件夹下的&lt;code&gt;assets/scss&lt;/code&gt;下都提供了一个供用户自定义的&lt;code&gt;custom.scss&lt;/code&gt;文件。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;原理便是在最后引入这个文件，使其位于最终css文件的末尾，从而覆盖原先的属性，达到“自定义”的效果。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;因此，想要自定义就很简单了：找到你希望修改的元素和它对应的选择器，重新定义这个选择器即可。&lt;br&gt;
万幸，目前的浏览器为我们提供了好用的开发者工具。以我现在使用的Edge为例，按下&lt;code&gt;F12&lt;/code&gt;弹出开发者工具，使用左上角的小箭头使你的鼠标变成一个查看器(你也可以使用&lt;code&gt;SHIFT&lt;/code&gt;+&lt;code&gt;CTRL&lt;/code&gt;+&lt;code&gt;C&lt;/code&gt;的组合键)，只要将光标置于你想修改的元素上，就能找到该元素的源代码。&lt;br&gt;
例如我现在想改浅色模式下的文本颜色，只需选择一段文本,就能在右下角找到它对应的css:&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/css_selected.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/css_txt.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
可以看到文本被指定为&lt;code&gt;---body-text-color&lt;/code&gt;。&lt;br&gt;
再顺藤摸瓜找到对应的颜色控制：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/css_color.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
把要修改的部分直接复制出来放进&lt;code&gt;custom.scss&lt;/code&gt;文件中，修改下即可。比如我使用的这套：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-scss&#34; data-lang=&#34;scss&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nd&#34;&gt;:root&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--body-background&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#EBEBEB&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--accent-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#1B365D&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--accent-color-darker&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#202A44&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--accent-color-text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#FFF&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--body-text-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#202A44&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nd&#34;&gt;:root&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--card-background&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#FFF&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--card-background-selected&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#EBEBEB&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--card-text-color-main&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#202A44&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--card-text-color-secondary&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#53565A&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;na&#34;&gt;--card-text-color-tertiary&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#888B8D&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;此时就能达到这种效果了：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/lightmode_modified.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;Tag的修改我也说下，用上面的方法找到代码，发现：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/tagcolorcode.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;何意味?&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;然后把能找到这些颜色的地方全图图了：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;9
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-list&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;article&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;nd&#34;&gt;nth-child&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;n&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-category&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#1B365D&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#fff&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-category&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-tags&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;background-color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#1B365D&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#fff&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt;&lt;br&gt;
改完之后我发现分类的 Tag 还是存在问题，虽说前几个颜色是对的，但是越往后走居然开始变色了：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/case.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
此时即使在custom.scss中指定了颜色也没啥用，看了下这玩意居然在是 element.style 写死的，多少有点搞：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/element_style.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
于是便需要在代码后面加上&lt;code&gt;!important&lt;/code&gt;
现代码如下：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;9
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-list&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;article&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;nd&#34;&gt;nth-child&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;n&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-category&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#1B365D&lt;/span&gt;&lt;span class=&#34;cp&#34;&gt;!important&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#fff&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-category&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-tags&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;background-color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#1B365D&lt;/span&gt;&lt;span class=&#34;cp&#34;&gt;!important&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#fff&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;修改网站布局&#34;&gt;修改网站布局&lt;/h3&gt;
&lt;p&gt;原先挤满所有空间的布局我不喜欢，遂改。
这里使用&lt;a class=&#34;link&#34; href=&#34;https://xrg.fj.cn/p/hugo-stack%E4%B8%BB%E9%A2%98%E6%9B%B4%E6%96%B0%E5%B0%8F%E8%AE%B0/#%E4%B8%BB%E9%A1%B5%E5%B8%83%E5%B1%80&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;仙贝的代码&lt;/a&gt;，一样是在&lt;code&gt;custom.scss&lt;/code&gt;中添加：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;21
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;22
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;23
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;24
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;25
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;26
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;27
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;28
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;29
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;30
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;31
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;32
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;33
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;34
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;35
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;36
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;container&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;margin-left&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;auto&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;margin-right&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;auto&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;&amp;amp;.extended&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;c&#34;&gt;/* range: 768-1024 */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;err&#34;&gt;@include&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;respond(md)&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;max-width&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1024&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nv&#34;&gt;--left-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;25&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;%&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nv&#34;&gt;--right-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;30&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;%&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;c&#34;&gt;/* range: 1024-1280 */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;include&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;respond&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;lg&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;1280px&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;--left-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;25&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;%;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;--right-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;22&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;%;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;compact&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;err&#34;&gt;@include&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;respond(md)&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nv&#34;&gt;--left-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;25&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;%&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;max-width&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;768&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;include&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;respond&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;lg&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;1024px&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;--left-sidebar-max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;20&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;%;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;include&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;respond&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;xl&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;max-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;1280px&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;即可。&lt;/p&gt;
&lt;h3 id=&#34;滚动条修改&#34;&gt;滚动条修改&lt;/h3&gt;
&lt;p&gt;同上，不喜欢，&lt;a class=&#34;link&#34; href=&#34;https://xrg.fj.cn/p/hugo-stack%E4%B8%BB%E9%A2%98%E6%9B%B4%E6%96%B0%E5%B0%8F%E8%AE%B0/#%E6%BB%9A%E5%8A%A8%E6%9D%A1%E7%BE%8E%E5%8C%96&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;仙贝代码&lt;/a&gt;，添加：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-scss&#34; data-lang=&#34;scss&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;html&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nd&#34;&gt;::-webkit-scrollbar&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;20&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nd&#34;&gt;::-webkit-scrollbar-track&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;background-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;transparent&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nd&#34;&gt;::-webkit-scrollbar-thumb&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;background-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#d6dee1&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;border-radius&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;20&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;border&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;6&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;solid&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;transparent&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;background-clip&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;content-box&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nd&#34;&gt;::-webkit-scrollbar-thumb:hover&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;background-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#a8bbbf&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;图标添加与修改&#34;&gt;图标添加与修改&lt;/h3&gt;
&lt;p&gt;Stack 主题带了几个很好看的 Tabler 图标，可惜并不全，部分缺失的图标要手动添加。&lt;br&gt;
例如我想添加一个比比汗丽丽的图标，在&lt;a class=&#34;link&#34; href=&#34;https://tabler-icons.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt; Tabler 官网&lt;/a&gt;搜索发现居然真有：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/searchresult.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
将svg文件其下载到&lt;code&gt;.\themes\hugo-theme-stack\assets\icons&lt;/code&gt;中，再调用即可。&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/implement.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;另外，我也不是很喜欢自带的深色模式切换开关，以我个人的的观点来看，这玩意太不直观了：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/toggle.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
图标的添加方式就不再赘述，我这里选的是&amp;quot;sun-high&amp;quot;和&amp;quot;moon-stars&amp;quot;这两个图标。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;观察网页的CSS可以发现：深色模式下图标的切换就是“一个显示，一个隐藏”，在相关文件中指定该用的图标即可。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;作者将这个开关做在了侧边栏里，因而直接在有关的&lt;code&gt;.\assets\scss\partials\sidebar.scss&lt;/code&gt;和&lt;code&gt;\layouts\partials\sidebar\left.html&lt;/code&gt;里指定图标即可:
``&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;21
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;22
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;23
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;24
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;25
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;26
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;27
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;28
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;/* .\assets\scss\partials\sidebar.scss Line 154*/&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;data-scheme&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;dark&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;#dark-mode-toggle&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;accent&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;700&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;err&#34;&gt;.icon-tabler-sun-high&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;icon-tabler-moon-stars&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;unset&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;#&lt;/span&gt;&lt;span class=&#34;nn&#34;&gt;dark-mode-toggle&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;margin-top&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;auto&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;body&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;flex&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;align-items&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;center&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;cursor&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;pointer&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;k&#34;&gt;gap&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;menu&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;icon&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;separation&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;err&#34;&gt;.icon-tabler-moon-stars&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!---.\layouts\partials\sidebar\left.html Line 91---&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{ if (default false .Site.Params.colorScheme.toggle) }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;li&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;id&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;dark-mode-toggle&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;sun-high&amp;#34; }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;moon-stars&amp;#34; }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;{{ T &amp;#34;darkMode&amp;#34; }}&lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;li&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{ end }}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;效果如下：&lt;br&gt;
&lt;img src=&#34;https://exnadio.github.io/images/4post/230422/sun.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;br&gt;
顺带一提，想改中文翻译直接去&lt;code&gt;\i18n\zh-cn.yaml&lt;/code&gt;中修改即可（暗色模式这翻译也太怪了）。&lt;/p&gt;
&lt;h3 id=&#34;添加字数统计&#34;&gt;添加字数统计&lt;/h3&gt;
&lt;p&gt;Stack 本身是不带字数统计的，但是Hugo本身是支持进行字数统计的。
已知，Stack 的文章页面是由三个 html 控制的：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;.  
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── details.html        
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;├── content.html     
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;└── footer.html   
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;所以在 &lt;code&gt;details.html&lt;/code&gt; 中加入相应的字数统计代码就行了。
在互联网上一番搜索后，我发现之前就有人写过&lt;a class=&#34;link&#34; href=&#34;https://mantyke.icu/posts/2021/f9f0ec87/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;相关代码&lt;/a&gt;。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{ if .Site.Params.article.readingTime }} 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;brush&amp;#34; }} 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;article-words&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        {{ .WordCount }}字
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;然而这段代码没有多语言支持，所以我决定让事情变得更复杂：全面照抄 Stack 实现阅读时长的方式。&lt;br&gt;
首先在&lt;code&gt;congfig.yaml&lt;/code&gt;中的&lt;code&gt;.params.article&lt;/code&gt;中添加：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;wordCount&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;true&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;然后参考前面的和readTime的代码，在&lt;code&gt;detail.html&lt;/code&gt;中加上下面的代码：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{ if .Site.Params.article.readingTime }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;file-description&amp;#34; }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;article-words&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        {{ T &amp;#34;article.wordCount&amp;#34; .WordCount }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;   &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt; {{ end }}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;之后只要添加多语言支持，也就是在&lt;code&gt;i18n&lt;/code&gt;文件夹中修改对应语言的.yaml文件。以英文为例，在&lt;code&gt;.\i18n\en.yaml&lt;/code&gt;中加上：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;wordCount&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;other&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;{{.Count}} words&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;便完事大成了。反正一切主打的就是一个 readTime 在哪我在哪&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;顺带改了下图标，参考&lt;a class=&#34;link&#34; href=&#34;###%e5%9b%be%e6%a0%87%e6%b7%bb%e5%8a%a0%e4%b8%8e%e4%bf%ae%e6%94%b9&#34; &gt;这里&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;文章修改时间显示&#34;&gt;文章修改时间显示&lt;/h3&gt;
&lt;p&gt;修改时间就没有字数统计这么麻烦了。Stack 本身自带修改时间显示，不过这玩意放在了最底下，不太直观，我就把它提上来了。&lt;br&gt;
源代码看位置就在&lt;code&gt;.\layouts\partials\article\components\footer.html&lt;/code&gt;里，果不其然：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{- if ne .Lastmod .Date -}}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;section&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;article-lastmod&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;   {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;clock&amp;#34; }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      {{ T &amp;#34;article.lastUpdatedOn&amp;#34; }} {{ .Lastmod.Format ( or .Site.Params.dateFormat.lastUpdated &amp;#34;Jan 02, 2006 15:04 MST&amp;#34; ) }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;section&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt; {{- end -}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;前面也说了，日期、阅读时间之类被放在了&lt;code&gt;.\layouts\partials\article\components\footer.html&lt;/code&gt;里，因此在参考日期的代码和源代码基础上做点修改，添加进去就行：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{- if ne .Lastmod .Date -}}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {{ partial &amp;#34;helper/icon&amp;#34; &amp;#34;edit&amp;#34; }}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;article-lastmod&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        {{- .Lastmod.Format (or .Site.Params.dateFormat.published &amp;#34;Jan 02, 2006&amp;#34;) -}}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;time&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{ end }}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;顺带，为了自动更改修改时间，在&lt;code&gt;config.yaml&lt;/code&gt;中添加：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;frontmatter&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;lastmod&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;:fileModTime&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;lastmod&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;友情链接改为双列显示&#34;&gt;友情链接改为双列显示&lt;/h3&gt;
&lt;p&gt;这里我用的是&lt;a class=&#34;link&#34; href=&#34;https://tech.randomwaves.space/posts/21-12-08-make-hugo-stack-theme-links-display-in-two-columns/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;大佬的代码&lt;/a&gt;，修改过程和之前一样，在&lt;code&gt;custom.scss&lt;/code&gt;添上以下css即可：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-scss&#34; data-lang=&#34;scss&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;@media&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;na&#34;&gt;min-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1024&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;nc&#34;&gt;.article-list--compact.links&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;na&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;grid&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;na&#34;&gt;grid-template-columns&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;fr&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;fr&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;na&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;na&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nt&#34;&gt;article&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;card-background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;border&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;ni&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;shadow-l2&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;margin-bottom&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;8&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;border-radius&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;10&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;k&#34;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&#34;nd&#34;&gt;:nth-child&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;odd&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;              &lt;span class=&#34;na&#34;&gt;margin-right&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;8&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;目前仍未完成的部分&#34;&gt;目前仍未完成的部分&lt;/h2&gt;
&lt;p&gt;当然，目前这个网站还是有一些问题的：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;del&gt;过往文章未恢复&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;评论系统未接入&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;部分界面还未配置好&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;网站图标未设置（其实是还没做）&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;没有文章修改时间显示&lt;/del&gt;&lt;/li&gt;
&lt;li&gt;&lt;del&gt;洋文站点还没完成(已躺平)&lt;/del&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;参考链接&#34;&gt;参考链接&lt;/h2&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://zhajiman.github.io/post/rebuild_blog/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;用 Hugo 重新搭建博客&lt;/a&gt;&lt;br&gt;
&lt;a class=&#34;link&#34; href=&#34;https://xrg.fj.cn/p/hugo-stack%E4%B8%BB%E9%A2%98%E6%9B%B4%E6%96%B0%E5%B0%8F%E8%AE%B0&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Hugo Stack主题更新小记&lt;/a&gt;&lt;br&gt;
&lt;a class=&#34;link&#34; href=&#34;https://tech.randomwaves.space/posts/21-12-08-make-hugo-stack-theme-links-display-in-two-columns/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;将Hugo Stack主题友情链接改为双列显示&lt;/a&gt;&lt;br&gt;
&lt;a class=&#34;link&#34; href=&#34;https://mantyke.icu/posts/2021/f9f0ec87/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Hugo | 看中 Stack 主题的归档功能，搬家并做修改&lt;/a&gt;&lt;br&gt;
&lt;a class=&#34;link&#34; href=&#34;https://gohugo.io/variables/page/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Page Variables&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>告Kafsela群友书</title>
        <link>https://exnadio.github.io/p/%E5%91%8Akafsela%E7%BE%A4%E5%8F%8B%E4%B9%A6/</link>
        <pubDate>Sat, 01 Apr 2023 11:38:55 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E5%91%8Akafsela%E7%BE%A4%E5%8F%8B%E4%B9%A6/</guid>
        <description>&lt;p&gt;亲爱的Kafsela成员们：&lt;/p&gt;
&lt;p&gt;鉴于国内外的网络实际情况，我终止自己以Kafsela群主身份进行的活动。我作出这个决定，是出于原则性的考虑的。&lt;/p&gt;
&lt;p&gt;我坚决主张Kafsela成员的独立自主，主张各种书写工具玩家拥有相同权利。但同时又主张维护Kafsela群聊内秩序的完整性。&lt;/p&gt;
&lt;p&gt;事情已沿着另外一条道路发展下去。主张群聊肢解、群聊分离的路线占了上风，这是我无法同意的。&lt;/p&gt;
&lt;p&gt;即使在巴蜀利亚和谈和和谈协议通过决定之后，我在这个问题上的立场也始终未变。&lt;/p&gt;
&lt;p&gt;此外，我确信如此重要的决定本应在Kafsela成员表达意志的基础上作出。&lt;/p&gt;
&lt;p&gt;尽管如此，我将竭尽所能，以使Kafsela群聊解体导致成员们的实际和谐，减轻、摆脱危机和改革过程的困难。&lt;/p&gt;
&lt;p&gt;我这是最后一次以群主的身份在大家面前发表演说，我认为有必要说出自己对2020年以来所走过的道路的评价。更何况这方面有不少无法自圆其说的、肤浅的、不客观的见解。&lt;/p&gt;
&lt;p&gt;命运作了这样的安排，就是我当上群主之时就已经很清楚：群聊情况不妙。我们什么都多：群员、资料和名气&amp;hellip;&amp;hellip;然而网络环境却从未如此凶险：败家、腾迅等铁拳早已是虎视眈眈：这是我们早该认识到的，但是我们没有，很遗憾。&lt;/p&gt;
&lt;p&gt;我不想赘述Kafsela的被警告与被解散，这是所有群友荣辱与共、一同经历的。在这里，我仍要想所有群友致以诚挚的、卑微的感谢。&lt;/p&gt;
&lt;p&gt;我知道对目前严重局势的不满情绪，知道对我本人活动的尖锐批评。不过我想再次强调指出：在这样严峻的、不容辩解与缓和的局势下，我的一切行为不可能在我本人的意志下、在毫无痛苦、毫无困难和动荡的情况下进行。&lt;/p&gt;
&lt;p&gt;“巴蜀利亚和谈”使总危机达到顶点。这次危机中最致命的是群聊的解体。今天我所担心的是群友们失去一个能畅聊的地方&amp;ndash;对每个人说来后果都将十分严重。&lt;/p&gt;
&lt;p&gt;但是很遗憾，作为群主，我并没有对于局势的任何掌握，这是我作为群主的全面失败。&lt;/p&gt;
&lt;p&gt;在最后的一天，我想向所有支持Kafsela、陪Kafsela走到最后的群友表示谢意。&lt;/p&gt;
&lt;p&gt;我要感谢所有为Kafsela付出的群友们，感谢所有真诚地热爱着文具的群友们，感谢所有陪伴着Kafsela自2016年一路走来的群友们，感谢所有即使在最后的时刻也从未表现出一丝恐慌、安然面对着这个遗憾事实的群友们，&lt;/p&gt;
&lt;p&gt;我离开自己的岗位时忧心忡忡。不过同时也抱有希望，我相信你们的智慧和精神力量。我们是热爱文具的人们，我们是拥有自由博爱精神的人们。如今在诸如“一流玩家玩威尔永锋，三流玩家玩日本自动铅”等文具分级言论横行的凶险环境下，伟大的Kafsela精神能否振兴，完全取决于大家，取决于我们每一个人。&lt;/p&gt;
&lt;p&gt;我想衷心感谢那些近年来与我一起坚持正义而美好的事业的Kafsela群友们。也许某些错误本来是可以避免的，许多事情可以做得更好。但是我相信我们的共同努力迟早会结出果实，Kafsela的精神必将永恒。&lt;/p&gt;
&lt;p&gt;祝大家万事如意。我们再见。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://exnadio.github.io/images/4post/230401/nidixunzong.GIF&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>随便写写之随便写写</title>
        <link>https://exnadio.github.io/p/%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E4%B9%8B%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99/</link>
        <pubDate>Sat, 21 Aug 2021 22:05:12 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E4%B9%8B%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99/</guid>
        <description>&lt;h2 id=&#34;大概你oxidane的确是死了&#34;&gt;大概你oxidane的确是死了&lt;/h2&gt;
&lt;p&gt;然而站终究还是没死，只是我摸了。&lt;/p&gt;
&lt;p&gt;最近稍微更新了一下，把缩略字数优化了一下，加了评论。不过没push到库里就是了。&lt;/p&gt;
&lt;p&gt;接近一个月后还能记得命令也着实是个奇迹。&lt;/p&gt;
&lt;p&gt;文章什么的也有在写，只是在另一个盘里（大概）。&lt;/p&gt;
&lt;p&gt;这个博客我打算放些其他的东西，文具之类就放在叔叔那好了，反正博客没人看，可以为所欲为。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;大概会有哪里的粉板上记着我还欠篇文章罢。&lt;/p&gt;
&lt;/blockquote&gt;
</description>
        </item>
        <item>
        <title>随便写写</title>
        <link>https://exnadio.github.io/p/%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99/</link>
        <pubDate>Mon, 26 Jul 2021 13:06:57 +0800</pubDate>
        
        <guid>https://exnadio.github.io/p/%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99/</guid>
        <description>&lt;p&gt;搞鼓了两天，终于把这个博客搞得像样了一点。虽然说不是什么“文人雅士”，但是还是写点什么东西，纪念一下。没什么行文思路，纯粹胡扯。&lt;/p&gt;
&lt;h2 id=&#34;梦开始的地方&#34;&gt;梦开始的地方&lt;/h2&gt;
&lt;p&gt;其实这个博客很早就存在了，大概是19年左右吧。我记得是孙伯赫最初开始整博客的时候，我也跟着建了一个。非常简陋，只有一个Hello world界面。然后我就晾着不管了。&lt;img src=&#34;https://exnadio.github.io/images/4post/230401/zouxian.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;mole&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;不过最近莫名地感兴趣，于是决定进行一个网站的翻新，让它变得更像一个博客。&lt;/p&gt;
&lt;h2 id=&#34;过程&#34;&gt;过程&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;梦好做，屎难吃。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;最后选择了使用Hugo来翻新。在此感谢土豆的&lt;a class=&#34;link&#34; href=&#34;https://zhajiman.github.io/post/rebuild_blog/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;教程&lt;/a&gt;，帮大忙了。&lt;/p&gt;
&lt;p&gt;Hugo的配置其实很简单，随着教程走，简直就像过大清早的马路一样简单。而且很好用，是好文明。&lt;/p&gt;
&lt;p&gt;但是我完全没学过这些玩意，实在是技术苦手，还是碰了很多壁。&lt;/p&gt;
&lt;p&gt;最大的问题来自于我选择的Eureka主题，虽说有详细的&lt;a class=&#34;link&#34; href=&#34;https://www.wangchucheng.com/zh/docs/hugo-eureka/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;教程&lt;/a&gt;，可是有些时候我按教程上所说的做了，却没有效果。比如这个网站的icon，在教程里说是可以自定义的，然而实际上当我在config文件里修改的时候就会疯狂报错，最后只能替换掉主题里自带的图片草草了事（It just worked）。&lt;/p&gt;
&lt;p&gt;还有很多莫名其妙的问题，可我完全不知道到底发生了什么，只能一点一点的摸索，往往要花费几个小时（在网上还搜不到解决方案，简直就是折磨）。感觉就是全麻，只会一个Ctrl+C和Ctrl+V，而且还会再附加上我自己的一堆错误，比如说不小心把cmd关掉，一切又得重头开始。&lt;/p&gt;
&lt;p&gt;甚至就在写这篇文章的时候，又出现了奇怪的问题，导致我又花费了几个小时。&lt;img src=&#34;https://exnadio.github.io/images/4post/230401/Failed.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Error&#34;
	
	
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;不知道是什么意思&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;本来打算删库跑路，不过还是坚持下来了。现在想来，妈妈的。&lt;img src=&#34;https://exnadio.github.io/images/4post/230401/angry.gif&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;mamade&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;好在&lt;strong&gt;看起来&lt;/strong&gt;一切都好起来了，结果好一切都好嘛。&lt;/p&gt;
&lt;p&gt;不过评论区功能我还没加，估计又得搞好久。&lt;/p&gt;
&lt;p&gt;其实也不是没考虑过完全的建站，但是那方面我也是完全不懂，而且这个博客能不能Last for long也是个问题，所以先用Github Pages试试水。&lt;/p&gt;
&lt;p&gt;不过Github Pages其实也有很多的问题，由于某些众所周知的原因这玩意时而能上，时而不能上。但是也就不挑三拣四了&lt;/p&gt;
&lt;h2 id=&#34;最后&#34;&gt;最后&lt;/h2&gt;
&lt;p&gt;希望这个博客能比Telegram频道活得长吧（笑）。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>归档</title>
        <link>https://exnadio.github.io/archives/</link>
        <pubDate>Tue, 28 May 2019 00:00:00 +0000</pubDate>
        
        <guid>https://exnadio.github.io/archives/</guid>
        <description></description>
        </item>
        <item>
        <title>关于</title>
        <link>https://exnadio.github.io/%E5%85%B3%E4%BA%8E/</link>
        <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
        
        <guid>https://exnadio.github.io/%E5%85%B3%E4%BA%8E/</guid>
        <description>&lt;img src="https://exnadio.github.io/images/4featureimg/zhongju.png" alt="Featured image of post 关于" /&gt;</description>
        </item>
        <item>
        <title>搜索</title>
        <link>https://exnadio.github.io/search/</link>
        <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
        
        <guid>https://exnadio.github.io/search/</guid>
        <description></description>
        </item>
        <item>
        <title>友情链接</title>
        <link>https://exnadio.github.io/%E5%8F%8B%E6%83%85%E9%93%BE%E6%8E%A5/</link>
        <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
        
        <guid>https://exnadio.github.io/%E5%8F%8B%E6%83%85%E9%93%BE%E6%8E%A5/</guid>
        <description>&lt;p&gt;链接吧大概&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
