让你的博客插入一个小动画,很好玩

首先,需要申请博客园的 js 权限 ,步骤是:管理--》设置》--》js权限申请

其次,把以下代码添加到 "博客园侧边栏公告" 即可:

最后,代码 https://github.com/xiazeyu/live2d-widget-models

<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/live2d-widget-model-shizuku@1.0.5/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><!--
其他可选的模型:
黑猫:https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
萌娘:https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
白猫:https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
狗狗:https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
小可爱:https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
小可爱:https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
-->

  

转载于:https://www.cnblogs.com/marszhw/p/11447527.html

博客园 添加 Live 2D 模型相关推荐

  1. 【分享】给自己的博客园添加一个板娘(可选)

    全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...

  2. 为博客园添加github跳转链接

    一般程序员都会有自己的github仓库,在博客园添加跳转链接,可以很方便的进行访问查看. 添加html 首先,需要在设置中添加一段html,用于跳转链接 <a class="git-l ...

  3. 博客园添加鼠标粒子吸附特效

    本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...

  4. css文件插入背景音乐,博客园添加背景音乐,背景效果!

    博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...

  5. 博客园添加live2D看板娘和樱花飘落背景

    写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...

  6. 博客园添加Live2d看板娘

    最近给自己的博客添加了个动态的小萝莉,给大家分享一下,效果请见我的博客左下角: (当然你也可以在自己的html页面引入下面的js来添加小萝莉) 1.首先最重要的一点你要申请一个博客园账号. 2.其次申 ...

  7. 博客园添加访问人数统计超详细教程

    先看添加后的效果吧: 是不是还可以,下面就是教程了,简单易学,支持多种风格. 1. 登录http://www.amazingcounters.com/sign-up.php   这个地址去申请一个帐户 ...

  8. 博客园添加一个分享的

    给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- ...

  9. 如何为你的博客园添加到百度统计

    1.打开百度统计的地址 https://tongji.baidu.com/web/welcome/login?castk=LTE%3D 2.注册,打开网址后,右面有注册按钮,点击注册 选择站长版,点击 ...

  10. 博客园添加单曲背景音乐

    博客园的自定义 css .js背景的功能确实不错.还可以添加背景音乐啥的. 首先在博客园的后台设置那里申请到 js 的权限才能插入播放器的代码,申请理由充分一点才能被审核通过,审核时间一两天. 开通以 ...

最新文章

  1. Kafka史上最详细原理总结 ----看完绝对不后悔
  2. 雇佣最优秀的开发者?培养可能是更好的选择
  3. haproxy配置文件详解--转
  4. 虚拟机安装CentOS6.3及常见问题总结
  5. 优化 recipe 达到快速启动 SAP Hybris Accelerator Storefront 的方法
  6. spring集成 log4j + slf4j
  7. Polyfill工作笔记001---简介
  8. 物联网大变局:LoRa 正式获批!
  9. css ol 序列样式:数字带圆圈、括号
  10. linux mysql命令不存在_mysql命令、mysqldump命令找不到解决
  11. 宝塔Linux面板如何进入,云服务器怎么进入宝塔面板
  12. 生活中的逻辑谬误02.稻草人谬误
  13. 【历史上的今天】10 月 27 日:世界上第一次网络瘫痪;网络广告的诞生;短视频鼻祖 Vine 关闭
  14. 迷惘一代、沉默一代、X世代、Z世代……美国的几代人
  15. 智能名片小程序创建名片页功能实现关键代码
  16. Quality Trimming Via Trimmomatic
  17. EasyAR4.0使用说明(Unity3D)三----平面图像跟踪扩展:视频播放,涂涂乐
  18. 设计图片转换html5,在HTML5中翻转图片
  19. 学生管理系统:含注册登录操作
  20. kafka生产者报错:[org.apache.kafka.clients.NetworkClient:600] - Error while fetching metadata with corre

热门文章

  1. latex 插入Python代码
  2. 廖雪峰Python 2.X 教程
  3. GooFlow获取节点/线信息和自定义节点属性
  4. JS遍历map集合以及map对象
  5. 遍历Map集合的四种方式
  6. 外卖点餐系统源码|餐饮点餐源码开发
  7. (附代码)手写滑动验证码,完整代码开放
  8. ajax上传文件判断大小,JavaScript检测上传文件大小的方法
  9. python aiml开发文档,带有Python的AIML文件
  10. GitHub 20000+ Star,超轻量OCR系统PP-OCRv3效果再提升5% - 11%!