1673天 博客通用头像 Edwiin

本人熟练掌握linux,windows的开关机,擅长nfs,samba,ftp,dhcp,bind,apache,mail等各项服务的安装与卸载,精通shell,mysql,iptables,selinux等单词的拼写,了解虚拟化,存储,集群等相关汉字的书写。

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

发布于 1年前 / 395 次围观 / 0 条评论 / 技术学习 / Edwiin
本文最后更新于2019-5-4,已超过 1 个月没有更新,如果文章内容或图片资源失效,请【留言反馈】,我会及时处理,谢谢!

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

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

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

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

<script type="text/javascript">
    var message_Path = '/live2d/'
    var home_Path = 'http://www.yujianxinliu.com/' 
</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>

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

全站顶部广告位

  • 支付宝赞助图片
  • 微信赞助图片
  • QQ赞助图片
头像
描述: 还好有你,再见如初。

Press Space to start