博客 on MrOptimisthttps://mr0ptimist.github.io/categories/%E5%8D%9A%E5%AE%A2/Recent content in 博客 on MrOptimistHugozh-cnTue, 21 Apr 2026 17:30:27 +0800UE console 速记https://mr0ptimist.github.io/posts/ue-console-%E9%80%9F%E8%AE%B0/Tue, 21 Apr 2026 17:30:27 +0800https://mr0ptimist.github.io/posts/ue-console-%E9%80%9F%E8%AE%B0/<h4 id="rvtborders-10-设置vt可视化">r.VT.Borders 10 设置VT可视化</h4>使用文档https://mr0ptimist.github.io/posts/%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3/Mon, 20 Apr 2026 12:00:00 +0800https://mr0ptimist.github.io/posts/%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3/<h1 id="hugo-博客使用文档">Hugo 博客使用文档</h1> <h2 id="站点信息">站点信息</h2> <ul> <li>站点目录：<code>D:\ClaudeOutput\my-site\</code></li> <li>文章目录：<code>content\posts\</code></li> <li>配置文件：<code>hugo.toml</code></li> <li>主题：PaperMod</li> <li>本地预览：http://localhost:1313/</li> <li>GitHub 仓库：https://github.com/mr0ptimist/mr0ptimist.github.io</li> </ul> <h2 id="bat-工具">BAT 工具</h2> <table> <thead> <tr> <th>文件</th> <th>功能</th> </tr> </thead> <tbody> <tr> <td><code>serve_启动预览.bat</code></td> <td>启动本地预览服务器（自动杀旧进程），含草稿，实时刷新</td> </tr> <tr> <td><code>build_构建发布.bat</code></td> <td>构建静态文件到 public/ 目录</td> </tr> <tr> <td><code>new-post_新建文章.bat</code></td> <td>交互式创建文章（标题、标签、分类、是否隐藏）</td> </tr> <tr> <td><code>clean_清除输出.bat</code></td> <td>删除 public/ 目录</td> </tr> </tbody> </table> <h2 id="日常写文章流程">日常写文章流程</h2> <pre tabindex="0"><code>1. 双击 new-post_新建文章.bat → 输入标题、选标签/分类、是否隐藏 2. 编辑 content/posts/xxx.md → 写文章内容 3. 双击 serve_启动预览.bat → 浏览器打开 http://localhost:1313/ 查看效果 4. 关掉预览（关闭窗口即可） 5. git add . &amp;&amp; git commit -m &#34;new post&#34; &amp;&amp; git push → 自动部署 </code></pre><h2 id="文章格式">文章格式</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>+++ </span></span><span style="display:flex;"><span>date = &#39;2026-04-20T12:00:00+08:00&#39; </span></span><span style="display:flex;"><span>draft = false </span></span><span style="display:flex;"><span>title = &#39;文章标题&#39; </span></span><span style="display:flex;"><span>tags = [&#39;标签1&#39;, &#39;标签2&#39;] </span></span><span style="display:flex;"><span>categories = [&#39;分类&#39;] </span></span><span style="display:flex;"><span>hidden = true </span></span><span style="display:flex;"><span>+++ </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>正文内容，支持 Markdown 语法。 </span></span></code></pre></div><ul> <li><code>draft = true</code>：草稿，只在 <code>serve -D</code> 模式下显示</li> <li><code>draft = false</code>：正式发布</li> <li><code>hidden = true</code>：加密文章，需在导航栏输入密码后才显示</li> </ul> <h2 id="私密文章">私密文章</h2> <ul> <li>在 hugo.toml 中配置 <code>secretPassword = '密码'</code></li> <li>文章 front matter 加 <code>hidden = true</code> 即可隐藏</li> <li>导航栏锁图标 → 弹窗输入密码 → 隐藏文章出现</li> <li>再次点击锁图标 → 重新锁定</li> <li>密码状态用 sessionStorage，关闭浏览器自动重置</li> <li>隐藏文章不会出现在分类、标签列表中</li> </ul> <h2 id="导航栏功能">导航栏功能</h2> <table> <thead> <tr> <th>按钮</th> <th>功能</th> </tr> </thead> <tbody> <tr> <td>锁图标</td> <td>解锁/锁定私密文章</td> </tr> <tr> <td>箭头图标</td> <td>调整文章宽度和 TOC 宽度</td> </tr> <tr> <td>太阳/月亮</td> <td>切换亮色/暗色主题</td> </tr> </tbody> </table> <h2 id="toc目录导航">TOC（目录导航）</h2> <ul> <li>大屏（1400px+）自动在左侧显示浮动 TOC</li> <li>滚动时高亮当前标题</li> <li>只显示一级标题和带数字编号的子标题</li> <li>点击箭头按钮可调整 TOC 宽度（150-400px）</li> </ul> <h2 id="部署">部署</h2> <p>使用 GitHub Actions 自动部署，push 到 main 分支即可：</p>