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. 显示效果
