hexo-widget-tree
Tree preview widget for hexo.
(If your theme supports ajax, it can achieve refreshless browsing)
Usage
npm install hexo-widget-tree
# yarn add hexo-widget-tree
Click the middle button on the left of the page to expand the "tree" menu.
Click the folder with the +
icon to expand the menu. By clicking the folder name, you will be redirect to category page.
Options
-
cdn
:true
, default jsdelivr CDN. -
hide
:false
, automatically hides unless you move the mouse to the middle of the left part of the page. -
layout
: Which page will code snippets being injected. More info see Injector | hexo. -
showCount
: Show number of posts in category. -
toc
: More info here.-
enable
:false
, display toc for post
-
# You don't have to configure them.
widget_tree:
cdn: false
hide: false
layout: default
# layout:
# - home
# - page
showCount: true
toc:
enable: false
# max_depth:
# min_depth:
# list_number:
Features
- Adapt for dark mode
You need data-user-color-scheme="dark"
in parent node.
Dev
git clone https://github.com/YunYouJun/hexo-widget-tree
cd hexo-widget-tree
# install dependencies
npm install
npm link
# watch sass to compile
npm run dev
# start your hexo
cd your-hexo-blog
npm link hexo-widget-tree
hexo s
# We have to reload hexo server when plugin is modified.