博客园live2d 看板娘 简单 光速

博客园live2d 看板娘 简单 光速

直接粘贴到——博客侧边栏公告,需要JS支持

<!-- live2d -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Live2D</title>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/granx/waifu.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/granx/waifu.css">
    <div class="waifu" id="waifu">
        <div class="waifu-tips" style="opacity: 1;"></div>
        <canvas id="live2d" width="300" height="300" class="live2d"></canvas>
        <div class="waifu-tool">
            <span class="fui-home"></span>
            <span class="fui-chat"></span>
            <span class="fui-eye"></span>
            <span class="fui-user"></span>
            <span class="fui-photo"></span>
            <span class="fui-info-circle"></span>
            <span class="fui-cross"></span>
        </div>
</div>
    <script src="https://files.cnblogs.com/files/granx/live2d.js"></script>
    <script src="https://files.cnblogs.com/files/granx/waifu-tips.js"></script>
    <script type="text/javascript">initModel()</script>
</body>
</html>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/granx/flat-ui.css"/>

原文地址:https://www.cnblogs.com/granx/p/11966400.html

时间: 2024-10-09 22:39:14

博客园live2d 看板娘 简单 光速的相关文章

博客园美化——看板娘

一直有人问我左下角的看板娘是怎么加上去的 刚开始看别人的随笔看得一脸懵逼,自己捣鼓个好久才弄好的 于是就想写一篇容易看懂的随笔 1.下载模型相关文件(点击推荐和关注才能下载哦QWQ) 打开压缩包后就是这么一堆东西 2.将文件上传到博客园 只要上传 waifu.css waifu-tips.js live2d.js 3.代码实现 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head

美化你的博客园——添加看板娘

做了一个我认为比较浅显易懂的随笔 分为三步 目录 1.压缩包下载(点击下载) 2.上传文件 3.添加代码 具体实施 1.首先下载一个压缩包 /---压缩包下载---/ 2.上传文件 3.添加代码 将代码粘贴(你要抄一遍我也没有办法)到页脚Html代码 不知道怎么放的请看我上一篇随笔 1 <!DOCTYPE html> /*看板娘*/ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

C# 中使用System.Net.Http.HttpClient 模拟登录博客园 (GET/POST)

一. System.Net.Http.HttpClient简介 System.Net.Http 是微软.net4.5中推出的HTTP 应用程序的编程接口, 微软称之为“现代化的 HTTP 编程接口”, 主要提供如下内容: 1. 用户通过 HTTP 使用现代化的 Web Service 的客户端组件: 2. 能够同时在客户端与服务端同时使用的 HTTP 组件(比如处理 HTTP 标头和消息), 为客户端和服务端提供一致的编程模型. 个人看来是抄袭apache http client ,目前网上用的

做客博客园

啦啦啦!!! 第一天做客博客园,往日总是找各种资料在博客园,今日小菇凉我也来博客园留下"爪爪",造福自己与后人. 想要写博客的原因很简单,只为记录自己的菜鸟历程,往后回顾. 想要记录"坑"点的原因很简单,只为往后不再入坑. 想要记录学习日记的原因很简单,只为像蜗牛一样一步一步往上爬. 来博客园的目的很简单,只为大佬带起飞. 欢迎日后"看官"常来,帮到"看官",足以. 原文地址:https://www.cnblogs.com/a

简单改造丨让你的博客园焕然一新

一直想弄一个blog. 主流的有csdn.博客园,csdn上广告太多,有时候必须得登录才能看到一些内容,让我非常反感.相比之下,博客园则清爽很多,使用了一段时间,但还是觉得不便.主要是上传文章经常会有格式问题,其次就是博客园的界面太老旧了. 后来就尝试在github pages上搭建Jekyll.Hexo,很geek,玩法很多.但要我自己维护还是有点折腾,我只想要一个写东西的地方,看得顺眼就行. 之后,我无意发现博客园的主题也是支持定制的,让我眼前一亮.这里贴一个教程.[详细图解]一步一步教你自

在Python中用Request库模拟登录(二):博客园(简单加密,无验证码)

源代码分析 博客园的登录页面非常简单,查看网页源代码,可以发现两个输入框的id分别为input1.input2,复选框的id为remember_me,登录按钮的id为signin. 还有一段JavaScript代码,下面来简单分析一下. 先来看$(function(){});函数: 1 $(function () { 2 $('#signin').bind('click', function () { 3 signin_go(); 4 }).val('登 录'); 5 }); $(functio

简单两步让博客园支持手机端显示

博客园的模板是没有兼容手机端显示的,阅读体验比较差.本文教你如何简单几步让你的博客支持手机端显示.找一个夜深人静,没有人浏览你博客的时间点,开始吧. 1.添加js代码 在博客园后台的“设置”菜单下,有一项页首Html代码,此处写js代码也是可以生效的,将如下代码复制过去: <script> var content = 'width=device-width, initial-scale=1 user-scalable=no'; var viewport = document.createEle

简单爬虫-抓取博客园文章列表

原文:简单爬虫-抓取博客园文章列表 如果使用对方网站数据,而又没有响应的接口,或者使用接口不够灵活的情况下,使用爬虫在合适不过了.爬虫有几种,对方网站展示形式有几种都是用分析,每个网站展示有相似的地方,有不同的地方. 大部分使用httpRequst就能完成,不管是否添加了口令.随即码.请求参数.提交方式get或者post.地址来源.多次响应等等.但是有些网站使用ajax如果是返回json或固定格式的也好处理,如果是很复杂的,可以使用webbrower控件进行抓取,最后正则解析,获取所需要的数据即

第一次来博客园先用jquery写一个简单菜单收缩效果

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <script src="jquery-1.7.2.min.js"></script&g