MyLife主题演示站 - 插件
type: channel
link: https://store.mmbkz.cn/demo/mylife/index.php/tag/%E6%8F%92%E4%BB%B6/
items: 火喵自用typecho-joe主题文章目录插件及样式修改

火喵自用typecho-joe主题文章目录插件及样式修改
type: item
date: 2021-08-05T02:49:00+00:00
description: {cat_tips_warning color=""}前排提示！！此方法为之前用的方法，实际效果和现在的不同。本文火喵原创，禁止转载{/cat_tips_warning}样式效果之前小站做了个文章目录，但是问题很多就没有写什么使用方法，但是今天有小伙伴来问我要小站的目录，于是只好写一篇这样的教程，本来是很简单的，用插件就可以实现了，但是有一些美中不足之处，这样写出来也方便和小伙伴们交流。（才不是为了水一篇博文的！绝对是呢！！→_→）最终的效果是这样的，小伙伴也能在小站浏览的时候发现它下载插件各位可以去插件作者地址去下载： https://github.com/wuruowuxin74/MenuTree也可以在我这下现成的{cat_hide}{cat_download name="joe文章目录" url="https://dorcandy.lanzoui.com/ixiGWs943va" password=""}{/cat_hide}写入样式可以新建一个postmenu.css，写入{cat_hide}/*文章目录样式,针对joe7主题修改*/ .index-menu { width: 250px; position: fixed; top:120px; left:30px; background: var(--background); border-radius: var(--radius-wrap); box-shadow: var(--box-shadow); max-height:600px; overflow-y:auto; } .index-menu-link{ color: var(--main); text-shadow: var(--text-shadow); } .index-menu-list{ margin-bottom:10px!important; margin-top:5px!important; } @media screen and (max-width:1900px) { .index-menu{ display:none; } }{/cat_hide}别忘了在include.php引用美化样式是火喵自用，不满意的地方可以自行修改，更多可修改的部分参见插件php内的说明。插件启动后，在想要插入目录的文章，页面的任意位置写 更方便的使用（可选）小伙伴们会发现在使用文字目录时，打字 很麻烦，现在有两个解决办法，一个是写入到joe编辑器的工具栏，二是放在编辑框的右侧，如图，用的时候直接复制一下就好了修改\admin\write-post.php内，想要的位置添加代码 <?php _e('文章目录 '); ?> 可选择修改write-page.php同理最后想说因为使用的插件可以自选当前文章是否需要用文章目录，我之前也修改过另一个文章目录插件，是自动检测文章内容的H2,H3字段，当然有需要的也可以这么改看css可知我选择的是position: fixed，针对浏览器窗口定位，缺点是在非1080的屏幕上很丑，因此隐藏了宽度小于1900的显示，高分辨率屏幕就显得格格不入了，没办法qaq，也不能跟随文章页滚动，有大佬会修改请告诉我，感谢