hexo-mindmap

Hexo绘制思维导图

hexo-markmap/GitHub链接

插件安装

npm install hexo-markmap --save

使用方式

{% markmap height [depth] %}
- markmap
  - Demo
    - [链接](http://localhost:4000/2023/12/13/hexo-mindmap/)
    - **inline** ~~text~~ *styles*
    - multiline
      content
    - HTML code is quite long      
    - [标签链接](#标签链接)
- links
- **inline** ~~text~~ *styles*
- multiline
  text
- `inline code`
{% endmarkmap %}

标签链接

优化

由于此主题是无边界的, 有时候想滚动页面, 结果进入脑图就会进行放大缩小, 因此给脑图增加边界

1. 全局搜索.markmap-container svg 位置在 themes/xxx/source/css/dark.css
2. 在该文件添加如下

.markmap-container svg {
    border: 1px dotted #1a97a8;
}

Hexo实现链接跳转

当前文章锚点跳转

[自定义文本](#标签链接)

自定义文本

站内文章跳转

官网方式

{% post_link filename [title] [escape] %}

{% post_link design-pattern-structural2 design-pattern-structural2 %}

站内文章标题跳转

<a href="{% post_path filename(不要后缀) %}#章节名">escape</a>

<a href="{% post_path jvm-sgg7 %}#1-对象的实例化">链接</a>

注意

#章节名处英文字母要全小写，空格要转换为-

我是一个标签