Let's try to make a table of content
Issue: table of content not working correctly
Behaviour: no highlight of the current section; can’t jump to a title by clicking on it.
Solution: delete a plugin called “hexo-toc” that I’ve installed previously using this command:
|
So here is my test text:
Enjoy 😑
Section 1
content
Sub section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit euismod in pellentesque massa placerat duis ultricies. Nam at lectus urna duis. Eu ultrices vitae auctor eu augue ut lectus. Tempus quam pellentesque nec nam aliquam sem et. Tempus quam pellentesque nec nam. Tempor commodo ullamcorper a lacus vestibulum. Porttitor eget dolor morbi non. Nec feugiat nisl pretium fusce. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Nulla pellentesque dignissim enim sit amet venenatis urna. Nunc sed blandit libero volutpat sed cras ornare arcu dui. Proin libero nunc consequat interdum varius sit amet. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Tellus integer feugiat scelerisque varius morbi. Aliquet eget sit amet tellus cras adipiscing. At imperdiet dui accumsan sit amet nulla facilisi morbi. Mattis aliquam faucibus purus in massa tempor nec feugiat nisl.
This is a big heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit euismod in pellentesque massa placerat duis ultricies. Nam at lectus urna duis. Eu ultrices vitae auctor eu augue ut lectus. Tempus quam pellentesque nec nam aliquam sem et. Tempus quam pellentesque nec nam. Tempor commodo ullamcorper a lacus vestibulum. Porttitor eget dolor morbi non. Nec feugiat nisl pretium fusce. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Nulla pellentesque dignissim enim sit amet venenatis urna. Nunc sed blandit libero volutpat sed cras ornare arcu dui. Proin libero nunc consequat interdum varius sit amet. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Tellus integer feugiat scelerisque varius morbi. Aliquet eget sit amet tellus cras adipiscing. At imperdiet dui accumsan sit amet nulla facilisi morbi. Mattis aliquam faucibus purus in massa tempor nec feugiat nisl.
This is a small heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit euismod in pellentesque massa placerat duis ultricies. Nam at lectus urna duis. Eu ultrices vitae auctor eu augue ut lectus. Tempus quam pellentesque nec nam aliquam sem et. Tempus quam pellentesque nec nam. Tempor commodo ullamcorper a lacus vestibulum. Porttitor eget dolor morbi non. Nec feugiat nisl pretium fusce. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Nulla pellentesque dignissim enim sit amet venenatis urna. Nunc sed blandit libero volutpat sed cras ornare arcu dui. Proin libero nunc consequat interdum varius sit amet. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Tellus integer feugiat scelerisque varius morbi. Aliquet eget sit amet tellus cras adipiscing. At imperdiet dui accumsan sit amet nulla facilisi morbi. Mattis aliquam faucibus purus in massa tempor nec feugiat nisl.
Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Adipiscing diam donec adipiscing tristique risus nec feugiat in. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Nulla facilisi cras fermentum odio eu feugiat pretium nibh. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Dui accumsan sit amet nulla facilisi morbi tempus iaculis urna. Lobortis elementum nibh tellus molestie nunc non blandit massa. Amet venenatis urna cursus eget nunc scelerisque viverra mauris in. Turpis cursus in hac habitasse platea dictumst quisque. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Enim nunc faucibus a pellentesque sit amet porttitor. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Auctor neque vitae tempus quam pellentesque nec nam. Nec ullamcorper sit amet risus. Eu non diam phasellus vestibulum lorem sed risus ultricies. Id diam vel quam elementum. Consequat nisl vel pretium lectus quam. Nunc consequat interdum varius sit. Velit aliquet sagittis id consectetur purus ut.
Est velit egestas dui id ornare. Donec et odio pellentesque diam volutpat commodo. In fermentum posuere urna nec tincidunt praesent semper feugiat. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Elit pellentesque habitant morbi tristique senectus. Risus quis varius quam quisque id diam vel quam elementum. Et malesuada fames ac turpis egestas. Non nisi est sit amet facilisis magna etiam. Laoreet id donec ultrices tincidunt. Aliquet nibh praesent tristique magna sit. Molestie ac feugiat sed lectus vestibulum mattis. Dictumst vestibulum rhoncus est pellentesque. Viverra adipiscing at in tellus integer. Nibh venenatis cras sed felis eget velit aliquet sagittis. Pretium fusce id velit ut tortor. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu.
This is a small heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit euismod in pellentesque massa placerat duis ultricies. Nam at lectus urna duis. Eu ultrices vitae auctor eu augue ut lectus. Tempus quam pellentesque nec nam aliquam sem et. Tempus quam pellentesque nec nam. Tempor commodo ullamcorper a lacus vestibulum. Porttitor eget dolor morbi non. Nec feugiat nisl pretium fusce. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Nulla pellentesque dignissim enim sit amet venenatis urna. Nunc sed blandit libero volutpat sed cras ornare arcu dui. Proin libero nunc consequat interdum varius sit amet. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Tellus integer feugiat scelerisque varius morbi. Aliquet eget sit amet tellus cras adipiscing. At imperdiet dui accumsan sit amet nulla facilisi morbi. Mattis aliquam faucibus purus in massa tempor nec feugiat nisl.
Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Adipiscing diam donec adipiscing tristique risus nec feugiat in. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Nulla facilisi cras fermentum odio eu feugiat pretium nibh. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Dui accumsan sit amet nulla facilisi morbi tempus iaculis urna. Lobortis elementum nibh tellus molestie nunc non blandit massa. Amet venenatis urna cursus eget nunc scelerisque viverra mauris in. Turpis cursus in hac habitasse platea dictumst quisque. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Enim nunc faucibus a pellentesque sit amet porttitor. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Auctor neque vitae tempus quam pellentesque nec nam. Nec ullamcorper sit amet risus. Eu non diam phasellus vestibulum lorem sed risus ultricies. Id diam vel quam elementum. Consequat nisl vel pretium lectus quam. Nunc consequat interdum varius sit. Velit aliquet sagittis id consectetur purus ut.
Est velit egestas dui id ornare. Donec et odio pellentesque diam volutpat commodo. In fermentum posuere urna nec tincidunt praesent semper feugiat. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Elit pellentesque habitant morbi tristique senectus. Risus quis varius quam quisque id diam vel quam elementum. Et malesuada fames ac turpis egestas. Non nisi est sit amet facilisis magna etiam. Laoreet id donec ultrices tincidunt. Aliquet nibh praesent tristique magna sit. Molestie ac feugiat sed lectus vestibulum mattis. Dictumst vestibulum rhoncus est pellentesque. Viverra adipiscing at in tellus integer. Nibh venenatis cras sed felis eget velit aliquet sagittis. Pretium fusce id velit ut tortor. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu.
Malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Et sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Eget lorem dolor sed viverra ipsum nunc. Orci dapibus ultrices in iaculis nunc sed augue. Habitant morbi tristique senectus et netus et. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Nam libero justo laoreet sit amet. Morbi tincidunt augue interdum velit. Felis eget nunc lobortis mattis aliquam faucibus purus in. Dui faucibus in ornare quam viverra orci sagittis. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Nec ullamcorper sit amet risus nullam eget felis eget. Euismod lacinia at quis risus sed. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Dui vivamus arcu felis bibendum ut tristique et. Enim ut sem viverra aliquet eget sit.
Egestas maecenas pharetra convallis posuere morbi leo urna. Imperdiet proin fermentum leo vel orci porta. Faucibus nisl tincidunt eget nullam. Pharetra sit amet aliquam id. Felis imperdiet proin fermentum leo vel orci porta non pulvinar. Blandit cursus risus at ultrices mi tempus. Turpis cursus in hac habitasse platea. Elementum tempus egestas sed sed risus. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Ultricies integer quis auctor elit. Orci phasellus egestas tellus rutrum tellus. Quis blandit turpis cursus in hac habitasse.
This is a small heading 3
This is a small heading 4
This is a small heading 5
This is a small heading 6
Let's try to make a table of content
https://truezihaoxu.github.io/zhx-blog/2021/04/14/Let-s-try-to-make-a-table-of-content/