我们想给我们的mediawiki增加个看板娘,那么怎么做才好呢?
其实很简单,只要在相应的模板文件里增加指定代码就好了!
修改模板文件
找到模板文件skins/Vector/VectorTemplate.php
,然后查找如下内容
<div id="content" class="mw-body" role="main">
在其后面增加如下代码
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
"jsonPath": "https://unpkg.com/[email protected]/assets/shizuku.model.json",
"scale": 1
},
"display": {
"position": "left",
"width": 150,
"height": 300,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.7,
"opacityOnHover": 0.2
}
});
</script>
保存后,强制刷新,你会发现看板娘太大了,挡住了文字,我们可以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/[email protected]/assets/hijiki.model.json
- 萌娘:https://unpkg.com/[email protected]/assets/shizuku.model.json
- 白猫:https://unpkg.com/[email protected]/assets/tororo.model.json
- 狗狗:https://unpkg.com/[email protected]/assets/wanko.model.json
- 小可爱:https://unpkg.com/[email protected]/assets/z16.model.json
- 小可爱:https://unpkg.com/[email protected]/assets/koharu.model.json