解决Hexo中使用HTML取代markdown层级标题样式后的ToC锚点失效问题
本文为原创文章,转载或引用时必须保留本文链接和此版权声明信息:
Markdown 虽然大大提高了书写排版的效率,但是在有些场合并不能完全取代HTML写出更漂亮的页面。
Markdowon中使用“#”到“######”表示六个级别的标题。在Hexo的markdown解释器中,这块的内容并不能进行结构和样式的更改。例如我想显示这样的标题页
生成的ToC是这样的
然而这个ToC的锚点指向的是null。也就说失去了点击该链接进行页内跳转的功能。
通过研究根据此博客(链接)所提到的这个ToC实现的代码,最终发现了解决方案。
也就是给HTML中层级标题标签,也就是h1到h6标签添加id属性,这个属性最后会作为锚点用于ToC的页内跳转
附上该博客的截图,以防链接失效: