- 导航栏:悬浮于右侧
- 标题:添加颜色、序号
效果图
添加 css 内容
drake-dark.css
最后添加以下内容
/**
* 自定义拓展:导航栏右悬浮、标题颜色、标题序号
*/
.md-toc {
float: right;
z-index: 1000;
position: fixed;
top: 17.6%;
right: 45px;
}
#write {
counter-reset: h1;
cursor: text;
transform: inherit;
}
h1 {
counter-reset: h2;
color: #f9963b;
font-size: 2rem;
margin-top: 0px;
padding-top: 24px;
text-align: left;
}
h2 {
counter-reset: h3;
color: #46ACC8;
font-size: 1.4rem;
}
h2 .md-plain {
padding-bottom: 0px;
border-bottom: 0;
line-height: 0px;
}
h3 {
counter-reset: h4;
color: #9ABC77;
font-size: 1.2rem;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1.2rem;
}
h6 {
font-size: 1.2rem;
}
#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 {
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) " "
}
#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: inherit;
float: inherit;
top: inherit;
font-size: inherit;
padding-left: inherit;
padding-right: inherit;
vertical-align: inherit;
font-weight: inherit;
line-height: inherit;
visibility: inherit;
}