在其后面增加如下代码
保存后，强制刷新，你会发现看板娘太大了，挡住了文字，我们可以t通过自定义样式来将她改到合适的大小。
自定义样式
比较简单的方法就是修改相应皮肤的css文件，比如默认使用的是Vector，则我们进入如下路由MediaWiki:Vector.css，然后增加如下内容
#live2dcanvas {
position: fixed;
bottom: 20px;
padding-top: 1em;
width: 10em;
opacity: 1 !important;
left: 0;
}
这样一来，咱们的看板娘就在正确的位置了！
其他可选的模型
我们也可以选择其他的看板娘或者小动物！
直接覆盖上面代码中的jsonPath字段就好了
- 黑猫：https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
- 萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
- 白猫：https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
- 狗狗：https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
- 小可爱：https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
- 小可爱：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
不联网的情况下怎么显示看板娘
思路很简单，就是把依赖的文件都放到本地来。
转移L2Dwidget.min.js文件
去除skins/Vector/VectorTemplate.php中新增的内容。
修改skins/Vector/skin.json ，增加文件映射，找到skins.vector.js，增加一行
"skins.vector.js": {
"scripts": [
"L2Dwidget.min.js", // 增加这行
"collapsibleTabs.js",
"vector.js"
],
"position": "top",
"dependencies": [
"jquery.throttle-debounce",
"jquery.tabIndex"
]
}
相应的，在skins/Vector下面增加文件L2Dwidget.min.js，内容和在线L2Dwidget.min.js里面内容一样。
这样一来，依赖的js文件就拉取到本地了。
转移L2Dwidget.min.js依赖的L2Dwidget.0.min.js文件
很简答，和上面类似，将 在线L2Dwidget.0.min.js内容保存到本地，就放在wiki的根目录下面你的wiki根目录/L2Dwidget.0.min.js