jekyll上用看板娘

2024-10-23

为自己的网页博客添加L2Dwidget.js看板娘

如果是博客园,直接在设置-->页脚 HTML 代码,加上下面代码: 1  2 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 3 <script> 4 L2Dwidget.init({ 5 &quo

博客美化—添加萌萌的live2D看板娘(不能再简单了)

看着很多博客都有live2D的萌萌哒看板娘,我闲着有空说干就干. 从参考博客的附件中下载资源文件 waifu.css waifu-tips.js live2d.js flat-ui.min.css//若不加菜单可以不引入上传资源文件到博客园申请js权限设置博客园页脚Html代码(其中的资源文件可以替换成你自己的url) 页脚Html代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

网页添加Live2D看板娘简易教程

看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现. 这时可以看我自己博客的看板娘,就在右下角. js代码 <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/fi

网页添加Live2D看板娘

看板娘简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想放一个呆萌的看板娘在博客上 js <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script> <script type=&q

在react项目添加看板娘（react-live2d）

有留意到看板娘这么个东西,简直就是我们程序员+动漫迷的挚爱.但是回观网上,大多只是在老旧的html的静态引入.vue甚至也有几个不怎么维护的,还是老旧的不行的SDK2.X的版本.这这这这!我们的react开发者怎么能忍!!所以,我基于SDK4.X(没错,就是live2d官网最新的那个)封装了一个咱们react开发者的看板娘·~~接下来这篇文章就是我们react开发者引入看板娘的过程啦~ 首先上示例图熟悉的logo加上看板娘的同时存在~,还用我说什么吗~ 这就是咱们react的看板娘啦!! 引入

网页添加 Live2D 看板娘

我是先参考别人的[点击跳转]博客来做的.不过我发现网上很多人都没有把一些细节写出来,用了别人那里下载的文件后里面的一些跳转链接就跳到他们的页面了.所以我这里写一写如何修改这些跳转链接吧. 1. 首页跳转链接 $('.waifu-tool .fui-home').click(function (){ window.location = '<这个是看板娘点小房子时的跳转链接>'; }); 2. 关于跳转链接 $('.waifu-tool .fui-info-circle').click(f

Vue看板娘教程1.0

Live2D看板娘前言(PS:本教程使用的Vue项目) 一.下载文件二.使用步骤 1.引入文件 2.引入js 3.修改app.vue 4.如何换模型? 更换模型的效果 5.如何换语音? 结尾(后续更新更强的配置看板娘~) 前言(PS:本教程使用的Vue项目) 接上一篇简单版的Live2D看板娘的教程,这次使用高级一点点的,花里胡哨的还有很多,可自行百度,简直眼花缭乱,我这也是刚研究的,后面还搞出什么花样了,再发后续...好了好了,步入正题吧,开肝~ 一.下载文件要玩看板娘,需要一些写好的资

Vue最简单的实现网页Live2D看板娘

Live2D看板娘前言二.使用步骤 1.引入 2.设置样式结尾(后续更新更强的配置看板娘~) 前言最近想给自己的网页添点新花样,然后就想到了别人的网站都有一些看板娘的玩意儿,看着很舒服,鉴于自己也没玩过,就鼓捣了一会儿.发现实现的模型还挺多.我这里呢,就简化一下,弄一个最简单在vue中的教程. 二.使用步骤 1.引入在index.html页面映入js:  <script type="text/javascript" charset=&

给MediaWiki增加看板娘

我们想给我们的mediawiki增加个像我博客里这样的看板娘,那么怎么做才好呢? 其实很简单,只要在相应的模板文件里增加指定代码就好了! 修改模板文件找到模板文件skins/Vector/VectorTemplate.php,然后查找如下内容 <div id="content" class="mw-body" role="main"> 在其后面增加如下代码 <script src="https://eqcn.ajz.

live2d添加网页看板娘

最近逛博客,发现好多博主都加了网页看板娘,简直可爱到血槽空了,赶紧学习模仿改造了一下~ 给博客园的博客也添加了看板娘!!就在右边~喜欢的请打赏我~ 不过因为移植过来比较复杂,就不出教程啦~记得多来调教她哦~ 效果展示==> 源码下载==> 官网==> 官网示例sdk下载==> 开发备注:chrome直接调试会有跨域问题,建议更换火狐或者搭建本地服务器或者在服务器端调试~

看板娘 & 二次元 & live2d

live2d https://l2dwidget.js.org/dev.html https://github.com/xiazeyu/live2d-widget.js 看板娘要切换看板娘吗? http://dzblog.cn/article/5aca31ccd0597d4709f5337a http://dzblog.cn/cases/react-toutiao/index.html http://dzblog.cn/blog

Hexo 添加Live2D看板娘

title: Hexo 添加 Live2D看板娘二次元什么的最喜欢了[大好きです] 准备项目地址 live2d模型部分模型预览开始首先进入Hexo博客根目录安装live2d插件 $ npm install --save hexo-helper-live2d 接着,修改根目录下的 _config.yml 文件添加自定义配置(下面提供我的配置做参考): ## live2d live2d: enable: true scriptFrom: local pluginRootPath: liv

文章中左下角的妹子live2d看板娘

关键词: live2d看板娘自行搜索即可攻略很多

在网页添加 Live2D 看板娘

只需要将以下代码粘贴到标签中即可  <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"

Hexo添加Live2D看板娘+模型预览

文章目录添加和注意事项模型预览 live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru_01 live2d-widget-model-haru_02 live2d-widget-model-haruto live2d-widget-model-hibiki live2d-widget-model-hijiki live2d-widget

Windows上安装Jekyll

Jekyll是什么 jekyll是一个简单的免费的Blog生成工具,是一个静态站点生成器, 它会根据网页源码生成静态文件.它提供了模板.变量.插件等功能,所以实际上可以用来编写整个网站.也可使用基于jekyll上的jekyll bootstrap来搭建一个界面可自适应的博客网站. 可以选择github的pages功能结合jekyll写博客,将写的.md文件或.html文件直接git提交到github上即可.如果想在本地看到博客效果,那么就要在本地安装jekyll运行环境. 本地jekyll运行环

TFS 2015 敏捷开发实践 – 看板的使用

看板在现代应用开发过程中使用非常广泛,不管是使用传统的瀑布式开发还是敏捷开发,都可以使用看板管理.因为看板拥有简单的管理方法,直观的显示方式,所以很多软件开发团队选择使用看板进行软件开发管理.本文不在对看板管理理论进行过多的赘述了,只是在这里介绍一下如何使用TFS的看板功能.最新版本的TFS提供了功能强大的电子看板(最新发布的TFS 2015 Update 2.1中,也包含了对看板功能的提升),并且能对看板的显示进行大量定制,而且还加入了泳道的功能.开发团队可以根据自己的需求来定制属于自己团队的

【五】将博客从jekyll迁移到了hexo

本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo 目录: 一.静态博客: 二.关于hexo和jekyll 三.Hero的安装一.静态博客: 引用链接:https://ww

Mac OSX 10.11安装Jekyll

一说常见的博客管理工具大家想到的就是WordPress.不过现在部分个人博客用户开始从WordPress转移到Jekyll上了.Jekyll是一种本地生成静态页面进而线上发布的博客工具,而且现在已经有不少可用的,美观的Jekyll模版可下载,比如http://jekyllthemes.io/,http://jekyllthemes.org/. Jekyll用起来方便,但是对于Mac 系统10.11的用户来说,就麻烦了.因为系统10.11对系统文件安全进行了更新,所谓的(SIP).由于我本人的步骤

通过jekyll在Github 搭建个人博客

能快乐旅行的人,一定是轻装旅行的人前言应广大的网友(装逼~~哈哈)要求,决定写个Jekyll+Giuhub搭建博客的教程,以便帮助更多的人,毕竟我也是这么过来的.这是我的博客地址,可以先看看效果. 首先介绍一下Jekyll这个框架,这个框架是Ruby语言一个基于静态文件的框架,因为不需要数据库,直接用静态文件来渲染,再加上有Github的支持所以成了搭建博客的不二之选.目前支持Markdown和 Textile两种格式的文件.但是当你的博客写的越多的时候加载的就越慢,所以这就是静态文件的缺点

jekyll上用看板娘

热门专题