前言

最近发现主题的目录树很多地方不是很满意，一方面是自己对于php的知识不是很好，大部分都是从网上分析的代码中拿取cv一下就用了，加上重构主题是一个比较大的工程，所以有些地方都是奔着先跑起来再说的思路。

像极了项目开发时的场景，先上线再说，用户量大了我们再优化！

昨晚我看了下typecho的目录树，都使用了一个全局变量：

global $catalog;

$catalog是一个扁平化的数组，里面存放着按顺序提取的页面h1-h6标题数据，由于php的数组可视化巨难看，我们先通过ts的方式去了解和实现这个处理。

教程

此处内容已隐藏回复后方可阅读。

效果图

这是一个我自己实现的效果，还是很不错的，有兴趣的可以自己研究更多玩法。

分类： Typecho博客教程 标签： typecho目录树
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

全部评论 18

  1. kirari
    kirari
    Google Chrome Windows 10
    围观一下啊
    回复
  2. jungle
    jungle
    FireFox Windows 7
    学习、学习。
    回复
  3. yj
    yj
    Google Chrome Windows 10
    看看大佬们的操作
    回复
  4. tyui
    tyui
    Google Chrome Android
    看看大佬们的操作
    回复
  5. 1
    1
    Google Chrome Windows 10
    好好好好好
    回复
  6. 测试
    测试
    Google Chrome Windows 10
    真的假的1111
    回复
  7. 冯大仙
    冯大仙
    FireFox Windows 10
    真的假的1111
    回复
  8. xiaoli
    xiaoli
    Google Chrome MacOS
    新手在折腾博客，来学习学习，感谢～
    回复
  9. aa
    aa
    Google Chrome Windows 10
    看看1111
    回复
  10. 寻梦xunm
    寻梦xunm
    FireFox Windows 10
    六五六五？
    回复
  1. 1
  2. 2

相关推荐

Typecho 使用highlight.js代码高亮如何实现代码行号

木灵鱼儿 811 9 13
typecho 代码高亮 highlight.js

Typecho掘金编辑器《Typecho_Plugin_JJEditor》

木灵鱼儿 1820 1 11
插件 编辑器 typecho

开源主题-高仿掘金《JJ》V2.0

木灵鱼儿 35810 516 124
typecho 开源 博客主题

typecho 自定义分类和分类高亮处理

木灵鱼儿 2540 0 14
主题 typecho 分类

利用typescript实现原生css变量的主题切换功能类

木灵鱼儿 1071 0 0
typecho TypeScript 主题切换

typecho主题开发：基于webpack5的多页面打包项目

木灵鱼儿 2210 0 6
typecho 主题开发 webpack5

让typecho支持特殊字符

木灵鱼儿 1224 0 0
typecho 特殊字符 emoji

typecho 真的很简单的自定义评论列表

木灵鱼儿 33238 0 92
typecho 评论 自定义评论

Lay 响应式Typecho博客主题 V1.1.2

木灵鱼儿 13442 0 8
主题 typecho 博客主题

typecho 超完美上一篇下一篇文章加文章缩略图

木灵鱼儿 39790 0 82
typecho 上一篇 下一篇
获得点赞 100
文章被阅读 2,959
最后更新 23-06-04 0:06:46

目录

目录