在《如何在MediaWiki中插入思维导图》一文中我试验了在MediaWiki中插入脑图的功能，当时只是提供了一个思路。下面是一个简单的教程，并将脑图工具作为小工具来实现。
注：如果不喜欢用小工具的方法，直接将代码写如MediaWiki:common.js也一样。

一、定义小工具

打开你的网址/MediaWiki:Gadgets-definition页面，新建一个章节（或者是已有章节如browser）并添加如下代码：

* MarkMap[ResourceLoader|default]|MarkMap.js|MarkMap.css

二、编辑MarkMap.js

打开你的网址/MediaWiki:Gadget-MarkMap.js，然后添加如下代码：

mw.loader.load( 'https://cdn.jsdelivr.net/npm/markmap-autoloader', 'text/javascript' );

三、编辑MarkMap.css

这一步可要可不要，主要取决于自己对脑图样式的需要。同样打开你的网址/MediaWiki:Gadget-MarkMap.ccs，输入你想要实现的效果样式表代码。我就设定了一个宽度和高度。

四、编辑脑图页面

用源码编辑器创建一个DIV容器，然后将脑图代码加入其中，可以设定div的类或ID，以便用CSS对其进行美化。以下是示例代码：

<div>
 # 父母话术训练手册
 ## 什么是有助于孩子成长的语言
 ### 孩子的性格能够被周围大人的语言左右
 #### 把积极的态度作为礼物送给孩子
 - 你在正式场合总能发挥很好
 - 你的发展空间还很大
 - 你很优秀
 - 有很多人支持你
 - 你是个能干的孩子，你能做到
 #### 什么是消极的态度
 - 别磨磨蹭蹭，快点啊
 - 我家孩子动作慢
 - 以上话术可以改为：比平时动作快了/要是能在7:30之前吃完饭，妈妈会很高兴
……
</div>

以上教程供大家参考，如果有更好的方法还请留言。