MenuTree

/ 2026-09-03/0/ 编辑


typecho文章目录树插件.webp

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; //偏移量}    锚点跳转定位
猜你喜欢