Typora标题显示大小

Typora标题显示标题大小

显示效果

在使用Typora时发现很少有主题显示标题大小，但使用小标题时有些不方便因此研究了一下。

/*自动添加标题大小*/
/*自动添加标题大小-侧边栏部分*/
.outline-h1>.outline-item>.outline-label:before {
    counter-increment: h1;
    content: "H1 "
}

.outline-h2>.outline-item>.outline-label:before {
    counter-increment: h2;
    content: "H2 "
}

.outline-h3>.outline-item>.outline-label:before {
    counter-increment: h3;
    content: "H3 "
}

.outline-h4>.outline-item>.outline-label:before {
    counter-increment: h4;
    content: "H4 "
}

.outline-h5>.outline-item>.outline-label:before {
    counter-increment: h5;
    content: "H5 "
}

.outline-h6>.outline-item>.outline-label:before {
    counter-increment: h6;
    content: "H6 "
}

/*自动添加标题大小-内容部分*/
#write h1:before {
    counter-increment: h1;
    content:  "H1 "
}

#write h2:before {
    counter-increment: h2;
    content:  "H2 "
}

#write h3:before{
    counter-increment: h3;
    content: "H3 "
}

#write h4:before{
    counter-increment: h4;
    content: "H4 "
}

#write h5:before{
    counter-increment: h5;
    content: "H5 "
}

#write h6:before{
    counter-increment: h6;
    content: "H6 "
}

其中content: "H1 "中，双引号中的内容即为标题前显示的内容，可自行修改。
参考连接参考链接