实现 Wordpress Markdown 文章目录

目录插件

目录插件我推荐:LuckyWP Table of Contents,该插件可以自动为每一篇文章插入目录,比如这样: image.png 也可以在侧边栏提供一个目录: image.png

目录跟随页面滚动

如果文章内容比较多,我们在看文章后半部分内容时是看不到目录的,想看目录就需要往上翻页面。这一点让人很不爽,我想让目录跟随页面滚动,这样无论何时只要我们想看目录,它就在文章的右侧。 我使用的插件是:fixed widget,轻松实现目录跟随页面滚动的需求。不过它有一个问题:就是会滚动过头……有时候目录甚至滚动到 Footer 那里去,这个现象在移动端特别明显: image.png 好在插件作者想到了这个 BUG,提供了一个接口用来控制 Weight 浮动的范围: 在插件的设置页面找到Stop Element选项,填入你的 Web 页面 Footer 的 ID 即可。 image.png