样式修改

- 为标题元素左侧添加小竖条； - 修复了左侧栏底部操作按钮没有高亮的问题； - 修复了引用块字体过大的问题。
2026-08-30 16:18:48 +08:00
parent 2aa74bc6ab
commit 10fbbe313f
17 changed files with 136 additions and 141 deletions
@@ -78,8 +78,8 @@ const { overlay = false } = Astro.props;
    {sidebarToolbarItems.map((item) => (
       <div class="static flex items-center" data-toolbar-item={item.type} data-toolbar-name={item.name}>
        {item.type === 'settings' && <ThemeSwitcher placement="up" />}
-        {item.type === 'link' && <a class="grid size-[2.5rem] shrink-0 place-items-center text-foreground no-underline hover:bg-raised" href={item.href} target={item.external ? '_blank' : undefined} rel={item.external ? 'noreferrer' : undefined} aria-label={item.name} title={item.name}><ToolbarIcon icon={item.icon} /><span class="sr-only">{item.name}</span></a>}
-        {item.type === 'rss' && <button class="relative grid size-[2.5rem] shrink-0 cursor-pointer place-items-center border-0 bg-transparent p-0 text-foreground hover:bg-raised" type="button" aria-label={item.name} title={item.name} data-rss-copy data-rss-url={item.href}><span class="grid place-items-center leading-none" data-rss-default-icon><ToolbarIcon icon={item.icon} /></span><Check class="hidden" aria-hidden="true" size="1em" data-rss-success-icon /><span class="pointer-events-none absolute bottom-[calc(100%+0.5rem)] left-1/2 hidden -translate-x-1/2 whitespace-nowrap rounded-[4px] bg-foreground px-2 py-1 text-xs text-page shadow-mirages" role="status" data-rss-feedback>已复制</span><span class="sr-only">{item.name}</span></button>}
+        {item.type === 'link' && <a class="grid size-[2.5rem] shrink-0 place-items-center rounded-[4px] text-foreground no-underline transition-colors duration-150 hover:bg-mirages-accent/10 hover:text-mirages-accent" href={item.href} target={item.external ? '_blank' : undefined} rel={item.external ? 'noreferrer' : undefined} aria-label={item.name} title={item.name}><ToolbarIcon icon={item.icon} /><span class="sr-only">{item.name}</span></a>}
+        {item.type === 'rss' && <button class="relative grid size-[2.5rem] shrink-0 cursor-pointer place-items-center rounded-[4px] border-0 bg-transparent p-0 text-foreground transition-colors duration-150 hover:bg-mirages-accent/10 hover:text-mirages-accent" type="button" aria-label={item.name} title={item.name} data-rss-copy data-rss-url={item.href}><span class="grid place-items-center leading-none" data-rss-default-icon><ToolbarIcon icon={item.icon} /></span><Check class="hidden" aria-hidden="true" size="1em" data-rss-success-icon /><span class="pointer-events-none absolute bottom-[calc(100%+0.5rem)] left-1/2 hidden -translate-x-1/2 whitespace-nowrap rounded-[4px] bg-foreground px-2 py-1 text-xs text-page shadow-mirages" role="status" data-rss-feedback>已复制</span><span class="sr-only">{item.name}</span></button>}
      </div>
    ))}
  </div>
@@ -176,6 +176,16 @@ const { overlay = false } = Astro.props;
    background: color-mix(in srgb, currentColor 16%, transparent);
  }

