MenuTree

文章侧边栏目录插件

导航 2026-07-07 12
MenuTree

介绍

可根据文章内容中的子标题结构生成锚点目录树,点击链接即可快速跳转至相应位置。支持在文内或模板中控制输出位置,新版添加了编辑器快捷插入按钮。

使用方法

1. 下载本插件,放在 usr/plugins/ 目录中,确保文件夹名为 MenuTree;

2. 激活插件,设置内可开关“嵌入模式”即文章标签输出,“独立模式”即模板函数输出;

3. “嵌入模式”勾选时,编辑文章用按钮插入或手写<!-- index-menu -->标签发布即可显示目录树;

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

注意事项

  • 插件仅输出html不带css,请根据以下class命名自行处理样式:
.index-menu    容器 div
.index-menu-list    列表 ul
.index-menu-item    列表项 li
.index-menu-link    列表项链接 a
.menu-target-fix {display:block; position:relative; top:-60px; //偏移量}    锚点跳转定位

👇美化样式

详细教程

下载

网盘下载
开源地址
0
微信公众号 扫码关注公众号
QQ 扫码体验小程序
微信小程序 扫码体验小程序