【写博客常用】typora自动添加标题生成目录

约定不等于承诺〃 2022-09-14 08:42 725阅读 0赞

### 【写博客常用】typora自动添加标题生成目录 ###

## 1.可实现的效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70]

## 2、配置方法 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70 1]

### 新建一个txt文档，更改后缀名即可 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70 2]

### 编辑文件 base.user.css ###

代码实现

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

\#write h1, .outline-h1, .md-toc-item.md-toc-h1 \{   
counter-reset: h2  
\}

\#write h2, .outline-h2, .md-toc-item.md-toc-h2 \{   
counter-reset: h3  
\}

\#write h3, .outline-h3, .md-toc-item.md-toc-h3 \{   
counter-reset: h4  
\}

\#write h4, .outline-h4, .md-toc-item.md-toc-h4 \{   
counter-reset: h5  
\}

\#write h5, .outline-h5, .md-toc-item.md-toc-h5 \{   
counter-reset: h6  
\}

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

\#write h2:before,  
h2.md-focus.md-heading:before,  
.outline-h2>.outline-item>.outline-label:before,  
.md-toc-item.md-toc-h2>.md-toc-inner:before\{   
counter-increment: h2;  
content: counter(h1) “.” counter(h2) " "  
\}

\#write h3:before,  
h3.md-focus.md-heading:before,  
.outline-h3>.outline-item>.outline-label:before,  
.md-toc-item.md-toc-h3>.md-toc-inner:before \{   
counter-increment: h3;  
content: counter(h1) “.” counter(h2) “.” counter(h3) " "  
\}

\#write h4:before,  
h4.md-focus.md-heading:before,  
.outline-h4>.outline-item>.outline-label:before,  
.md-toc-item.md-toc-h4>.md-toc-inner:before \{   
counter-increment: h4;  
content: counter(h1) “.” counter(h2) “.” counter(h3) “.” counter(h4) " "  
\}

\#write h5:before,  
h5.md-focus.md-heading:before,  
.outline-h5>.outline-item>.outline-label:before,  
.md-toc-item.md-toc-h5>.md-toc-inner:before \{   
counter-increment: h5;  
content: counter(h1) “.” counter(h2) “.” counter(h3) “.” counter(h4) “.” counter(h5) " "  
\}

\#write h6:before,  
h6.md-focus.md-heading:before,  
.outline-h6>.outline-item>.outline-label:before,  
.md-toc-item.md-toc-h6>.md-toc-inner: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
 *  71
 *  72
 *  73
 *  74
 *  75
 *  76
 *  77
 *  78
 *  79
 *  80
 *  81
 *  82
 *  83
 *  84
 *  85
 *  86
 *  87
 *  88
 *  89
 *  90
 *  91
 *  92
 *  93
 *  94
 *  95
 *  96
 *  97

[文章来源][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70]: /images/20220828/4319485e99c148a5b350511d238ffc3d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70 1]: /images/20220828/8bafc540f00547ceab634805054eb3ac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTc4Njg1_size_16_color_FFFFFF_t_70 2]: /images/20220828/66d64575a8094c5ebca2941e4cbd4cb2.png
[Link 1]: https://www.cnblogs.com/ysuwangqiang/p/11948854.html