TIP: To know where to put those CSS snippets, please seeAdd Custom CSS.
Auto-numbering in Article
This method automatically adds numbering to all headings in your article, like this:
To achieve this, add the following to your base.user.css or [theme].user.css in the theme folder.
/** 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 */#writeh1:before{counter-increment:h1;content:counter(h1)". "}#writeh2: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)". "}#writeh4:before,h4.md-focus.md-heading:before{counter-increment:h4;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)". "}#writeh5:before,h5.md-focus.md-heading:before{counter-increment:h5;content:counter(h1)"."counter(h2)"."counter(h3)"."counter(h4)"."counter(h5)". "}#writeh6: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;}Auto-Numbering in TOC
If you wantTOC entities to be displayed auto-numbered, you could tryhttp://pastebin.com/NYugSbXk posted by a Typora user.
Auto-Numbering Outline panel
To show auto-numbering in Typora’s Outline panel, disable the collapsable outline panel in the preferences panel and then tryhttps://pastebin.com/XmYgBbaz.