在分类中手动添加思维导图

本文最后面有重要更新

不会js也不会ejs的我竟然摸索着弄出来了哈哈哈

1.添加一个widget

找到文件categories.ejs：

hexo\themes\hexo-theme-matery-master\layout\categories.ejs

添加代码：

<%- partial('_widget/category-mind') %>

这个加的位置就是想放置的位置，比如我加在list下面了。

2.创建category-mind.ejs文件

在目录：

hexo\themes\hexo-theme-matery-master\layout\_widget\

添加代码如下：

<div class="container" data-aos="fade-up">
    <div class="card  card-categories-list-spcail">
        <div class="categories-title center-align">
                <i class="fas fa-bookmark"></i>&nbsp;&nbsp; 分类导图
        </div>

        <div class="card-content col s12  m12">
			<div  id="mind" class="container ">
				<img src="/img/category.jpg" style="zoom: 60%;"/>
			</div>
		</div>
	</div>   
</div>

img标签就是导图的截图了hhh，所以说是手动添加导图

有点low不过不影响观看~

3.调整大小

在img标签添加属性style，本地部署调试看看大小怎么样合适吧，我这个60%刚好。

<img src="xxx" style="zoom: 60%;"/>

4.效果

---

更新：导图渲染插件

虽然没xmind的主题好看不过还是很不错的，参考：

Hexo 博客添加思维导图渲染