title: 思维导图
author: HaoQi
top: false
cover: false
toc: true
mathjax: false
categories:

  • 插件篇

tags:

  • hexo
  • 思维导图

reprintPolicy: cc_by
summary: 一款可以在hexo插入思维导图的神器。
abbrlink: 6c27b784
date: 2022-03-13 17:31:55
coverlmg:
img:
password:

推荐一款在github的开源项目hexo-markmap。

hexo-markmap

在你的博客中使用markdown插入思维导图，使用markmap。

安装

  1. npm install hexo-markmap

或

  1. yarn add hexo-markmap

使用

  1. {% markmap 300px %}
  2. - Testa
  3.   - test1
  4.   - test2
  5. - Testb
  6.   - test1
  7.   - test2
  8. {%endmarkmap%}

效果预览

{% markmap 300px %}

  • Java基础语法
    • 关键字
    • 标识符
  • Java面向对象
    • 基本概念
      • 类
      • 对象
    • 三大支柱
      • 封装
      • 多态
      • 继承
    • 相关内容
      • 访问修饰符
      • 抽象类
      • 接口
        {%endmarkmap%}