给自己的博客园装饰萌萝莉（live2d）

有挺多博友问我博客右下角的萝莉是怎么加上的，我这里做一个小教程。

首先，也是最重要的，必须先有一个cnblog账号。
登录博客园账号→管理→设置，在这里修改设置。
下滑，申请JS权限，申请成功后会有提示（支持js代码）。
然后在【页首html代码】编辑器中插入

<!-- 右下角live2d效果 -->
<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>

　　 5. 然后在【页脚html代码】编辑器中插入

 1 <!-- 右下角live2d效果 -->
 2 <script type="text/javascript">
 3 setTimeout(() => {
 4         L2Dwidget.init({
 5                 "model": {
 6                         "scale": 0.5
 7                 },
 8                 "display": {
 9                         "position": "right",
10                         "width": 180,
11                         "height": 260,
12                         "hOffset": 0,
13                         "vOffset": -20
14                 },
15                 "mobile": {
16                         "show": true,
17                         "scale": 0.5
18                 },
19                 "react": {
20                         "opacityDefault": 0.7,
21                         "opacityOnHover": 0.2
22                 }
23         });
24 }, 1000)
25 </script>

写个延时是为了等资源加载完，不然会报找不到 L2Dwidget 对象等错误。

当然也可以自定义其他选项，需要自己去踩坑了！

就这样，博客右下角就会添加实时关注你的萝莉啦！

转载于:https://www.cnblogs.com/e-cat/p/10262425.html

给自己的博客园装饰萌萝莉（live2d）相关推荐

css文件插入背景音乐,博客园添加背景音乐,背景效果!
博客园添加背景音乐,背景效果申请博客园js权限申请话术实例尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...
利用装饰器模拟博客园登陆
要求: 项目分析:一．首先程序启动,页面显示下面内容供用户选择: 1.请登录2.请注册3.进入文章页面4.进入评论页面5.进入日记页面6.进入收藏页面7.注销账号8.退出整个程序二．必须实现的功能: ...
python 装饰器写博客园
需求 1),启动程序,首页面应该显示成如下格式: 欢迎来到博客园首页 1:请登录 2:请注册 3:文章页面 4:日记页面 5:评论页面 6:收藏页面 7:注销 8:退出程序 2),用户输入选项,3~6 ...
php是什么博客园,PHP 架构之路 - Richards - 博客园
PHP 架构之路 - Richards - 博客园 PHP 架构之路鉴于最近跟小伙伴聊了很多 PHP 架构发展方向的问题, 相关技术整理了一下, 也顺便规划了一下自己的 2019 年. 一. 常用的 ...
[活动]《博客园精华集》设计模式分册第2轮筛选结果公示
说明 <博客园精华集>设计模式分册第2论筛选结果,总共有284篇,主要由TerryLee.idior.怪怪三人完成.在经过第三轮打分之后,还会有很多的文章出局.请大家发现以下文章中有转载或 ...
python在化工模拟中的应用_python完成模拟博客园登陆
importos#登录状态 status_dic ={'username': None,'status': False } flag=True#用户名,密码以字典形式打开 defuser_pwd() ...
博客园增加Live2D看板娘教程，超级简单，一看就懂
目录一.前言二.效果图三.资源准备 1.相关的资源,可以点击下面的网盘链接直接下载 2.也可以通过下面的地址到Gitbuh中下载四.实现教程 1.个人小站实现教程 2.博客园实现教程一.前言 ...
回答阿里社招面试如何准备，顺便谈谈对于Java程序猿学习当中各个阶段的建议 - 左潇龙 - 博客园...
引言其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...
屏蔽博客园背景动态线条
1. 问题描述由于博客园允许用户添加含js的html代码来装饰自己的博客界面,这导致很多人跟风地给自己博客添加背景动态线条.live2D等,其中动态背景线条如下图所示: 它不停地随机生成线条,并漂浮 ...

给自己的博客园装饰萌萝莉（live2d）

有挺多博友问我博客右下角的萝莉是怎么加上的，我这里做一个小教程。

给自己的博客园装饰萌萝莉（live2d）相关推荐

最新文章

热门文章