Typora标题自动编号完全指南-零代码基础实现自动化文档结构

Typora软件介绍

说到Typora我想大家一定都不陌生,它是一款简洁高效的所见即所得Markdown编辑器，支持实时预览、数学公式渲染（如$$E=mc^2$$）、

代码块高亮及多样化导出格式。其直观的编辑界面让我们可以专注于内容创作，无需切换预览模式，大幅提升写作效率，特别适合学术写作、技术文档及日常笔记整理。

具体设置

1. 为文章正文设置自动编号

打开偏好设置,然后在外观打开主题文件夹

然后在该目录下新建一个.txt文件，重命名为base.user.css文件，填充下列代码

/************************************** * Header Counters in Content **************************************//** initialize css counter */#write{counter-reset:h1}h1{counter-reset:h2}h2{counter-reset:h3}h3{counter-reset:h4}h4{counter-reset:h5}h5{counter-reset:h6}/** put counter result into headings */#write h1:before{counter-increment:h1;content:counter(h1)". "}#write h2:before{counter-increment:h2;content:counter(h1)"."counter(h2)". "}#writeh3:before,h3.md-focus.md-heading:before/** override the default style for focused headings */{counter-increment:h3;content:counter(h1)"."counter(h2)"."counter(h3)". "}#write h4:before, h4.md-focus.md-heading:before{counter-increment:h4;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)". "}#write h5:before, h5.md-focus.md-heading:before{counter-increment:h5;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)"."counter(h5)". "}#write h6:before, h6.md-focus.md-heading:before{counter-increment:h6;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)"."counter(h5)"."counter(h6)". "}/** override the default style for focused headings */#write>h3.md-focus:before, #write>h4.md-focus:before, #write>h5.md-focus:before, #write>h6.md-focus:before, h3.md-focus:before, h4.md-focus:before, h5.md-focus:before, h6.md-focus:before{color:inherit;border:inherit;border-radius:inherit;position:inherit;left:initial;float:none;top:initial;font-size:inherit;padding-left:inherit;padding-right:inherit;vertical-align:inherit;font-weight:inherit;line-height:inherit;}

2.目录自动编号

如果想要在自动生成的目录中附带编号，需要额外再在.css文件中增加代码段

/************************************** * Header Counters in TOC **************************************//* No link underlines in TOC */.md-toc-inner{text-decoration:none;}.md-toc-content{counter-reset:h1toc}.md-toc-h1{margin-left:0;font-size:1.5rem;counter-reset:h2toc}.md-toc-h2{font-size:1.1rem;margin-left:2rem;counter-reset:h3toc}.md-toc-h3{margin-left:3rem;font-size:.9rem;counter-reset:h4toc}.md-toc-h4{margin-left:4rem;font-size:.85rem;counter-reset:h5toc}.md-toc-h5{margin-left:5rem;font-size:.8rem;counter-reset:h6toc}.md-toc-h6{margin-left:6rem;font-size:.75rem;}.md-toc-h1:before{color:black;counter-increment:h1toc;content:counter(h1toc)". "/* <--- delete this dot if not wanted */}.md-toc-h1 .md-toc-inner{margin-left:0;}.md-toc-h2:before{color:black;counter-increment:h2toc;content:counter(h1toc)". "counter(h2toc)". "/* <--- delete this dot if not wanted */}.md-toc-h2 .md-toc-inner{margin-left:0;}.md-toc-h3:before{color:black;counter-increment:h3toc;content:counter(h1toc)". "counter(h2toc)". "counter(h3toc)". "/* <--- delete this dot if not wanted */}.md-toc-h3 .md-toc-inner{margin-left:0;}.md-toc-h4:before{color:black;counter-increment:h4toc;content:counter(h1toc)". "counter(h2toc)". "counter(h3toc)". "counter(h4toc)". "/* <--- delete this dot if not wanted */}.md-toc-h4 .md-toc-inner{margin-left:0;}.md-toc-h5:before{color:black;counter-increment:h5toc;content:counter(h1toc)". "counter(h2toc)". "counter(h3toc)". "counter(h4toc)". "counter(h5toc)". "/* <--- delete this dot if not wanted */}.md-toc-h5 .md-toc-inner{margin-left:0;}.md-toc-h6:before{color:black;counter-increment:h6toc;content:counter(h1toc)". "counter(h2toc)". "counter(h3toc)". "counter(h4toc)". "counter(h5toc)". "counter(h6toc)". "/* <--- delete this dot if not wanted */}.md-toc-h6 .md-toc-inner{margin-left:0;}

3.侧边栏自动编号

如果想要在Typora的侧边栏中附带编号，需要额外再在.css文件中继续增加代码段

/************************************** * Header Counters in Sidebar **************************************/.sidebar-content{counter-reset:h1}.outline-h1{counter-reset:h2}.outline-h2{counter-reset:h3}.outline-h3{counter-reset:h4}.outline-h4{counter-reset:h5}.outline-h5{counter-reset:h6}.outline-h1>.outline-item>.outline-label:before{counter-increment:h1;content:counter(h1)". "/* <--- delete this dot if not wanted */}.outline-h2>.outline-item>.outline-label:before{counter-increment:h2;content:counter(h1)"."counter(h2)". "/* <--- delete this dot if not wanted */}.outline-h3>.outline-item>.outline-label:before{counter-increment:h3;content:counter(h1)"."counter(h2)"."counter(h3)". "/* <--- delete this dot if not wanted */}.outline-h4>.outline-item>.outline-label:before{counter-increment:h4;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)". "/* <--- delete this dot if not wanted */}.outline-h5>.outline-item>.outline-label:before{counter-increment:h5;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)"."counter(h5)". "/* <--- delete this dot if not wanted */}.outline-h6>.outline-item>.outline-label:before{counter-increment:h6;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)"."counter(h5)"."counter(h6)". "/* <--- delete this dot if not wanted */}

重新启动软件即可看到软件自动编号