在 Jekyll 中自动生成目录

使用 kramdown 的 markdown 语法生成目录

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
无序列表的目录

* TOC
{:toc}

有序列表的目录

1. TOC
{:toc}

带样式的目录

<div class="panel radius" markdown="1">
**Table of Contents**
{: #toc }
*  TOC
{:toc}
</div>

带样式的目录的例子

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
<style>
.panel.radius {
    border-radius: 3px;
}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #cbcbcb;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #E4E4E4;
    color: #333;
}
.panel > :first-child {
    margin-top: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333;
}
</style>


<div class="panel radius" markdown="1">
**Table of Contents**
{: #toc }
*  TOC
{:toc}
</div>

javascript 实现目录生成

Liquid 实现目录生成