Typora自动给标题生成序号

最新推荐文章于 2025-05-23 11:30:35 发布

原创

最新推荐文章于 2025-05-23 11:30:35 发布 · 792 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#其他 #经验分享

本文介绍如何修复Typora中标题自动序号的小bug，包括打开主题文件夹、编辑CSS，以及设置不同级别标题的样式，实现1、1.1这样的序号效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Typora自动给标题生成序号

网上找到的方法有一些小bug，在这里给出修复

准备工作

打开Typora，然后依次点击：文件→偏好设置→外观→打开主题文件夹

在该文件夹中创建base.user.css

从一级标题开始

右键编辑css文件，在文件中插入如下内容：

/** initialize css counter */
#write,
.sidebar-content {
   
    counter-reset: h1;
}

h1,
.outline-h1 {
   
    counter-reset: h2;
}

h2,
.outline-h2 {
   
    counter-reset: h3;
}

h3,
.outline-h3 {
   
    counter-reset: h4;
}

h4,
.outline-h4 {
   
    counter-reset: h5;
}

h5,
.outline-h5 {
   
    counter-reset: h6;
}

/** put counter result into headings */
#write h1:before,
.outline-h1 > .outline-item > .outline-label:before {
   
    counter-increment: h1;
    content: counter(h1) " ";
}

#write h2:before,
.outline-h2 > .outline-item > .outline-label:before {
   
    counter-increment: h2;
    content: counter(h1) "." counter(h2) " ";
}

#write h3:before,
h3.md-focus.md-heading:before, /** override the default style for focused headings */
.outline-h3 > .outline-item > .outline-label:before {
   
    counter-increment: h3;
    c