Code Monkey home page Code Monkey logo

Comments (8)

YunYouJun avatar YunYouJun commented on June 21, 2024

每篇文章目录加上文章分类、文章数据量还是挺大的,我打算加个配置项自由决定是否显示目录吧。

至于夜间模式……,肯定得鸽挺久的,没啥时间一直整这个,有空再继续完善。

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 21, 2024

文章目录功能已经加上了。使用见文档,可配置是否开启,最大最小深度及是否显示序号。

高亮的话咱只高亮了打开的图标,因为文章标题也是一个链接,有对应的 hover 的颜色,所以就不加在标题上了。

文章有目录则显示可扩展的图标,没有目录则直接显示文章图标。

from hexo-widget-tree.

jianchengwang avatar jianchengwang commented on June 21, 2024

文章目录功能已经加上了。使用见文档,可配置是否开启,最大最小深度及是否显示序号。

高亮的话咱只高亮了打开的图标,因为文章标题也是一个链接,有对应的 hover 的颜色,所以就不加在标题上了。

文章有目录则显示可扩展的图标,没有目录则直接显示文章图标。

呃呃呃,可能我的表达有问题,大佬理解错了,我的意思是文章详情页面的话,该文章所在的目录可以自动展开,并且该文章的菜单项高亮显示,而不是把toc嵌套在目录里面,因为toc本来就有了。不过toc嵌套在目录里面感觉也挺实用的,不需要把目录折叠起来,然后再看自带主题的toc,减少操作。
现在文章详情页,目录默认都是折叠的,如图所示
image
想要的效果如下,
image
这样主要是方便查阅把,不用再手动找到文章的目录,然后再展开,一般树控件都是这样的,子菜单项选中,父菜单展开,
image

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 21, 2024

其实就是指根据文章显示对应在树状菜单中的位置吧。
菜单项高亮是指啥……

from hexo-widget-tree.

jianchengwang avatar jianchengwang commented on June 21, 2024

其实就是指根据文章显示对应在树状菜单中的位置吧。
菜单项高亮是指啥……

对的,高亮就是树状菜单里的这篇文章高亮呀。。表示当前这篇文章选中了呀,当前页面展示的是这篇文章

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 21, 2024

……我还以为指啥特殊菜单

等我明天再整🐦。

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 21, 2024

整好了。

from hexo-widget-tree.

jianchengwang avatar jianchengwang commented on June 21, 2024

整好了。

嗯,试了下,效果不错,大佬牛批

from hexo-widget-tree.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.