标题上下边距为1个字形大小：margin: 1em 0

title

## title

### title

#### title

##### title
###### title

markdown中使用井号表示标题，以上是测试 

# title
## title
### title
#### title
##### title
###### title

## <h1> ~ <h6>

𓀉 𓀊 𓀋 𓀌 𓀍

𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞𓀀

𓀁 𓀂 𓀄 𓀅 𓀆 𓀇 𓀈

𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈
𓀎 𓀏 𓀐 𓀑 𓀒𓀓 𓀖 𓀗
h2.na-title 𓀉 𓀊 𓀋 𓀌 𓀍
h3.na-title 𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞𓀀
h4.na-title 𓀁 𓀂 𓀄 𓀅 𓀆 𓀇 𓀈
h5.na-title 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈
h6.na-title 𓀎 𓀏 𓀐 𓀑 𓀒𓀓  𓀖 𓀗

## data-size

{i} 值范围 1到 6 : i级标题的大小和边距

𓀉 𓀊 𓀋 𓀌 𓀍
𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞𓀀
𓀁 𓀂 𓀄 𓀅 𓀆 𓀇 𓀈
𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈
𓀎 𓀏 𓀐 𓀑 𓀒𓀓 𓀖 𓀗
.na-title(data-size=3) 𓀉 𓀊 𓀋 𓀌 𓀍
.na-title(data-size=4) 𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞𓀀
.na-title(data-size=5) 𓀁 𓀂 𓀄 𓀅 𓀆 𓀇 𓀈
.na-title(data-size=6) 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈
.na-title 𓀎 𓀏 𓀐 𓀑 𓀒𓀓  𓀖 𓀗

## subtitle

副标题字体大小比主标题低一级

红楼梦 戚序本 
.na-title(data-size=1)
    |红楼梦
    span.na-title-subtitle 戚序本

红楼梦 戚序本 

h2.na-title
    |红楼梦
    span.na-title-subtitle(style={ float: 'right' }) 戚序本

## data-has-prefix

石头记
石头记
红楼梦 戚序本

全局变量 --color-title-prefix、--color-blockquote-prefix 可以自定义前缀主题颜色RGB值

全局变量 --margin-prefix、--gap-prefix 可以自定义前缀位置，前者在需要使用 padding 来解决自动滚动时标题过于贴顶时很有用 

h6.na-title(data-has-prefix) 石头记
h6.na-title(data-has-prefix data-primary='danger') 石头记
.na-title(data-has-prefix data-size=3 style="
    margin: 0;                              \\
    padding-top: 1em;                       \\
    padding-bottom: 1em;                    \\
    --margin-prefix: 1em;                   \\
    --color-title-prefix: var(--gold-5);    \\
")
    |红楼梦
    span.na-title-subtitle 戚序本