不灭的焱

革命尚未成功,同志仍须努力 下载Java21

作者:AlbertWen  添加时间:2026-03-16 12:13:10  修改时间:2026-03-16 16:25:46  分类:01.AI编程  编辑

Typora 预览模式默认不显示 H1/H2 等标签,需要通过 自定义 CSS 实现永久显示,或用 源代码模式 临时查看。

解决方案:永久显示 H1/H2 标签(推荐)

1. 打开自定义 CSS 入口

  • Windows/Linux:文件 → 偏好设置 → 外观 → 打开主题文件夹
  • macOS:Typora → 设置 → 外观 → 打开主题文件夹

2. 编辑 CSS 文件

在主题文件夹中,找到当前使用的主题 .css 文件(如 github.css),添加以下代码:

/* 预览模式显示 H1-H6 标签 */
#write h1::before { content: "H1 "; color: #ccc; font-size: 14px; margin-left: -2em; }
#write h2::before { content: "H2 "; color: #ccc; font-size: 14px; margin-left: -2em;}
#write h3::before { content: "H3 "; color: #ccc; font-size: 14px; margin-left: -2em;}
#write h4::before { content: "H4 "; color: #ccc; font-size: 14px; margin-left: -2em;}
#write h5::before { content: "H5 "; color: #ccc; font-size: 14px; margin-left: -2em;}
#write h6::before { content: "H6 "; color: #ccc; font-size: 14px; margin-left: -2em;}

3. 重启 Typora

关闭并重新打开 Typora,预览模式下标题前会显示 H1/H2 等标签。

4. 显示效果