前言

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

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

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

global $catalog;

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

教程

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

效果图

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

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

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

评论

全部评论 40

  1. 咕咕咕
    咕咕咕
    Google Chrome Windows 10
    内容不错，学习一下！
    回复
  2. 新一
    新一
    Google Chrome Android
    学习一下！
    回复
  3. 学习一下
    学习一下
    Google Chrome Windows 10
    学习一下。
    回复
  4. 方程无解
    方程无解
    Google Chrome Windows 10
    学习一下，谢谢大佬！
    回复
  5. 酷小呵
    酷小呵
    Google Chrome Android
    学习一下，谢谢大佬！[星星眼][tv_可爱]
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @酷小呵二进宫学习了[doge]
      回复
      1. 酷小呵
        酷小呵
        Google Chrome Android
        @木灵鱼儿

        啊[doge]，大佬这意思是？[星星眼]我上次在这里评论，被大佬记住了吗？谢谢
        不过这个文章的代码，我直接复制到我主题，不知道为啥没用[笑]

        回复
        1. 酷小呵
          酷小呵
          Google Chrome Android
          @酷小呵大佬不好意思，突然看到下面隔一句是我一个月前的评论[害羞]
          回复
          1. 木灵鱼儿
            木灵鱼儿
            FireFox Windows 10
            @酷小呵你可以参看我这个博客主题的代码，我开源了的
            回复
  6. 王航
    王航
    Google Chrome Windows 10
    学习一下[呲牙]
    回复
  7. 酷小呵
    酷小呵
    Google Chrome Android
    谢谢大佬看看隐藏
    回复
  8. Ayorishy
    Ayorishy
    Google Chrome Windows 10
    过来学习一下
    回复
  9. 寻梦xunm
    寻梦xunm
    Google Chrome Android
    自己写的书签功能最近存在问题，看看你写的代码是相同，借鉴一下
    回复
  10. bambooo
    bambooo
    Google Chrome Windows 10
    学习学习学习
    回复
    1. 鼠子
      鼠子
      Google Chrome Windows 10
      @bambooo学习一下！
      回复
  1. 1
  2. 2
  3. 3
  4. 4

相关推荐

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

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

Typecho掘金编辑器《Typecho_Plugin_JJEditor》

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

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

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

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

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

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

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

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

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

让typecho支持特殊字符

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

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

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

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

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

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

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

目录

目录