前言

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

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

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

global $catalog;

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

教程

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

效果图

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

分类: Typecho博客教程 标签: typecho目录树

评论

全部评论 22

  1. 小A
    小A
    Google Chrome Windows 10
    最近也想给自己的加个目录树,试了好些个还有自己写的也试了,最后还是选择了outline.js库来实现
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @小A纯前端时间没有seo
  2. 苏顾.
    苏顾.
    Google Chrome Windows 10
    学习学习.....
  3. test
    test
    Google Chrome Android
    希望下一个版本能够直接在控制台中便捷的修改fanvion图标和heard图标地址[爱心]
  4. kirari
    kirari
    Google Chrome Windows 10
    围观一下啊
  5. jungle
    jungle
    FireFox Windows 7
    学习、学习。
  6. yj
    yj
    Google Chrome Windows 10
    看看大佬们的操作
  7. tyui
    tyui
    Google Chrome Android
    看看大佬们的操作
  8. 1
    1
    Google Chrome Windows 10
    好好好好好
  9. 测试
    测试
    Google Chrome Windows 10
    真的假的1111
  10. 冯大仙
    冯大仙
    FireFox Windows 10
    真的假的1111

目录