博客园中添加Live 2D 看板娘
以下部分为最简操作#
直接在设置-页脚HTML处添加如下代码:
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": { //hibiki-jk妹 koharu-水手服妹妹 tsumiki-绿头发红袜子小妹妹 wanko-可爱小狗 jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json", "scale": 1 }, "display": { "position": "left", //模型的表现位置 "width": 150, //模型的宽度 "height": 350, //模型的高度 "hOffset": 30, "vOffset": -65, }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacityDefault": 0.7, //模型默认透明度 "opacityOnHover": 0.2 } }); </script>
半分钟的时间,立马拥有炫酷看板娘!!!
参考链接:
博客园添加live2d看板娘
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步