Node-Tree

Node-Tree is a simple node tree directory theme, focus on notes record

Demo: Node Tree Demo

Docs: English | 中文

Based on tree theme.

Installation

$ cd hexo
$ git clone https://github.com/Exisi/hexo-theme-node-tree themes/node-tree

Or you can download the latest Release manually, and then put it in theme directory

Set the _config.yml theme

theme: node-tree

Update

You can update to latest master branch by the following command

$ cd themes/node-tree
$ git pull

Configuration

By default, the theme is default configuration for some configurations. If you need to customize the configuration, it is recommended to use _config.node-tree.yml to cover theme configuration. See Hexo configration Alternate Theme Config

Theme configuration

Create the _config.node-tree.yml file in Hexo root directory, and copy the follow configuration.

#---------------------------
# Theme Configuration
#---------------------------

#------------------------------------------------------
# Icon for browser tab
#------------------------------------------------------
favicon:
  light: /favicon-white.ico
  dark: /favicon.ico

#------------------------------------------------------
# Header menu Settings
#------------------------------------------------------
header:
  # Enable tag menu
  tag:
    enable: true
  # Enable category menu
  category:
    enable: true
  # Enable github menu
  github:
    enable: true
    url: ''
  # Enable about menu
  about:
    enable: true
  # Enable dark model menu
  darkMode:
    enable: true

#------------------------------------------------------
# sidebar Settings
#------------------------------------------------------
sidebar:
  # Post title use title or filename, If not defined, default is false (filename).
  usePostTitle: false
  search:
    # If not defined, default is google. Set engines as
    # https://www.baidu.com/s?wd=
    # https://www.google.com/search?q=
    engine: https://www.google.com/search?q=

#------------------------------------------------------
# Enhancements to code blocks
#------------------------------------------------------
code:
  # Code highlight
  highlight:
    highlightcss:
      # Select a style in the link
      # See: https://highlightjs.org/static/demo/
      style: "tokyo-night-dark"
    prismcss:
      # Select a style in the link
      # See: https://github.com/PrismJS/prism-themes?#available-themes
      style: "prism"
  # Code copy button
  copyBtn:
    # Enable copy code button
    enable: true

#------------------------------------------------------
# Enable the post copyright
#------------------------------------------------------
post:
  # Copyright, will be displayed at the end of each post
  copyright:
    enable: true
    # CreativeCommons license
    # See: https://creativecommons.org/share-your-work/cclicenses/
    # Options: BY | BY-SA | BY-ND | BY-NC | BY-NC-SA | BY-NC-ND | ZERO
    license: 'BY'
    # Show author
    author:
      enable: true
    # Show post date
    postDate:
      enable: true
      format: "LL"
    # Show update date
    updateDate:
      enable: false
      format: "LL"

#------------------------------------------------------
# Footer Settings
#------------------------------------------------------
footer:
  # HTML of the first line of the footer, it is recommended to keep the link to promote this theme to more people
  content: '
    <div>
      Theme
      <a href="https://github.com/Exisi/hexo-theme-node-tree"	target="_blank">Node-Tree</a>
      Powered by
      <a href="https://hexo.io" target="_blank">Hexo</a>
    </div>
  '

  # Copyright, will be displayed at the end of each page
  copyright:
    enable: true
    url: ''
    baseYear: 2024
  # Display website PV and UV statistics
  statistics:
    # Vercount is an efficient website counter based on NextJS and Redis. Support self-deployment
    # see: https://vercount.one/
    vercount:
      enable: true
      src: https://cn.vercount.one/js

#------------------------------------------------------
# Post comment, support giscus
# see: https://giscus.app/
#------------------------------------------------------
comment:
  # Based on GitHub Discussions, similar to Utterances
  # See: https://giscus.app/
  giscus:
    enable: false
    repo:
    repo_id:
    category:
    category_id:
    mapping:
    strict:
    reactions_enabled:
    emit_metadata:
    input_position:
    theme:

#------------------------------------------------------
# Enable Website Analytics, Supporting Google and Baidu Analytics
#------------------------------------------------------
analytics:
  # Baidu analytics, get the string behind `hm.js?`
  # See: https://tongji.baidu.com/
  baidu:
    enable: false
    hm: ''
  # Google Analytics 4 MEASUREMENT_ID
  # See: https://support.google.com/analytics/answer/9744165#zippy=%2Cin-this-article
  google:
    enable: false
    id: ''

Node Tree Rules

In order to link the contents of the directory, you need to create the Markdown file of the same name in the file directory.

_posts
└── foo/              # Create a new nested directory
    ├── bar.md
    └── foo.md        # the same name Markdown file inside the foo directory

In addition, the node of the directory will be sorted in order, so it is important to set a time for the post.