1241天 Edwiin

还好有你,再见如初。

本博客网页代码方式添加Kanna_康娜Live2d看板娘

发布于 3个月前 / 96 次围观 / 0 条评论 / 技术学习 / Edwiin

代码是现在本站在用的,只有随机一句话和各种提示,没隐藏和聊天功能哈。

头部文件(header)引入界面样式,在 head 标签内插入如下代码

<link rel="stylesheet" href="/live2d/css/live2d.css" />

页脚文件(footer)引入脚本,在 body 标签结束前插入如下代码

<script type="text/javascript">
    var message_Path = '/live2d/'
    var home_Path = 'http://edwiin.cn/' 
</script>
<script type="text/javascript" src="/live2d/js/live2d.js"></script>
<script type="text/javascript" src="/live2d/js/message.js"></script>
<script type="text/javascript">
    loadlive2d("live2d", "/live2d/model/Kobayaxi/Kobayaxi.model.json");
</script>

在 body 标签内合适的位置插入 Live2D 看板娘的元素

<div id="landlord">
    <div class="message" style="opacity:0"></div>
    <canvas id="live2d" width="280" height="380" class="live2d"></canvas>
</div>

保存刷新,博客左下角就有可爱的康娜了!