前言

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

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

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

global $catalog;

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

教程

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

效果图

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

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

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

评论

全部评论 40

  1. 1
    1
    Google Chrome Windows 10
    好好好好好
    回复
  2. 测试
    测试
    Google Chrome Windows 10
    真的假的1111
    回复
  3. 冯大仙
    冯大仙
    FireFox Windows 10
    真的假的1111
    回复
  4. xiaoli
    xiaoli
    Google Chrome MacOS
    新手在折腾博客，来学习学习，感谢～
    回复
  5. aa
    aa
    Google Chrome Windows 10
    看看1111
    回复
  6. 寻梦xunm
    寻梦xunm
    FireFox Windows 10
    六五六五？
    回复
  7. 神经蛙
    神经蛙
    Google Chrome Windows 10
    [脱单doge]
    回复
  8. M
    M
    Google Chrome Android
    来学习学习
    回复
  9. ikun
    ikun
    Google Chrome Android
    特意来学习
    回复
  10. mibai
    mibai
    Google Chrome Windows 10
    现在的博客都添加目录了
    回复
  1. 1
  2. 2
  3. 3
  4. 4

相关推荐

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

木灵鱼儿 20301 14 32
typecho 代码高亮 highlight.js

Typecho掘金编辑器《Typecho_Plugin_JJEditor》

木灵鱼儿 10893 2 16
插件 编辑器 typecho

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

木灵鱼儿 125854 693 154
typecho 开源 博客主题

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

木灵鱼儿 19189 0 28
主题 typecho 分类

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

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

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

木灵鱼儿 8427 19 6
typecho 主题开发 webpack5

让typecho支持特殊字符

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

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

木灵鱼儿 124424 0 123
typecho 评论 自定义评论

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

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

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

木灵鱼儿 95009 0 95
typecho 上一篇 下一篇
获得点赞 119
文章被阅读 27,712
最后更新 23-06-04 0:06:46

目录

目录