https://jiangbyte.github.io/tags/typora/Recent content in Typora on 撷时录Hugozh-CNSun, 04 Oct 2026 00:00:00 +0800https://jiangbyte.github.io/p/typora-%E8%87%AA%E5%AE%9A%E4%B9%89-github-cus-%E4%B8%BB%E9%A2%98%E6%8E%98%E9%87%91%E8%A1%8C%E5%86%85%E4%BB%A3%E7%A0%81%E4%B8%8E%E6%A0%87%E9%A2%98%E8%87%AA%E5%8A%A8%E7%BC%96%E5%8F%B7.htmlSun, 04 Oct 2026 00:00:00 +0800https://jiangbyte.github.io/p/typora-%E8%87%AA%E5%AE%9A%E4%B9%89-github-cus-%E4%B8%BB%E9%A2%98%E6%8E%98%E9%87%91%E8%A1%8C%E5%86%85%E4%BB%A3%E7%A0%81%E4%B8%8E%E6%A0%87%E9%A2%98%E8%87%AA%E5%8A%A8%E7%BC%96%E5%8F%B7.html<p>Typora 自带主题升级会覆盖，直接改 <code>github.css</code> 不稳妥。做法是复制一份自定义主题 <code>github-cus</code>，在上面改行内代码颜色，以及正文 / 大纲的标题自动编号。</p> <p>本文环境：Linux，主题目录 <code>~/.config/Typora/themes/</code>（Windows 一般在 <code>%APPDATA%\Typora\themes\</code>，macOS 在 <code>~/Library/Application Support/abnerworks.Typora/themes/</code>）。</p> <h2 id="为什么要复制一份主题">为什么要复制一份主题</h2> <p>主题目录里的 <code>Readme.md</code> 写得很清楚：内置 CSS 更新或重装后会被替换，<strong>不要直接改内置主题</strong>。</p> <p>正确姿势见官方文档：</p> <ul> <li><a href="https://support.typora.io/About-Themes/">About Themes</a></li> <li><a href="https://support.typora.io/Add-Custom-CSS/">Add Custom CSS</a></li> <li><a href="https://support.typora.io/Auto-Numbering/">Auto Numbering</a></li> </ul> <p>目标文件结构：</p> <figure class="code-block code-block--chroma code-block--line-numbers" data-code-block data-language="text" > <figcaption class="code-block__toolbar"> <span class="code-block__language">text</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="ln">1</span><span class="cl">~/.config/Typora/themes/ </span></span><span class="line"><span class="ln">2</span><span class="cl">├── github.css ← 内置，不动 </span></span><span class="line"><span class="ln">3</span><span class="cl">├── github/ ← 内置字体，不动 </span></span><span class="line"><span class="ln">4</span><span class="cl">├── github-cus.css ← 自定义主题入口 </span></span><span class="line"><span class="ln">5</span><span class="cl">└── github-cus/ ← 字体资源（从 github/ 复制）</span></span></code></pre></div> </div> <pre class="code-block__fallback" hidden aria-hidden="true"><code class="language-text">~/.config/Typora/themes/ ├── github.css ← 内置，不动 ├── github/ ← 内置字体，不动 ├── github-cus.css ← 自定义主题入口 └── github-cus/ ← 字体资源（从 github/ 复制）</code></pre> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p>Typora 主题名取自 CSS 文件名：<code>github-cus.css</code> → 主题选择器里一般显示为 <strong>Github Cus</strong>。</p>