火喵自用typecho-joe主题文章目录插件及样式修改

样式效果

之前小站做了个文章目录，但是问题很多就没有写什么使用方法，但是今天有小伙伴来问我要小站的目录，于是只好写一篇这样的教程，本来是很简单的，用插件就可以实现了，但是有一些美中不足之处，这样写出来也方便和小伙伴们交流。（才不是为了水一篇博文的！绝对是呢！！→_→）

最终的效果是这样的，小伙伴也能在小站浏览的时候发现它

下载插件

各位可以去插件作者地址去下载： https://github.com/wuruowuxin74/MenuTree
也可以在我这下现成的

此处内容，需回复之后可见

写入样式

可以新建一个postmenu.css，写入
此处内容，需回复之后可见

别忘了在include.php引用
美化样式是火喵自用，不满意的地方可以自行修改，更多可修改的部分参见插件php内的说明。
插件启动后，在想要插入目录的文章，页面的任意位置写 <!-- index-menu -->

更方便的使用（可选）

小伙伴们会发现在使用文字目录时，打字 <!-- index-menu -->很麻烦，现在有两个解决办法，一个是写入到joe编辑器的工具栏，二是放在编辑框的右侧，如图，用的时候直接复制一下就好了

修改\admin\write-post.php内，想要的位置添加代码

<section class="typecho-post-option">
    <label class="typecho-label"><?php _e('文章目录 &lt;!-- index-menu --&gt;'); ?></label>
</section>

可选择修改write-page.php同理

效果图

代码位置

最后想说

1. 因为使用的插件可以自选当前文章是否需要用文章目录，我之前也修改过另一个文章目录插件，是自动检测文章内容的H2,H3字段，当然有需要的也可以这么改
   
2. 看css可知我选择的是position: fixed，针对浏览器窗口定位，缺点是在非1080的屏幕上很丑，因此隐藏了宽度小于1900的显示，高分辨率屏幕就显得格格不入了，没办法qaq，也不能跟随文章页滚动，有大佬会修改请告诉我，感谢