Table of Contents Example

How to enable table of content for a post?

First, let’s enable the catalog widget:

1
2
3
4
5
6
7
8
widgets:
+ - catalog
- recent_posts
- category
- archive
- tag
- tagcloud
- links

Then, add toc: true to the front-matter of the posts where you want to show a catalog:

1
2
3
4
title: Table of Contents Example
date: 2015-03-10 22:46:00
thumbnail: /hexo-theme-hueman/gallery/little-girl.jpg
+ toc: true

And that’s it!

First level title

Second level title

Third level title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum faucibus tellus in lobortis. Etiam ultrices
et risus at tempor. Aenean mollis in metus sed rutrum. Sed aliquet vel urna in luctus. Donec at sodales mauris. Donec
sed metus fermentum, pellentesque velit ac, tincidunt augue. Integer mattis risus a finibus iaculis. Donec mattis,
tellus a iaculis fringilla, ante quam rutrum urna, a mollis lorem lacus cursus risus. Pellentesque a quam in tellus
tincidunt imperdiet. Etiam eget fringilla risus. Praesent mauris massa, aliquam non nibh et, commodo rutrum ligula. Duis
fermentum gravida lectus at placerat. Suspendisse blandit rutrum lacus vel semper. Nulla magna ex, gravida quis ante
sed, gravida ornare ipsum.

[TOP]

Another third level title

Pellentesque porta odio sed odio venenatis, non efficitur est scelerisque. Vivamus dignissim ac massa in feugiat. Donec
auctor pulvinar arcu. Aenean auctor mi sed enim aliquam euismod. Vivamus eros arcu, faucibus non ullamcorper at,
sagittis a turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Suspendisse potenti. Cras et viverra felis. Fusce ullamcorper ex a orci eleifend tempor. Cras lacinia efficitur viverra.
Aenean lobortis placerat rhoncus. Praesent luctus pellentesque tristique. Cras convallis dignissim odio, sit amet
sagittis purus euismod et.

[TOP]

Another second level title

Phasellus ipsum urna, laoreet venenatis augue eleifend, dignissim tempor sem. Donec consectetur magna vitae orci viverra,
sit amet lacinia dolor sagittis. Pellentesque quis sagittis elit. Cras mattis velit ac lacus rutrum, quis luctus enim
scelerisque. Vestibulum eu tincidunt felis, in molestie nunc. Donec condimentum ultrices erat, volutpat ultricies nisi.
Pellentesque eu dui vitae augue congue accumsan. Proin eleifend tristique metus nec cursus.

[TOP]

Another first level title

Donec id erat in nulla condimentum commodo. Curabitur iaculis id ipsum a cursus. Vestibulum volutpat leo at dignissim
semper. Fusce at ex nec ipsum vestibulum posuere. Phasellus pretium felis tellus, non commodo dui tristique eu. Donec
iaculis posuere augue, ac condimentum purus feugiat sit amet. Etiam rutrum non mauris et pulvinar. Vestibulum ac nulla
magna.

[TOP]

Final title

Suspendisse potenti. Fusce ullamcorper lacus vitae leo dignissim malesuada. Sed commodo efficitur fermentum. Maecenas
mollis eget massa a tincidunt. Etiam non arcu lorem. In imperdiet venenatis ipsum, vitae venenatis magna tristique sit
amet. Donec quis pulvinar orci, sagittis convallis nisi.

[TOP]

Share