首页 > TAG信息列表 > 看板娘
博客园主题美化 进阶知识
如果你想自定义网站图标, 看板娘, 云音乐等. 收录在系列文章 博客园主题美化开发系列. 网站图标 看板娘 云音乐live2d 看板娘可用模型
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【美化博客园样式历程】添加live2D看板娘
不知道该不该说二次元的力量是不是强大,有好多博客都写了相关的内容,非常可惜的是,我也是一名阿宅,不弄个看板娘说不过去。 代码 首先,需要申请博客园的 js 权限 ,步骤是:管理 -> 设置 -> js权限申请 接着就到页面html代码添加如下代码 引入 live2d 的 js: 要注意书写规范,同时奇怪的地本人博客园样式备份一-飘雪、看板娘、屏蔽底层广告、github角标、鼠标点击文字特效、烟花特效、
页面定制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博客园添加看板娘 (2021/11/05更新)
前言 我也算是最近才开始玩博客园,第一眼就发现了这个会动的人物模型。找到了相关文章,参考链接放在最下。 之所以自己还要写一次【因为我发现我的博客园文件地址不是我的博客园名字,而是变成一串数字。写一下免得小白受罪】 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 一、把下载的压缩包解压 二、把所博客园美化:添加live2d看板娘
将下列代码复制粘贴到页尾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看板娘demo,学会了可以方便的给自己的博客添加一个看板娘
文件下载 由于文件代码有点多所以,放一个网盘链接 链接: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="live2d-widget 看板娘(改)
代码修改于 https://www.fghrsh.net/post/123.html 核心依赖 live2d.min.js 可以从 https://github.com/stevenjoezhang/live2d-widget下载,嫌速度慢的话,gitee上也有。 l i v【博客园】如何开通申请开通JS权限,如何使用JS在自己的博客上设置看板娘?
想要给自己的博客设置一个看板娘(一个很可爱的二次元姑娘),首先需要向管理员申请JS权限(个人网站除外)。 1.申请JS权限 进入到博客园首页-右上角自己头像点击:我得园子-进来后,点击右上角:设置- 进来后店里左边:博客设置-进来后下滑,就可以找到申请JS权限了。申请的时候需要给管理员附带上申用html代码给网页加个live2d看板娘吧
直接粘贴以下代码(静态网页在_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.csslived2d看板娘分享
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 / /´网页添加Live2D 看板娘
简述:看板娘是一种职业和习惯称呼,也是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"></scriIIS服务器下.moc文件的获取
在受到朋友的委托之后,给他的个人博客整上了看板娘。但是在根据网上的教程做完之后,发现看板娘的模型没有成功显示出来。在抓包之后,发现是.moc文件没有成功获取,反而出现了404错误。经过认真的检查之后,发现路径并没有存在错误,对于相同路径下的.js文件.css文件等都可以正常地获博客园如何实现看板娘Live2d?来吧少年,开启新世界的大门!——live2d 博客园 个性化定制
先把文件建好,一共四个需要上传博客园的文件 ①waifu.css ②waifu-tip.css ③live2d.js ④live2d-related.css 你可以通过https://blog-static.cnblogs.com/files/Nortonary/ + 相应文件名 获取该文件的详细代码 随后,在博客园侧边公告栏输入以下代码: <!DOCTYPE html> <html xmlns文章推荐和反对按钮、看板娘、图片放大、github链接、返回顶部小火箭
原文链接: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;