typora配置标题自动添加序号

  1. 依次点击以下按钮进入typora主题目录
    文件—》偏好设置—》外观—》打开主题文件夹

  2. 在主题目录创建 base.user.css 文件

  3. 在base.user.css 文件中增加以下内容

    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
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    /** 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;
    }

    /** 侧边栏列表 */

    .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) ". "
    }
     
    .outline-h2>.outline-item>.outline-label:before {
        counter-increment: h2;
        content: counter(h1) "." counter(h2) ". "
    }
     
    .outline-h3>.outline-item>.outline-label:before {
        counter-increment: h3;
        content: counter(h1) "." counter(h2) "." counter(h3) ". "
    }
     
    .outline-h4>.outline-item>.outline-label:before {
        counter-increment: h4;
        content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
    }
     
    .outline-h5>.outline-item>.outline-label:before {
        counter-increment: h5;
        content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
    }
     
    .outline-h6>.outline-item>.outline-label:before {
        counter-increment: h6;
        content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
    }

参考

1
https://zhuanlan.zhihu.com/p/110257979
devops

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！