如果你想自定义网站图标, 看板娘, 云音乐等. 收录在系列文章 博客园主题美化开发系列. 网站图标 看板娘 云音乐
live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru) live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru) live2d-widget-mod
不知道该不该说二次元的力量是不是强大，有好多博客都写了相关的内容，非常可惜的是，我也是一名阿宅，不弄个看板娘说不过去。 代码 首先，需要申请博客园的 js 权限 ，步骤是：管理 -> 设置 -> js权限申请 接着就到页面html代码添加如下代码 引入 live2d 的 js： 要注意书写规范，同时奇怪的地
页面定制CSS-飘雪特效、看板娘、屏蔽底层广告 /* 飘雪特效 */ #Snow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(255,255,240,0.1); pointer-events: none; } /* 看板娘 */ canvas#live2
前言 我也算是最近才开始玩博客园，第一眼就发现了这个会动的人物模型。找到了相关文章，参考链接放在最下。 之所以自己还要写一次【因为我发现我的博客园文件地址不是我的博客园名字，而是变成一串数字。写一下免得小白受罪】 1.下载模型相关文件 参看以下链接中的下载地址。 https://
基本使用方法 如下面代码一样，在HTML的head头内引入L2Dwidget.js即可在页面中引入动画。 <script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.min.js"></script> <script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.0.min.js"></script> &l
1.博客园常见的看板娘 参考教程 2. 粒子特效 查看教程
研究了好久，我也总算是在我的博客主页添加上了看板娘这个东西，说实话网上的教程挺多的，但对我这个一点也没学过JS的小白来说确实有的教程会说的有点简略，不过这也正常，你要是啥也不会还整这些花里胡哨的干啥。如果只是把从网上找来的代码给粘上，并不能达到预期的效果，还是要对这些代码做
刚来博客园没多久，学着其他人添加了看板娘 看板娘就是一个放在博客左下角或者右下角的2d动态小女孩 像这样： 上代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
具体效果请看左下角 需要三个文件和一个可选文件 waifu.css（看板娘在页面的位置以及大小） waifu-tips.js（看板娘的语言设置） live2d.min.js（一些点击之后的动作） * flat-ui.min.css（看板娘的选项 PS：右面的选项 ，不需要可以不配置） 百度网盘 提取码: meuf 一、把下载的压缩包解压 二、把所
将下列代码复制粘贴到页尾HTML： <!-- live2D --> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu1.css"/> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.m
文件下载 由于文件代码有点多所以，放一个网盘链接 链接：https://pan.baidu.com/s/1qiFDWN-bMzq6zKpytvuzeA 提取码：ajcm demo <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="
代码修改于 https://www.fghrsh.net/post/123.html 核心依赖 live2d.min.js 可以从 https://github.com/stevenjoezhang/live2d-widget下载，嫌速度慢的话，gitee上也有。 l i v
想要给自己的博客设置一个看板娘（一个很可爱的二次元姑娘），首先需要向管理员申请JS权限（个人网站除外）。 1.申请JS权限 进入到博客园首页-右上角自己头像点击：我得园子-进来后，点击右上角：设置- 进来后店里左边：博客设置-进来后下滑，就可以找到申请JS权限了。申请的时候需要给管理员附带上申
直接粘贴以下代码(静态网页在_config.yml中添加，博客园在页尾html中加)： <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Dreamer-Paul/Pio@2.4/static/pio.min.css" /> <script
博客园添加看板娘 1. 申请JS 我这个是已经申请了的，没有申请时会显示点击申请，一般几个小时就能审核通过。 2.将下列4个文件下载并上传到自己的博客中 waifu.css （看板娘在页面的位置以及大小） waifu-tips.js （看板娘的语言设置） live2d.min.js （一些点击之后的动作） flat-ui.min.css
1.首先博客园账户先要有js使用权限，没有可以去申请 2.博客园---设置---在页脚插入下面的代码 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": {
必须要申请JS权限，没有申请过JS权限的朋友请先看这篇文章 博客园申请JS权限教程，已经申请通过的请忽略 点击下载看板娘配置文件，提取码 izvk 下载完成后将压缩包解压，一共有5个文件 waifu.css（看板娘放置在页面左边以及大小设置） waifu1.css（看板娘放置在页面右边以及大小设置） waif
<!-- ---------------看 板 娘 く__,.ヘヽ. / ,ー､ 〉 ＼ ', !-─‐-i / /´
简述：看板娘是一种职业和习惯称呼，也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生，也有“吸引顾客，招揽生意，提高人气”等作用类似品牌形象代言人的含义。 那么，这个呆萌的看板娘是如何添加呢？其实非常的简单，只需要简单的几行代码就能实现。 一、html文件添加以下代码 <!--
看板娘 看板娘也就是别人博客右下角或者左下角的那个小人, 那如何把它加载到自己的博客园呢? 前提条件 必须需要申请开通支持JS代码, 否则以下内容也就不用看了 配置 侧边栏公告 将以下内容复制到: 博客侧边栏公告（支持HTML代码） （支持 JS 代码） <div class="w
首先，申请js权限 然后，上传资源文件到博客园，或者引用我的博客中已有的js文件：L2Dwidget.0.min.js和L2Dwidget.min.js 最后，在页脚代码中添加代码： <script type="text/javascript" charset="utf-8" src="https://blog-static.cnblogs.com/files/bingDiv/L2Dwidget.0.min.js"></scri
在受到朋友的委托之后，给他的个人博客整上了看板娘。但是在根据网上的教程做完之后，发现看板娘的模型没有成功显示出来。在抓包之后，发现是.moc文件没有成功获取，反而出现了404错误。经过认真的检查之后，发现路径并没有存在错误，对于相同路径下的.js文件.css文件等都可以正常地获
先把文件建好，一共四个需要上传博客园的文件 ①waifu.css ②waifu-tip.css ③live2d.js ④live2d-related.css 你可以通过https://blog-static.cnblogs.com/files/Nortonary/ + 相应文件名 获取该文件的详细代码 随后，在博客园侧边公告栏输入以下代码： <!DOCTYPE html> <html xmlns
原文链接：https://www.cnblogs.com/ysysbky/p/12247667.html 1.文章推荐和反对按钮 在博客园后台 -> 页面定制 CSS 代码中添加: 注意必须先申请js代码 #div_digg{ position:fixed; bottom:5px; width:140px; right:135px; border:2px solid #258fb8; padding:10px;