+  [data-sidebar-toolbar] [data-toolbar-item] > details > summary {
+    border-radius: var(--radius-sm);
+    transition: background-color var(--transition-fast), color var(--transition-fast);
+  }
+
+  [data-sidebar-toolbar] [data-toolbar-item] > details > summary:is(:hover, :focus-visible) {
+    background-color: color-mix(in srgb, var(--color-accent) 10%, transparent);
+    color: var(--color-accent);
+  }
+
  .navbar-over-banner [data-navbar-tools] .navbar-search-container > .search-form {
    border-color: color-mix(in srgb, var(--color-text) 50%, transparent);
    background: color-mix(in srgb, var(--color-bg) 92%, transparent);
@@ -11,9 +11,7 @@ comments: true
 webmention: true
 ---

-<!-- wp:heading -->
-<h2 class="wp-block-heading">前言</h2>
-<!-- /wp:heading -->
+## 前言

 <!-- wp:paragraph -->
 <p>大家好，我是路明。在文章开始之前，我想先问大家一个问题：在座的各位有多少是使用Windows11的呢？</p>
@@ -57,9 +55,7 @@ webmention: true
 <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113083009056354.webp" /></figure>
 <!-- /wp:image -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">简要介绍</h2>
-<!-- /wp:heading -->
+## 简要介绍

 <!-- wp:paragraph -->
 <p>Tiny11是一个在国外拥有很好口碑的Windows11镜像，它在系统组件方面做了极大的精简，使其在安装后占用C盘空间≤9GB（原版≥20GB）。</p>
@@ -73,9 +69,7 @@ webmention: true
 <p>据说，Tiny11的最低硬件要求是2GB的RAM+8GB的ROM，可以说是让任何计算机都能安装体验Windows11了。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">系统功能</h2>
-<!-- /wp:heading -->
+## 系统功能

 <!-- wp:paragraph -->
 <p>Tiny11和Windows11基本相同，删除了原版Windows11的诸多非核心组件（包括Microsoft Edge，但可以在Microsoft Store下载回来），但保留了Microsoft Store，方便用户下载其它Microsoft应用。</p>
@@ -135,9 +129,7 @@ webmention: true
 <p>如果你只是想要一个精简版系统，也可以下载Tiny11并安装。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">下载地址（来自异次元）</h2>
-<!-- /wp:heading -->
+## 下载地址（来自异次元）

 <!-- wp:paragraph -->
 <p>阿里云盘：<a href="https://www.aliyundrive.com/s/JeDiTyWoHcV" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://www.aliyundrive.com/s/JeDiTyWoHcV">https://www.aliyundrive.com/s/JeDiTyWoHcV</a></p>
@@ -11,9 +11,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。想必大家都用过Microsoft Edge吧，现在的Microsoft Edge的新标签页和侧边栏几乎处处都是广告。接下来小编教大家如何快速优化自己的Microsoft Edge。
-<h2>优化</h2>
+## 优化
 先来看看优化前的Microsoft Edge。
 <div class="wp-block-image">
 <figure class="aligncenter size-large">
@@ -50,5 +50,5 @@ webmention: true
 <figure class="wp-block-image size-large">
 <div class="fancybox-wrapper" data-fancybox="post-images"><img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113084209312200.webp" /></div></figure>
 今天的这个小技巧你学会了吗？
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见。
@@ -10,9 +10,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。看到本文的标题，你可能会疑惑：Synaptics不是和笔记本电脑触摸板有关的吗？怎么变成蠕虫病毒了？接下来就由我来给大家科普下何为Synaptics蠕虫病毒以及如何正确预防。
-<h2>简介</h2>
+## 简介
 Synaptics原为一种触控板驱动程序，但是也有一种与其同名的Synaptics，它是一种新型木马病毒，这种病毒具有很强的传播性，可以通过Excel宏来实现，也可以通过修改exe程序数据段来实现。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113085420532284.webp" />
@@ -20,7 +20,7 @@ Synaptics原为一种触控板驱动程序，但是也有一种与其同名的Sy
 当用户的exe程序感染Synaptics后，其首先会将自身复制到程序所在目录中，再将原程序的内容复制到自身资源段内，再复制程序图标，当用户运行被感染的文件时，Synaptics会自动释放名为“._cache_Filename.exe”的可执行文件并运行，不会影响到原程序的功能，使得用户很难直接发现Synaptics的感染。感染Synaptics后，它会通过注册表写入开机启动项，并且在后台时时刻刻消耗你的CPU，监听用户的USB设备，当用户插入USB设备后，Synaptics会立刻感染USB设备内的*.exe和*.xlsx文件，并通过写入Autorun.inf的方法来实现当用户双击USB设备时自动运行。

 当用户的xlsx表格感染Synaptics后，会读取并复制xlsx文件内容，接着会与病毒文件中的资源段.xlsm合并为新的*.xlsm文件，最后替换正常文件。xlsm资源会自动启用所有宏，当用户打开文档时，无需确认就会自动执行宏。
-<h2 id="header-id-2" class="wp-block-heading">如何辨别</h2>
+## 如何辨别
 辨别Synaptics也是一件不算很难的事。大家只需进入操作系统中的“文件夹选项”，将“隐藏受保护的操作系统文件”取消选中，并将“显示隐藏的文件、文件夹和驱动器”选中，点击“确定”即可。

 接下来，进入“桌面”、“我的文档”、“下载”这三个文件夹，在里面寻找一些被隐藏的开头前缀为“._cache_”的可执行文件以及表格文件，如果没有，就右键空白处→显示→超大图标，这时候，被感染的文件就很容易露出鸡脚了（喜）。
@@ -30,9 +30,9 @@ Synaptics原为一种触控板驱动程序，但是也有一种与其同名的Sy
 如果有小伙伴要问了：我的“桌面”、“我的文档”、“下载”文件夹内并没有exe文件怎么办？

 小编：……没事，你进入C:\ProgramData\Synaptics目录，看里面有没有Synaptics.exe，如果有的话就是了，没有的话就不是了。。
-<h2>解毒</h2>
+## 解毒
 这里我来给大家分享一个由吾爱破解大佬开发的Synaptics文件恢复工具，可以进行全盘扫描并恢复。

 下载链接：<a href="https://loverain.lanzoul.com/iFrtr12qamre" target="_blank" rel="noreferrer noopener">https://loverain.lanzoul.com/iFrtr12qamre</a>
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见！
@@ -10,11 +10,11 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。上周，我的U盘莫名出现了问题，原本的文件系统为exFAT，在Windows中突然变成了FAT32，并且名称变成了全无规律的乱码文本，打开后是一堆乱码的文件夹及文件，创建日期有的是1980年，有的是2089年，并且无法打开。

 我尝试了许多数据恢复的方法（包括但不限于7-Data数据恢复、Windows自带扫描坏扇区等），均无作用，最后利用DiskGenius成功找回丢失分区并完美挽救文件，接下来就由我来教大家如何利用DiskGenius解决。
-<h2>解决方法</h2>
+## 解决方法
 首先，需要准备好一个DiskGenius专业版（破解版可以使用专业版功能即可，无需购买），打开它。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113090852938747.webp" />
@@ -46,7 +46,7 @@ webmention: true
 恢复时间取决于文件体积，恢复完成后可将U盘格式化继续使用。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113091959003921.webp" />
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见！

 &nbsp;
@@ -10,19 +10,19 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。本期文章由我来向大家介绍一下Notepad--这款软件。
-<h2>何为Notepad++</h2>
+## 何为Notepad++
 Notepad++是一款比较流行的记事本工具，其具有轻量的特点，非常适合做轻量文本工作。

 但是Notepad++的作者是一名不折不扣的台独分子，曾经多次在官网内发表涉政言论，并打算在未来的Notepad++版本中加入恶意代码。
-<h2>何为Notepad--</h2>
+## 何为Notepad--
 它是一款由中国人使用C++编写的文本编辑器，可以兼容Windows/Linux/macOS全平台。其目标是替换掉Notepad++，注重于在国产操作系统&amp;macOS上发展。

 对比Notepad++，Notepad--可以跨平台，这使得更多领域的用户能够享受到轻量级的文本编辑服务。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113093027830423.webp" />
-<h2>下载地址</h2>
+## 下载地址
 [c-downbtn type="123" url="https://www.123pan.com/s/Y5Nvjv-NzH8d.html" pwd=""]123云盘下载[/c-downbtn]
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见！
@@ -11,12 +11,12 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。本期文章，我想和大家聊聊Puock主题的美化方法。

 Puock主题是一款基于WordPress开发的高颜值的自适应主题，支持白天与黑夜模式、无刷新加载等功能。本文将尽可能详尽地对Puock主题美化步骤进行介绍。
 本文涉及的一切操作均以<a href="https://loneliness.chgskj.cn/" target="_blank" rel="noopener">沙雕笔记</a>为演示，特此感谢网友沙雕搞电脑的贡献！（沙雕笔记，原名Loneliness博客，采用Puock主题，后续变更为了Argon主题。）
-<h2>准备工作</h2>
+## 准备工作
 你<strong>需要准备</strong>的有：
 <ul>
 	<li>一个安装了WordPress<strong>6.2.2</strong>及<strong>更新版本</strong>，且能够<strong>正常访问主页和后台</strong>的网站</li>
@@ -24,10 +24,10 @@ Puock主题是一款基于WordPress开发的高颜值的自适应主题，支持
 	<li>一台可以正常使用的<strong>Windows/Linux PC</strong>或<strong>Mac</strong>（<s>哪怕是<strong>树莓派</strong>都行</s>）</li>
 	<li>一颗热爱折腾的心</li>
 </ul>
-<h2>开始操作</h2>
-<h3>登录到网站后台</h3>
+## 开始操作
+### 登录到网站后台
 在浏览器地址框内输入<code>https://你的网站地址/wp-admin/</code> ，回车进入，输入您的管理员账号和密码，登录即可。
-<h3>安装Puock主题包</h3>
+### 安装Puock主题包
 登录后台后，在左侧栏菜单中找到“外观”按钮，将鼠标停留在上方，点击悬浮菜单中的“主题”按钮（移动端只需点击外观→主题即可）。在主题页面中点击“安装主题”→“上传主题”，选择下载好的主题包文件，上传并安装即可。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113112820066696.webp" />
@@ -37,7 +37,7 @@ Puock主题是一款基于WordPress开发的高颜值的自适应主题，支持
 安装可能会花费一些时间，耐心等待即可。直到提示安装完毕后，点击“立即启用”即可启用Puock主题。

 启用Puock主题后，我们可以在网站后台左侧栏靠下部分找到“Puock主题配置”选项卡，这是<strong>Puock主题</strong>的控制面板，后续所用到的大多数功能会在此调试。
-<h3 id="header-id-5" class="wp-block-heading">菜单栏标题美化</h3>
+### 菜单栏标题美化
 Puock主题内置了部分<a href="http://fontawesome.p2hp.com/faicons.html" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="http://fontawesome.p2hp.com/faicons.html">Font Awesome</a>图标库，因此我们可以直接在菜单栏中调用该图标库进行美化（如下方代码）。
 <pre class="corepress-code-pre"><code>&lt;i class="fa fa-home" aria-hidden="true"&gt;&lt;/i&gt; 首页</code></pre>
 进入网站后台→“外观”选项卡→“菜单”选项卡，选择显示在导航栏的菜单（主要菜单），如该博主的博客所示，有许许多多菜单项（如图）
@@ -61,7 +61,7 @@ Puock主题内置了部分<a href="http://fontawesome.p2hp.com/faicons.html" tar
 美化完成后，您的博客菜单应该就能实现以下效果（如图）：

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113113630282994.webp" />
-<h3 id="header-id-6" class="wp-block-heading">自定义您的Cravatar头像</h3>
+### 自定义您的Cravatar头像
 WordPress通常会使用Gravatar中您邮箱账户的头像作为您的头像，但是在中国大陆地区无法访问Gravatar，因此国内志愿者制作了Gravatar的镜像网站——Cravatar，而您可以进入<a href="https://www.cravatar.cn/" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://gravatar.cn/">Cravatar官网</a>来修改您的头像。

 但是如何更改WordPress的默认头像地址为Cravatar呢？这时就需要一款插件来解决这个难题了——它就是<a href="https://www.lovestu.com/wpopt.html" target="_blank" rel="noopener">WPOPT</a>。
@@ -71,13 +71,13 @@ WordPress通常会使用Gravatar中您邮箱账户的头像作为您的头像，
 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113114101442552.webp" />

 如图，在“优化加速”栏目中，点击“gravatar.cn”即可。（此处作者估计是标错了，这个选项实际是通往cravatar.cn的）。
-<h3 id="header-id-7" class="wp-block-heading">侧边栏加入Puock自带小组件</h3>
+### 侧边栏加入Puock自带小组件
 Puock其实自带了一些小组件，如“作者信息”、“搜索框”、“一言一句话”、“热门文章”、“最新文章”、“读者墙”等。

 进入网站后台→“外观”选项卡→“小工具”选项卡（如图）即可对不同位置的侧边栏小组件进行添加和管理。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113114223842623.webp" />
-<h4 id="header-id-8" class="wp-block-heading">作者信息</h4>
+#### 作者信息
 在一个位置中（如“通用 - 侧边栏”）空白处点击加号，会弹出选择小组件的窗口。点击“浏览全部”按钮，下翻在“小工具”一栏中即可看到“Puock主题 关于博主”小组件，点击它，即可添加到该区域。

 接下来可以对博主信息进行一些修改。（如图）
@@ -97,11 +97,11 @@ Puock其实自带了一些小组件，如“作者信息”、“搜索框”、
 简单修改后效果如下

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113114322767193.webp" />
-<h4 id="header-id-9" class="wp-block-heading">其它小组件</h4>
+#### 其它小组件
 其它诸如“一言一句话”、“搜索框”、“热门文章”、“最新文章”等的小组件，只需要修改图标即可，其它可根据个人喜好进行修改。
-<h3 id="header-id-10" class="wp-block-heading">侧边栏加入扩展小组件</h3>
+### 侧边栏加入扩展小组件
 [c-alert type="success"]本栏目部分内容摘录自https://www.zibll.com/forum-post/8927.html，，若侵犯了您的权益请联系博主进行删除！[/c-alert]
-<h4 id="header-id-11" class="wp-block-heading">简单的小模块</h4>
+#### 简单的小模块
 该方法可以实现一个简单的按钮跳转链接效果，如以下所示。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113114605756906.webp" />
@@ -115,7 +115,7 @@ Puock其实自带了一些小组件，如“作者信息”、“搜索框”、
 .ads{display:block; padding:40px 15px; text-align:center; color:#fff!important; background:#ff5719; background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9); background-image:linear-gradient(135deg,#bbafe7,#5368d9)}.ads h4{margin:0; font-size:22px; font-weight:bold}.ads h5{margin:10px 0 0; font-size:14px; font-weight:bold}.ads.ads-btn{margin-top:20px; font-weight:bold}.ads.ads-btn:hover{color:#ff5719}.ads-btn{display:inline-block; font-weight:normal; margin-top:10px; color:#666; text-align:center; vertical-align:top; user-select:none; border:none; padding:0 36px; line-height:38px; font-size:14px; border-radius:10px; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}.ads-btn:hover,.btn:focus,.btn.focus{outline:0; text-decoration:none}.ads-btn:active,.btn.active{outline:0; box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ads-btn-outline{line-height:36px; color:#fff; background-color:transparent; border:1px solid#fff}.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c; background-color:#fff}
 &lt;/style&gt;</code></pre>
 [c-alert type="warning"]内容仅供参考，具体组件标题和跳转到的地址可自行修改。[/c-alert]
-<h4 id="header-id-14" class="wp-block-heading">跑马灯滚动公告栏</h4>
+#### 跑马灯滚动公告栏
 该方法可以实现一个彩色跑马灯滚动公告栏效果，如以下所示。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240113114707332210.webp" />
@@ -130,9 +130,9 @@ Puock其实自带了一些小组件，如“作者信息”、“搜索框”、
        &lt;b id="nr"&gt;欢迎来到XX博客&lt;/b&gt; &lt;/marquee&gt;
    &lt;/div&gt;</code></pre>
 [c-alert type="warning"]内容仅供参考，具体公告内容可自行修改。[/c-alert]
-<h3 id="header-id-15" class="wp-block-heading">界面简单美化</h3>
+### 界面简单美化
 [c-alert type="success"]本栏目内容摘录自<a href="https://blognas.hwb0307.com/linux/docker/744" target="_blank" rel="noopener">Bensz</a>及<a href="https://www.zibll.com/forum-post/8927.html" target="_blank" rel="noopener">Zibll社区</a>，若侵犯了您的权益请联系博主进行删除！[/c-alert]
-<h4 id="header-id-16" class="wp-block-heading">鼠标移动特效-影相随</h4>
+#### 鼠标移动特效-影相随
 依次进入控制台→外观→主题文件编辑器，在右方文件列表中找到“主题页脚（footer.php）”，点击打开，在该文件内容的最后一个&lt;/body&gt;前插入以下代码即可。
 <pre class="corepress-code-pre"><code>&lt;!--鼠标样式：两个同心圆，大圆追小圆--&gt;
 &lt;style type="text/css"&gt;
@@ -145,7 +145,7 @@ Puock其实自带了一些小组件，如“作者信息”、“搜索框”、
 &lt;script src="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/cursor_01.js"&gt;&lt;/script&gt;
 &lt;!--鼠标样式结束--&gt;</code></pre>
 修改完毕后，保存主题配置文件即可。
-<h4 id="header-id-17" class="wp-block-heading">界面圆角化</h4>
+#### 界面圆角化
 依次进入Puock主题配置→脚本及样式→头部自定义全局CSS样式，在框内输入以下代码
 <pre class="corepress-code-pre"><code>.p-block,.widget,.input-group {border-radius: 20px;}
 .widget-puock-author .header {
@@ -157,13 +157,13 @@ border-top-right-radius: 20px;
 .wight{filter: blur(1px);
 } </code></pre>
 接着，保存配置文件，您的网站就由小圆角风格转变为大圆角风格了。
-<h4 id="header-id-18" class="wp-block-heading">头像呼吸光环和鼠标悬停旋转放大</h4>
+#### 头像呼吸光环和鼠标悬停旋转放大
 依次进入Puock主题配置→脚本及样式→头部自定义全局CSS样式，在框内输入以下代码
 <pre class="corepress-code-pre"><code>/*头像呼吸光环和鼠标悬停旋转放大开始*/
 .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
 /*头像呼吸光环和鼠标悬停旋转放大结束*/</code></pre>
 接着，保存配置文件，若您的侧边栏添加了“作者信息”模块，则您的头像会被添加呼吸光环效果，并且当鼠标悬停时，您的头像会旋转并放大；鼠标移走时，您的头像会反方向旋转并复原。
-<h4 id="header-id-19" class="wp-block-heading">底部备案号等信息美化</h4>
+#### 底部备案号等信息美化
 依次进入Puock主题配置→脚本及样式→底部页脚信息，在框内输入以下代码
 <pre class="corepress-code-pre"><code>&lt;style&gt;
 /* 核心样式 */
@@ -257,5 +257,5 @@ background-color: #99a5cd !important;
        &lt;/span&gt;
 &lt;br&gt;</code></pre>
 内容可根据自身情况进行修改。修改完毕后，保存配置文件即可。
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见！
@@ -12,9 +12,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。这篇文章，我们来聊聊Windows电脑提升运行效率的方法。
-<h2>情景引入</h2>
+## 情景引入
 小A是一名在校大学生，一日，他在实体店购买了一台4核心8线程、8GB内存的笔记本电脑。

 他在实体店体验展示机的时候，发现展示机充分展示出了其卓越的性能，但是当他把实体机带回家后，发现卡得和老爷机一样，和自己在实体店体验过的机子完全不是一个样子。
@@ -22,7 +22,7 @@ webmention: true
 他开始在网上下载各种硬件配置检测工具，试图揭开这家“黑心商家”的虚伪面具，但奇怪的是，经过小A的苦苦检测，依然没有发现任何只因脚，这台电脑的配置和售出时标出的配置一模一样，丝毫没有作假的痕迹。

 小A很苦恼，认为自己真是个foolish
-<h2>计算机为什么会在使用过程中逐渐卡顿？</h2>
+## 计算机为什么会在使用过程中逐渐卡顿？
 计算机在使用过程中会逐渐变卡顿，这属于正常现象。常见的造成此结果的原因有以下几个：
 <ul>
 	<li>长期未清理系统缓存</li>
@@ -36,8 +36,8 @@ webmention: true
 	<li>机器操作系统未进行正确的设置</li>
 </ul>
 接下来，小编将针对这些问题给出一系列对应解决方案。
-<h2>解决方案</h2>
-<h3>改变对CPU核心数的设定</h3>
+## 解决方案
+### 改变对CPU核心数的设定
 首先，在电脑正常运行时，同时按下Windows徽标键（简称为“Win键”）+字母R键（简称为“R键”），调出运行窗口

 <img class="alignnone" src="https://luming-website.chgskj.cn/luming-notes/2023/12/20231231080850537488.webp" width="349" height="204" />
@@ -49,7 +49,7 @@ webmention: true
 在此处，可以看到处理器个数及最大内存被限制了，我们只需将两选项都更改为最大值即可。

 但是，上述这种情况出现的概率微乎其微，可能不会帮到大家太多，所以我们看下一种方法。
-<h3>开启卓越性能模式</h3>
+### 开启卓越性能模式
 懂计算机的小伙伴应该都知道，在电脑的控制面板→电源选项内，有着不同种类的电源选项。有平衡、省电、高性能模式。但是，对于追求性能的小伙伴，这些模式肯定是不能满足自己的。其实，在Windows中还有一种“卓越性能”模式，可以最大化发挥电脑的硬件性能。接下来我们就来打开它。

 首先，以管理员身份运行命令提示符（“cmd.exe”）
@@ -67,5 +67,5 @@ webmention: true
 直接点击启用它，就可以享受电脑的卓越性能了。

 <img src="https://luming-website.chgskj.cn/luming-notes/2023/12/20231231082138541843.webp" />
-<h2>小结</h2>
+## 小结
 本期文章主要介绍了优化电脑运行性能的各种方法。这期文章就到这里了，我是路明，我们下期再见。
@@ -10,9 +10,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。这期文章我想和大家浅谈一下 在Windows下，批处理文件中%0|%0命令的意义。
-<h2>%0|%0运行的效果</h2>
+## %0|%0运行的效果
 提起%0|%0运行后的效果，相比懂点电脑的小伙伴都会或多或少地在网络上发现过诸如“只有5个字符就能卡爆你的电脑！快拿来整蛊你的朋友！”之类的文章，那么它的效果可想而知了：

 [zd-plane title="虚拟场景"]你双击点开了内容为%0|%0的批处理文件
@@ -36,7 +36,7 @@ webmention: true
 2.趁着电脑还没有卡死，注销电脑[/zd-plane]

 如果上述方法都没有解决的话，那就只能关机喽§(*￣▽￣*)§
-<h2>原理</h2>
+## 原理
 好了，不小心扯了那么多，接下来和大家分享一下这个批处理文件的原理。

 首先，%0   在批处理文件中代表<span style="color: #ff0000;"><strong>批处理文件本身</strong></span>，即如果运行%0，命令行会再次运行这个批处理文件。
@@ -48,9 +48,9 @@ webmention: true
 <strong>执行这个批处理文件本身，如果执行失败，那么依然执行这个批处理文件本身。</strong>

 可以把整个过程理解为图形化编程中的<span style="color: #ff0000;"><strong>永远循环</strong></span>，即永远执行这个批处理文件本身，永不停止。
-<h2>同理程序分享</h2>
+## 同理程序分享
 在Windows命令行（cmd）中，有一些代码可以同样实现类似于%0|%0的效果。
-<h3>程序1</h3>
+### 程序1
 <pre class="corepress-code-pre"><code>start cmd
 %0</code></pre>
 分析：根据代码可直观地看到，第一行代码中“start”是“启动”的意思，“cmd”即Windows中的命令行主程序（cmd.exe）。“%0”则为前文中提到的，重复再执行一遍该批处理文件。
@@ -58,7 +58,7 @@ webmention: true
 当批处理文件再次执行自身的时候，依然会再次运行自身，达成无限循环的效果。

 不过，该方法的效果直观可见，运行后，屏幕上会<strong><span style="color: #ff0000;">快速出现一堆命令行窗口</span></strong>，同样会造成卡慢，死机的效果，当然也是可以通过前文提到的解决方法来解决的。
-<h3>程序2</h3>
+### 程序2
 <pre class="corepress-code-pre"><code>:start
 start cmd
 goto start</code></pre>
@@ -70,5 +70,5 @@ goto start</code></pre>
 	<li><code>start cmd</code> - 这行命令尝试启动一个新的命令提示符窗口。但是，实际上这里有一个小错误。<code>start</code>是一个命令，后面应该直接跟参数（这里是<code>cmd</code>），而不是应该有空格。正确的写法应该是<code>start cmd</code>。</li>
 	<li><code>goto start</code> - 这是一个跳转命令。它会将脚本的控制权跳转到名为“start”的标签处，从而形成一个无限循环。这意味着一旦脚本开始执行，它会不断地启动新的命令提示符窗口，直到用户手动停止脚本的执行。<code></code></li>
 </ol>
-<h2>结束语</h2>
+## 结束语
 本期文章的分享就到这里了，我是路明，我们下期文章再见！
@@ -11,9 +11,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。这篇文章，我们来聊聊如何给自己的博客引用FontAwesome图标库。
-<h2>用途</h2>
+## 用途
 图标库是用来装饰博客元素的一种渠道，而FontAwesome图标库则是一款比较成熟的图标库，拥有的图标数量很多，能够满足绝大部分用户的需求。

 要在WordPress博客中引用FontAwesome图标库，前提条件是您的WordPress主题内置了图标库，否则引用图标库是无效的。常见的具有FontAwesome图表库的主题有：Argon、CorePress（标准版）、Puock等。
@@ -27,7 +27,7 @@ webmention: true
 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240114001246210644.webp" />

 可以非常直观地发现，加入图标后的菜单项显得更加灵动且自然，使访客可以更直观地理解菜单项的内容。那么如何引用图标库呢？
-<h2>引用</h2>
+## 引用
 使用<code>&lt;i class="fa fa-图标名称" aria-hidden="true"&gt;&lt;/i&gt;</code> 即可引用。例如我要引用<img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240114001857355129.webp" />这个图标，则需要输入<code>&lt;i class="fa fa-home" aria-hidden="true"&gt;&lt;/i&gt;</code> 这段代码。

 <img src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240114001951163460.webp" />
@@ -35,5 +35,5 @@ webmention: true
 若要在博客的菜单项内引用图标库，只需要在项目标题前加入对应的图标代码即可。

 要快速地查阅FontAwesome图标内容，可前往<a href="https://fontawesome.p2hp.com/" target="_blank" rel="noopener">FontAwesome中文网</a>查询并自行添加。
-<h2>结束语</h2>
+## 结束语
 本期文章就到这里啦，我是路明，我们下期再见！
@@ -12,9 +12,9 @@ comments: true
 webmention: true
 ---

-<h3>前言</h3>
+### 前言
 众所不周知，蓝屏工作室在2022年11月开发出了蓝屏工具箱的第一个版本。其中很多功能都是在凑数，但是里面有个“清理系统缓存”脚本是工作室成员共同研发出来的，并且效果十分优秀。今天在翻文件的时候无意间发现了，就拿出来给大家分享一下。
-<h3>代码</h3>
+### 代码
 <pre class="corepress-code-pre"><code>@echo off
 echo ■■■■■■■创峄信息科技■■■■■■■
 echo ■■本脚本由创峄信息科技提供技术支持■■
@@ -76,5 +76,5 @@ echo ■■■您可以继续翻看清理记录，或退出■■
 echo ■■■■■■■创峄信息科技■■■■■■■
 pause
 exit</code></pre>
-<h3> 食用方法</h3>
+### 食用方法
 将以上代码复制，并在Windows系统下新建一个文本文档，打开后将代码粘贴进去，再将该文本文档的后缀名更改为.bat，最后右键以管理员身份运行即可。
@@ -10,13 +10,13 @@ comments: true
 webmention: true
 ---

-<h3>前言</h3>
+### 前言
 大家好，我是路明。今天，我们一起来用C++来解决一个数学问题。
-<h3>问题</h3>
+### 问题
 问题如下：

 <img class="aligncenter" src="https://luming-website.chgskj.cn/luming-notes/2024/01/20240130082746169560.webp" />
-<h3>初步解决</h3>
+### 初步解决
 由题可知，题目要求用户输入圆的半径至程序，接下来在程序内部进行运算，最后输出圆的直径、周长和面积。

 根据圆的计算公式，可知：
@@ -26,7 +26,7 @@ s=πr²d</code></pre>
 有了这些公式，解决这个问题也就易如反掌了。

 &nbsp;
-<h3>代码编写</h3>
+### 代码编写
 在本程序中，需要用到C++中<code>iostream</code> 、<code>iomanip</code> 、<code>cstdio</code> 等头文件，因此我们在程序头部输入以下代码：
 <pre class="corepress-code-pre"><code>#include&lt;iostream&gt;
 #include&lt;iomanip&gt;
@@ -68,9 +68,9 @@ printf()命令的参数是用“，”分隔开的。其中第一个参数代表
 %0.4f的意思是保留四位小数后输出。

 在程序的末尾，请一定不要忘记编写<code>return 0;</code> ！
-<h3>调试运行程序</h3>
+### 调试运行程序
 [video width="1366" height="768" webm="http://virelyx.com/wp-content/uploads/2024/01/20240130092216116744.webm"][/video]
-<h3>源代码</h3>
+### 源代码
 <pre class="corepress-code-pre"><code>#include &lt;iostream&gt;
 #include&lt;iomanip&gt;
 #include&lt;cstdio&gt;
@@ -14,16 +14,16 @@ webmention: true
 ---

 就在刚刚，2024年的大年初一，我们蓝屏工具箱开发团队正式且自豪地向大家宣布：蓝屏工具箱4.0的正式版本，今天，发布了！今天，请允许我以蓝屏工具箱开发团队的身份来向大家介绍蓝屏工具箱这款软件。
-<h3>蓝屏工具箱是什么？</h3>
+### 蓝屏工具箱是什么？
 <section>蓝屏工具箱是蓝屏科技在2022年11月立项的一款系统工具箱软件，在2022年12月开始开发并推出第一个正式版本。在蓝屏工具箱的一开始，我们并没有做什么创新方面的元素，软件UI非常复古原始，并且没有绚丽多彩的图标。或许唯一能够引人注目一点的就是它那尚未完善的账号系统了。</section><section><img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff0888db49.webp" />从2023年4月开始，我们开始从0开始打磨蓝屏工具箱4.0的每一处功能。从实时响应的账户系统，到实时更新的公告系统。由于给我们的开发时间不多，因此我们只能延长开发周期。</section><section>在开发蓝屏工具箱4.0的时候看见友商一个接一个发布新版本的时候，虽然内心有着些许的浮躁，但是发现友商产品越来越大的体积，功能越来越臃肿后，我们决定做点什么...</section><section>2023年12月，蓝屏工具箱4.0的账户、头像、图片公告等功能均已完善。</section><section>2024年2月，我们奋起直追，完成了蓝屏工具箱4.0的核心功能——“插件应用市场”。顾名思义，这是一个人人平等的应用社区。在这里，用户可以申请成为开发者，申请成功后可通过应用上传页上传自己制作的插件，或者也可以上传别人开发的一些小应用。上传的应用需要运维人员的审核，审核通过后就会出现在应用列表中，供其他用户下载使用。</section><section>在“插件应用市场”的加持下，蓝屏工具箱的功能得到了史无前例的强大，这也使蓝屏工具箱4.0的体积占用也得到了缩减，从先前3.0版本的90MB，到如今4.0版本的5MB，我们也花了十足的功夫为它“瘦身”。</section>
-<h3>蓝屏工具箱的主要功能</h3>
+### 蓝屏工具箱的主要功能
 <section>首先，双击打开蓝屏工具箱主程序，会弹出登录窗口。输入您的账号及密码后点击“快速登录”即可登入蓝屏工具箱。如果您未接入互联网，您也可以点击登录按钮旁边的“离线模式”进入离线模式。</section><section>登录后，会加在主界面。由于x86程序的内存读写特性，这个过程通常需要5秒钟左右。</section><section>程序在刚刚安装完时，您的插件库内是没有内置任何插件的，您可以从插件应用市场来下载充实您的插件库。当然，当您未接入互联网，亦或是您希望体验一些未上传到应用商店的非官方插件，您也可以使用插件库中的“导入插件”来充盈您的插件库。</section><section>在聊天室界面，您可以与其他和您一样使用蓝屏工具箱4.0的用户一起畅谈人生。当文字已不能表达您的丰富情感时，您也可以选择使用聊天室的“发送图片”功能。当您因不可抗力因素错过某些消息时，也无需慌张。您可以使用“查看聊天记录”功能，从服务器获取最新的聊天记录文件并解析。</section><section>聊天室禁止发送不良信息，我们的后台运维人员有权且有能力通过消息直接封禁违规者的账号。</section><section>在设置界面，您可以修改自己账号的昵称、账号、密码、头像等，同时也可以记下自己的ID，以便预防自己忘记密码。同时，您可以修改窗口的样式：方角、圆角，任您灵活切换。</section><section>最后，蓝屏工具箱内置了更新系统，您可以在设置→关于界面→检查更新 来检查更新并全自动安装更新。</section>
-<h3>展望蓝屏工具箱的未来</h3>
+### 展望蓝屏工具箱的未来
 <section>在未来，我们还有许多Flags，比如：</section>
 <ul class="list-paddingleft-1">
 	<li>做出开发者激励计划</li>
 	<li>做出一些蓝屏币兑换奖品的功能，让蓝屏币发挥作用。</li>
 </ul>
 <section>总而言之，蓝屏工具箱的路道阻且长，我们将会沉下心来，以工匠精神打造更加优质的产品。</section><section>蓝屏工具箱是一款完全基于易语言编写的软件，我们希望通过自己的微薄之力让中文编程发挥一些光和热。</section>
-<h3>获取蓝屏工具箱</h3>
+### 获取蓝屏工具箱
 <section>蓝屏工具箱官网：<a href="https://tools.chgskj.cn" target="_blank" rel="noopener">https://tools.chgskj.cn</a></section><section>大家可以扫描下方的二维码加入蓝屏工具箱用户群，体验全新的蓝屏工具箱4.0</section><section><img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff08a6e1be.webp" /></section>
@@ -11,13 +11,13 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，万年不更的冤种路明又和大家见面了。

 本期文章我们来说说如何用一支词典笔来丰富自己的校园生活（<del>顺利进厂</del>）（bushi）

 [c-alert type="warning"]本文中所出现的所有图片均为路明亲手绘制，仅供参考！[/c-alert]
-<h2>准备工作</h2>
+## 准备工作
 <blockquote>要实现本文所提及的一切内容，你需要准备以下材料

 To implement everything mentioned in this article, you need to prepare the following materials.</blockquote>
@@ -26,7 +26,7 @@ To implement everything mentioned in this article, you need to prepare the follo
 	<li>一根USB<span style="color: #ff0000;">*数据线</span></li>
 	<li>一台运行<span style="color: #ff0000;">*Windows操作系统</span>的台式机/笔记本电脑/Mac</li>
 </ul>
-<h3>FAQ</h3>
+### FAQ
 <span style="color: #ff0000;">*安卓系统</span>：词典笔（点读笔）务必搭载Android®操作系统，否则无法实现本文中的任何效果。可在购买时咨询客服。

 <span style="color: #ff0000;">*非品牌类</span>：词典笔（点读笔）在选购时请您刻意避开品牌点读笔，因为品牌点读笔对防破解方面做的非常成熟，不利于破解操作。一般杂牌词典笔价格在50~150元人民币之间。
@@ -34,9 +34,9 @@ To implement everything mentioned in this article, you need to prepare the follo
 <span style="color: #ff0000;">*数据线</span>：一根可以连接词典笔（点读笔）和电脑并进行数据传输的USB线。

 <span style="color: #ff0000;">*Windows操作系统</span>：若您拥有丰富的ADB经验，则您也可以选用Linux&amp;macOS。
-<h2>核心破解</h2>
+## 核心破解
 <blockquote>由于不同点读笔有不同的破解分支，所以路明在这里给大家提供两种思路供大家参考。</blockquote>
-<h3>JXW思路</h3>
+### JXW思路
 <blockquote>有些点读笔（词典笔）使用的是JXW服务内核，因此直接可以利用JXW服务进行破解。</blockquote>
 首先进入点读笔（词典笔）的<code>“关于本机”</code> 页面（下图仅供参考）

@@ -45,7 +45,7 @@ To implement everything mentioned in this article, you need to prepare the follo
 连续点击三下<code>“SN号”</code> ，再点击一下<code>“软件版本”</code>  ，此时会弹出窗口提示输入密码，在窗口中设法输入<code>“jxwkj888”</code> 并确认，即可进入系统原生设置。

 进入系统原生设置后，即可通过开发者选项打开<code>USB调试</code> 功能，连接电脑进行愉快地玩机吧！
-<h3>通用思路</h3>
+### 通用思路
 由于绝大多数点读笔（词典笔）使用的都是联发科（MediaTek）处理器，因此我们可以利用系统工厂测试中的MTK Logger运行Shell脚本来进入系统原生设置。

 第一步仍和JXW思路相同，先进入点读笔（词典笔）的“关于本机”界面（下图仅供参考）
@@ -75,9 +75,9 @@ To implement everything mentioned in this article, you need to prepare the follo
 点击确定，即可进入安卓原生设置。

 同JXW思路一样，在安卓原生设置中您可以开启<code>USB调试</code> 选项来尽情玩机了。
-<h2>玩机软件</h2>
+## 玩机软件
 <blockquote>在进行核心破解之后，我们就可以在点读笔（词典笔）上自由地安装软件了。接下来路明会分情况来和大家分享一些点读笔应用。</blockquote>
-<h3>适用于32位处理器</h3>
+### 适用于32位处理器
 <blockquote>对于32位处理器的点读笔（词典笔），我们可以用来玩玩一些小游戏以及装一些别的软件。

 *注意：32位软件在64位点读笔（词典笔）上也可以正常使用。</blockquote>
@@ -93,12 +93,12 @@ To implement everything mentioned in this article, you need to prepare the follo
 <span style="color: #ff0000;">*酷狗概念版</span>：新版本酷狗概念版安装至点读笔（词典笔）上后可能会出现播放页载入时闪退的问题。

 <span style="color: #ff0000;">*豌豆荚</span>：豌豆荚在部分小屏点读笔的使用过程中可能会出现应用界面无法正常操作的问题。
-<h3>适用于64位处理器</h3>
+### 适用于64位处理器
 <blockquote>对于64位处理器的点读笔（词典笔）支持的功能就更多了，你可以在你的点读笔（词典笔）上面安装近乎市面上所有的软件。</blockquote>
 Wear应用库：<a href="https://vincent8623.lanzouw.com/b00zti91i" target="_blank" rel="noopener">点我进入</a>

 进入后可以下载里面的任意安装包，下载完成后直接安装即可。
-<h2>结束语</h2>
+## 结束语
 本期文章到这里就结束了，再提一嘴：路明不建议在正常学习中把玩破解后的词典笔（点读笔），毕竟这类产品生来就是辅助学习使用的，不要因为它耽误自己的学业噢~

 祝大家学业有成~
@@ -13,9 +13,9 @@ comments: true
 webmention: true
 ---

-<h2>前言</h2>
+## 前言
 大家好，我是路明。本期文章我要向大家推荐一款功能强大且实用的系统工具箱——蓝屏工具箱。
-<h2>软件简介</h2>
+## 软件简介
 蓝屏工具箱是由创峄信息科技基于开发的一款适用于Windows的工具箱软件，官网<a href="https://tools.chgskj.cn" target="_blank" rel="noopener">tools.chgskj.cn</a>

 您可以在此处高速下载蓝屏工具箱：<a href="https://www.123pan.com/s/v1krVv-9Te03.html" target="_blank" rel="noopener">https://www.123pan.com/s/v1krVv-9Te03.html</a>
@@ -23,9 +23,9 @@ webmention: true
 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff20a78ba8.png" />

 通过官网，我们可以看到这款软件处处透出了年轻活力的气息。点击“最新版下载”按钮，即可下载蓝屏工具箱的最新版本安装包。
-<h2>界面一览&amp;功能介绍</h2>
+## 界面一览&功能介绍
 蓝屏工具箱的最新版本号是4.5.4 KB0512，相比较于官网给出的参考图，最新版本对界面做出了很多改动。
-<h3>登录注册界面</h3>
+### 登录注册界面
 首次启动软件，会进入登录注册界面。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff20b24d6a.png" />
@@ -33,19 +33,19 @@ webmention: true
 <img src="https://image.luming.cool/i/2026/05/10/69fff20c6ecc8.png" />

 新用户初次使用蓝屏工具箱需要手动注册一个新账号，注册完之后即可使用账号密码登录工具箱。
-<h3>主界面</h3>
+### 主界面
 进入主界面，可以看到时钟、天气、签到、公告、资讯、随机应用模块按部就班地在窗口内整齐排列，如下图。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff20dbaaaf.png" />

 点击签到，我们会发现蓝屏币新增了2个。蓝屏币是蓝屏工具箱的内部“货币”，目前的用途是高速下载插件。
-<h3>全屏时钟</h3>
+### 全屏时钟
 在主界面时钟的右下角有一个“全屏”图标按钮，点击它即可进入一个纯黑背景的时钟，如下图。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff20e5bc44.png" />

 路明觉得这个时钟非常适合学校考试时进行使用，相比那些广告繁多的时钟显示网站，蓝屏工具箱中的无广告时钟真的是一个不错的选择。
-<h3>资讯界面</h3>
+### 资讯界面
 “资讯”功能是蓝屏工具箱推出的更加系统化的公告方案。当蓝屏工具箱及创峄信息科技有新的动态消息时，会第一时间将消息以文章的方式推送至工具箱内。

 在首页会默认推送最新的两篇资讯，若要查看完整资讯，则需手动点击左侧栏的“资讯”按钮（如下图）。
@@ -55,7 +55,7 @@ webmention: true
 点击文章右侧的“查看文章”按钮即可查看文章内容（如下图）。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff21162e0c.png" />
-<h3>聊天室功能</h3>
+### 聊天室功能
 蓝屏工具箱为了方便用户与开发者之间的直接交流，所以在软件内提供了聊天室功能（如图）。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff21211e57.png" />
@@ -63,7 +63,7 @@ webmention: true
 在聊天室内可以发送文字、图片消息。同时，点击“查看聊天记录”按钮，即可查看聊天室中的全部聊天记录。

 [c-alert type="warning"]若聊天记录数量过多，可能会导致工具箱运行缓慢或内存溢出闪退，这属于正常现象，重启工具箱即可。[/c-alert]
-<h3>应用市场</h3>
+### 应用市场
 要说到蓝屏工具箱的核心重磅功能，那就当属应用市场了。蓝屏工具箱打破了本地集成插件的常规思路，采用了云端存储的应用仓库，由用户自行选配下载，把蓝屏工具箱打造成属于自己的瑞士军刀。

 点击左侧栏的“商店”按钮，即可进入应用商店主界面（如图）。
@@ -95,7 +95,7 @@ webmention: true
 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff21531fc8.png" />

 上传了应用之后，运维人员会对上传的插件进行审核。审核通过后，开发者的应用就会出现在应用商店内。若审核不通过，系统会向您发送邮件。通常应用审核工作会在上传后3个工作日内结束，若长期未响应，您可以联系admin@chgskj.cn进行解决。
-<h3>功能列表</h3>
+### 功能列表
 在用户下载了应用之后，在哪里查看已下载的应用呢？

 答案当然是功能列表啦！
@@ -103,7 +103,7 @@ webmention: true
 蓝屏工具箱为用户准备了功能强大的本地应用管理器。在这个列表内，您可以启动已下载的应用、将应用快捷方式添加到桌面、卸载应用以及打开应用目录。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff215dbc48.png" />
-<h3>设置</h3>
+### 设置
 若要对软件功能及账号信息进行编辑，您可以前往蓝屏工具箱的设置模块。

 点击左侧栏的“设置”按钮，即可进入设置（如图）。
@@ -123,7 +123,7 @@ webmention: true
 『捐助我们』：蓝屏工具箱是免费软件，依靠捐助的资金来进行运维。不捐助不影响您使用本软件的全部功能，捐助是为了我们更好地为您提供服务。

 『关于软件』：在此界面可以查看蓝屏工具箱的版本号信息和更新日志，并且可以快速地检查更新。
-<h2>系统兼容性</h2>
+## 系统兼容性
 功能介绍就暂时告一段落了。接下来小编和大家一起来看看蓝屏工具箱对操作系统的兼容性。

 蓝屏工具箱理论上支持Windows7 7600及以上的全部Windows版本。但是由于Windows8系列对于MDI客户窗口的不兼容性，所以蓝屏工具箱4.5.4 KB0512及以前的版本都不支持Windows8系列操作系统，如果强制使用会导致软件停止运行。
@@ -131,13 +131,13 @@ webmention: true
 但是值得一提的是蓝屏工具箱开发团队已经掌握了兼容Windows8系列的方案，并且预估会在未来不久发布全新的版本，该版本将支持Windows8系列。

 由于蓝屏工具箱客户端内部使用Excel作为数据库读写载体，调用了libxl.dll，然而该dll文件不支持在XP系统下运行，所以很遗憾，蓝屏工具箱不支持且不会支持WindowsXP系列操作系统。对于使用XP系统的蓝屏工具箱用户，我们建议您升级到Windows7再使用蓝屏工具箱。
-<h2>软件生态</h2>
+## 软件生态
 蓝屏工具箱拥有丰富的软件生态。虽然它是Windows系统工具箱，但开发团队正在努力基于Wine制作蓝屏工具箱的Linux版本。若您对蓝屏工具箱感兴趣，您可以加入蓝屏工具箱客户群。

 <img class="aligncenter" src="https://image.luming.cool/i/2026/05/10/69fff08a6e1be.webp" />

 同时，蓝屏工具箱在<a href="https://blog.chgskj.cn/" target="_blank" rel="noopener">夏雨社区</a>也有专属的圈子，<a href="https://blog.chgskj.cn/forum/354.html" target="_blank" rel="noopener">点我即可进入圈子讨论</a>。
-<h2>总结</h2>
+## 总结
 总的来说，蓝屏工具箱由年轻人开发，积极维护，界面精美，功能强大，值得大家下载使用。

 今天的分享就到这里啦，我是路明，我们下期再见。
@@ -3,6 +3,7 @@ cover: "https://image.luming.cool/i/2026/05/10/69fff3ce09f1d.webp"
 title: "暑期 · 军训总结"
 pubDate: "2025-08-27T13:53:00.000Z"
 updatedDate: "2026-07-24T02:51:20.000Z"
+toc: true
 categories:
  - "生活"
 tags:
@@ -33,9 +34,7 @@ webmention: true
 <p>关键词：<code>Vela开发初体验</code>、<code>军训七天</code>、<code>和平精英</code>、<code>新鼠标</code>、<code>暑期总结</code>。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">Vela开发初体验</h2>
-<!-- /wp:heading -->
+## Vela开发初体验

 <!-- wp:paragraph -->
 <p>不知道Vela是什么的同学请先<a href="https://iot.mi.com/vela/quickapp/zh/guide/" data-type="link" data-id="https://iot.mi.com/vela/quickapp/zh/guide/" target="_blank" rel="noreferrer noopener">移步这里</a></p>
@@ -79,17 +78,13 @@ webmention: true
 <!-- /wp:paragraph --></blockquote>
 <!-- /wp:quote -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">军训七天</h2>
-<!-- /wp:heading -->
+## 军训七天

 <!-- wp:paragraph -->
 <p>8月19日 ~ 8月26日，我们前往学校报了到，并进行了为期七天的军训。这七天把我压抑得，我快要爆发了。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">新环境</h3>
-<!-- /wp:heading -->
+### 新环境

 <!-- wp:paragraph -->
 <p>8月19日上午，我在父母陪同下前往学校进行军训报到。进入新宿舍，一种熟悉又陌生的气息扑面而来：熟悉是因为它具备着与我初中宿舍相同的设施：柜子、水龙头和浴室；陌生，则是因为宿舍里有着五张陌生的面孔。</p>
@@ -107,9 +102,7 @@ webmention: true
 <p>剩余的几天，我在宿舍生活得还不错，每晚都能准时睡着，睡眠时间也保持在8小时左右。空调制冷效果一天比一天好，内机设定温度由一开始的16℃逐渐变为了20℃、22℃、26℃……我仍记得，倒数第二天晚上，空调开26℃，冻得我即使用被子捂住全身也仍能感受到寒意。当然，可能也有天气的原因——我们从第三天军训开始下大雨，后续几天保持阴天。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">军训服</h3>
-<!-- /wp:heading -->
+### 军训服

 <!-- wp:paragraph -->
 <p>学校军训，使用的服装是学校组织统一购买的的军训服，五十块钱。讲真，衣服穿上身的那一刻，我觉得这辈子买过最亏的物品就是军训服——上半身就是劣质化纤，下半身的布料甚至会刺激我的腿。</p>
@@ -133,9 +126,7 @@ webmention: true
 <p>这身衣服在功能上不透气、不舒适，在外观上也不符合军队标准，完全可以说是一笔智商税了。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">宿舍</h3>
-<!-- /wp:heading -->
+### 宿舍

 <!-- wp:paragraph -->
 <p>这算是我对这所学校唯二极度不满的地方。首先，以军训期间的作息规定为例：每天晚上 21:40 必须躺在床上，不能坐或站。每天宿管会逮出来一些 21:40 以后还未躺在床上的人。</p>
@@ -163,9 +154,7 @@ webmention: true
 <p>说人话，就是“无论如何我都要给你挑出点毛病来”。鸡蛋里挑骨头，为了打压学生而打压学生，真做作！</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">课外书</h3>
-<!-- /wp:heading -->
+### 课外书

 <!-- wp:paragraph -->
 <p>军训倒数第二天的下午，班里自习课上。</p>
@@ -197,9 +186,7 @@ webmention: true
 <p>我他妈才高一，不是高三高考生！为了升学率去限制学生阅读课外读物，妄图通过这种方法来让学生花更多时间投入学习，真是可笑。现在我终于理解了这学校之前为什么那么多跳的了。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">感触</h3>
-<!-- /wp:heading -->
+### 感触

 <!-- wp:paragraph -->
 <p>军训期间，我确确实实提前预习了一部分课本，因为实在是太无聊了。读到语文课本时，我感到了一种莫名的似曾相识。里面的大多数课文都是我在小学或初中遇到过的，有种见到阔别已久的老朋友的熟悉，但是一想到它是我高中三年要作为正式课程学习的内容，又有一种莫名的失落和恐惧。</p>
@@ -261,9 +248,7 @@ webmention: true
 <p>这差不多也是一次蜕变，我感受到了父母以前对我的溺爱</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">内卷</h3>
-<!-- /wp:heading -->
+### 内卷

 <!-- wp:paragraph -->
 <p>没想到，这所学校的同学们比我想象中的要“卷”得多。</p>
@@ -289,9 +274,7 @@ webmention: true
 <p>其余时间，比如早上七点整，同学们用完早餐，纷纷走向操场，等待教官要求集合。这段时间里，班主任要求我们必须“带上语文诗词小页子背诵”。每天晚自习要“抽查背诵”，如果抽查不合格，就到教室后面一直站着，直到会背为止。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">军训结束前的心情</h3>
-<!-- /wp:heading -->
+### 军训结束前的心情

 <!-- wp:paragraph -->
 <p>之所以单独划分一个板块来写，是因为这种心情太深刻了。</p>
@@ -313,9 +296,7 @@ webmention: true
 <p>看到这里，你可能会问我为什么会对“暴虐”自己七天的教官有如此正面的评价。我想说，相比于其他班的教官，他爱吹牛b，幽默风趣，总是能逗我们笑；他不吝啬以身试法买饮料奖励我们，并说“哪怕掏空我的钱包”；他总把我们班拉出去与别的班“比赛”，扬言“一定要把‘七班最强’这个名声打好”。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">和平精英</h2>
-<!-- /wp:heading -->
+## 和平精英

 <!-- wp:paragraph -->
 <p>这估计是每逢假期不得不提的一个话题。废话不多说，上时间统计。</p>
@@ -333,9 +314,7 @@ webmention: true
 <p>期间有几天，我那在上班的堂姐主动找我玩和平，我便陪着她一块玩，那几天的我，很快乐。</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">新鼠标</h2>
-<!-- /wp:heading -->
+## 新鼠标

 <!-- wp:paragraph -->
 <p>军训七天回家之后，发现自己服役了一年多的杂牌鼠标滚轮暴毙了。才放了七天，滚轮就出现了上下滑动乱跳的情况。</p>
@@ -365,9 +344,7 @@ webmention: true
 <p>鼠标个头挺大，握起来有点质感。惊喜的是它在这个价位居然给了肩键。当然，可能是我没用过带肩键的鼠标，不知道价格情况。（笑）</p>
 <!-- /wp:paragraph -->

-<!-- wp:heading -->
-<h2 class="wp-block-heading">总结</h2>
-<!-- /wp:heading -->
+## 总结

 <!-- wp:paragraph -->
 <p>这个暑假，我做了比较多的事情：</p>
@@ -49,6 +49,22 @@
  font-size: 1.65rem;
 }

+.prose :where(h2, h3) {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: 0.6em;
+  align-items: center;
+}
+
+.prose :where(h2, h3)::before {
+  width: 4px;
+  height: 1.05em;
+  border-radius: 2px;
+  background: var(--color-accent);
+  transform: translateY(0.08em);
+  content: '';
+}
+
 .prose :where(p, ul, ol, blockquote, pre, table) {
  margin-block: 1.15em;
 }
@@ -88,7 +104,7 @@
  border-left: 3px solid var(--color-accent);
  color: var(--color-muted);
  font-family: var(--reading-font-family);
-  font-size: 1.08em;
+  font-size: 1em;
 }

 .prose :not(pre) > code {