当前位置：网站首页>Typora set the title to automatically add sequence number

Typora set the title to automatically add sequence number

2022-07-23 08:15:00 【51CTO】

Just for learning , Reprint please indicate the source

Typora Set the title to automatically add serial number _sed

Open file - preferences - Open the theme folder

Typora Set the title to automatically add serial number _h5_02

Typora Set the title to automatically add serial number _h5_03

Set up css style

Create an empty file , Name it base.user.css.

Typora Set the title to automatically add serial number _h5_04

Paste the following contents inside and restart after saving Typora, When you enter a title, the serial number... Will appear automatically .

Typora Set the title to automatically add serial number _ide_05

       
       /** 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) ". "
       
}
       
#write h3: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;
       
}
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.

The effect is as follows ：

Typora Set the title to automatically add serial number _ide_06

in addition , If it is necessary to remove the sequence number . Version of the number

       
       /** 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) " "
       
}
       
#write h3: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;
       
}
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.