【编程篇】Joe主题添加文章侧边栏目录

一、安装插件

Github 仓库链接：plugins/MenuTree at master · typecho-fans/plugins · GitHub

下载链接：https://github.com/typecho-fans/plugins/releases/download/plugins-M_to_R/MenuTree.zip

二、插件使用

2.1、启用插件

将下载好的插件放在 usr/plugins/ 目录中，确保文件夹名为 MenuTree；

激活插件，设置内可勾选“嵌入模式”与“独立模式”：

“嵌入模式”勾选时，编辑文章用按钮插入或手写 < !-- index-menu -->（插入按钮功能貌似是无效的，还有注意，别照抄这个标签，我在标签的 ! 前面加了一个空格，不然它就会被解析成目录了） 标签发布即可显示目录树；

“独立模式”勾选时，修改模板文件如 post.php 中写入 <?php $this->treeMenu(); ?> 也可显示。

需要注意的是，在文章中渲染出来的目录默认是没有任何样式的，所以需要我们自定义样式。

为了使目录显示为侧边栏，并且样式与 Joe 本来的侧边栏风格保持一致，这里使用“独立模式”，并用相应的 CSS 与 JS 文件来定义其样式。

此处内容已经被站长封印，请输入验证码查看

请提交验证码_按Enter：

关注微信公众号，回复“”扫描右侧二维码获取验证码

三、最终效果如下