给MediaWiki增加看板娘

我们想给我们的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