如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘

live2d看板娘一览图

1. 引入live-2d相关js

<!--Live-2D看板娘模型-->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

2. 添加下面的js脚本（这样就大功告成啦）

<!--Live-2D看板娘模型-->
<script type="text/javascript">//Live-2D看板娘模型L2Dwidget.init({model: {//jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型 //hijiki  //izumi //shizuku //koharujsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json", //这里改模型，前面后面都要改scale: 1,},display: {position: "right", //设置看板娘的上下左右位置width: 120,  //小萝莉的宽度height: 200, //小萝莉的高度hOffset: -50,  //水平偏移vOffset: 200  //垂直偏移},mobile: {show: false,  //在移动端不显示scale: 0.4    //移动设备上的缩放},react: {opacityDefault: 0.9, //设置透明度opacityOnHover: 0.2},});
</script>

如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘相关推荐

【转】博客美化(3)为博客添加一个漂亮的分享按钮
阅读目录 1.社会化分享 2.选择一个分享按钮 3.添加到博客园博客博客园美化相关文章目录:博客园博客美化相关文章目录在前2篇博客"博客美化(1)基本后台设置与样式设置"与&q ...
Hexo博客优化：在Next主题中设置进阶版Live2D看板娘————拒绝踩坑！！！！
最初级的用法使用官方包安装,安装非常简单,但效果一般 hexo live-2d地址:https://github.com/xiazeyu/live2d-widget-models git命令行中输入 ...
给博客添加一个浮动小人
加载这个脚本需要 jQuery库的支持,所以想要成功添加浮动小人 ,要先确认你的网站已加载 jQuery库. 将以下 CSS 代码加入到你的 style.css 文件中 .spig {displa ...
随机段子api php,给博客添加一个名言段子语句随机播放的功能（集成Hitokoto）
之前浏览张戈的博客,发现他的文章页点赞下方有个很有意思的东西,一列显示一段句子,刷新一下会重新生成另外一个,主要包含段子.台词等有意思的话. 余斗的博客不少内容都是参考张戈博客,虽然发现这个有趣的玩意 ...
看板娘demo，学会了可以方便的给自己的博客添加一个看板娘
文件下载由于文件代码有点多所以,放一个网盘链接链接:https://pan.baidu.com/s/1qiFDWN-bMzq6zKpytvuzeA 提取码:ajcm demo <!DOCTY ...
Hexo Next 博客添加相册瀑布流
原文:https://rebootcat.com/2020/09/19/nextphotowall/ 前言一直没有时间来整理下博客搭建的一些事情,现在补上一篇,给 Hexo Next 博客添加一个相 ...
博客园添加一个分享的
给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- ...
Hexo + yilia 主题 +githubpages博客添加友言评论功能
前言 Hexo博客的Yilia主题中评论系统只提供了畅言.网易云跟帖.多说和Disqus. 由于多说评论.网易云跟帖已经关闭系统,畅言需要域名备案,而github是国外的,没有备案,所以尝试了其他第三 ...
【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...

如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘

1. 引入live-2d相关js

2. 添加下面的js脚本（这样就大功告成啦）

如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘相关推荐

最新文章

热门文章