【性价之王】	【线路之王】	【价格之王】	【配置之王】
【免费之王】	【香港首推】	【梯子之王】	【独服之王】

看板娘简介

看板娘就是一个卡通模型，通过代码的部署，会在你网页的指定位置进行显示，你用鼠标进行点击会有不同地字幕，所有的一切都可以预先进行设置。

代码地址

https://github.com/galnetwen/Live2D

wordpress设置教程

下载后解压代码到你的博客网站根目录去。（目录位置可以自定义）
然后把解压出来的文件夹改名为：live2d 。
在你博客程序头部文件（header.php）引入界面样式，在 head 标签内插入如下代码

<link rel="stylesheet" h="/live2d/css/live2d.css" />

1	<link rel="stylesheet" h="/live2d/css/live2d.css" />

在你博客程序页脚文件（footer.php）引入脚本，在最后一个 标签前插入如下代码：

<div id="landlord"> <div class="message" style="opacity:0"></div> <canvas id="live2d" width="280" height="360" class="live2d"></canvas></div><script type="text/javascript"> var message_Path = '/live2d/' var home_Path = 'https://www.771633.com/' //此处修改为你的域名，必须带斜杠</script><script type="text/javascript" src="/live2d/js/live2d.js"></script><script type="text/javascript" src="/live2d/js/message.js"></script><script type="text/javascript"> loadlive2d("live2d", "/live2d/model/tia/model.json");</script>

123456789101112131415

<div id="landlord">    <div class="message" style="opacity:0"></div>    <canvas id="live2d" width="280" height="360" class="live2d"></canvas></div>  <script type="text/javascript">    var message_Path = '/live2d/'    var home_Path = 'https://www.771633.com/'  //此处修改为你的域名，必须带斜杠</script><script type="text/javascript" src="/live2d/js/live2d.js"></script><script type="text/javascript" src="/live2d/js/message.js"></script><script type="text/javascript">    loadlive2d("live2d", "/live2d/model/tia/model.json");</script>

鼠标放在页面某个元素上时，需要 Live2D 看板娘提示的请修改 message.json 文件。

实例：

{ "mouseover": [ { "selector": ".title a", //此处修改为你页面元素的标签名 "text": ["要看看 {text} 么？"] //此处修改为你需要提示的文字 }, { "selector": "#searchbox", "text": ["在找什么东西呢，需要帮忙吗？"] } ], "click": [ //此处是 Live2D 看板娘的触摸事件提示 { "selector": "#landlord #live2d", "text": ["不要动手动脚的！快把手拿开~~", "真…真的是不知羞耻！","Hentai！", "再摸的话我可要报警了！⌇●﹏●⌇", "110吗，这里有个变态一直在摸我(ó﹏ò｡)"] } ]}

123456789101112131415161718

{    "mouseover": [        {            "selector": ".title a",  //此处修改为你页面元素的标签名            "text": ["要看看 {text} 么？"]  //此处修改为你需要提示的文字        },        {            "selector": "#searchbox",            "text": ["在找什么东西呢，需要帮忙吗？"]        }    ],    "click": [  //此处是 Live2D 看板娘的触摸事件提示        {            "selector": "#landlord #live2d",            "text": ["不要动手动脚的！快把手拿开~~", "真…真的是不知羞耻！","Hentai！", "再摸的话我可要报警了！⌇●﹏●⌇", "110吗，这里有个变态一直在摸我(ó﹏ò｡)"]        }    ]}

清除浏览器缓存，刷新，看看效果吧

[教程]历史优惠活动内容

新手教程→账单周期小科普/paypal和信用卡付款注意事项

VPS新手教程-解决Fraud/MaxMind Error

新手教程→申请globalcash虚拟MasterCard信用卡

新手教程→账单周期小科普/paypal和信用卡付款注意事项

VPS新手教程 – 一键安装LAMP环境(长久更新)

hostus的KVM VPS安装Windows系统教程

hostus-美国VPS/KVM虚拟/洛杉矶机房-测评+使用教程

Windows下使用securecrt连接VPS服务器教程

putty连接VPS服务器教程

Xshell连接VPS服务器使用教程

WinSCP管理文件使用教程

[最新教程] godaddy 仅需12美元1年 注册.com/net+主机

教程→Godaddy-142元/windows VPS/2g内存/40g硬盘/3IP/不限流

玩转Vultr VPS→优惠码 充值送钱 注册注意 使用教程 玩Windows

Linux下挂载硬盘的简单教程

rectified vps 教程 rectified设置 rectified重装 recti

IIS优化教程→改善访问慢 提高运行效率

Ubuntu 16.04下安装LAMP环境包新手简易教程

纯手工教程→centos6.x搭建LAMP环境

windows server 2012配置php环境教程

windows server 2008配置IIS+php+mysql教程

Windows Server 2012 安装配置IIS8.5教程

Linux新手VPS服务器教程 零基础开始进入服务器世界

Linux下挂载磁盘教程

教程→搬瓦工VPS搭建网站需要知道的一些细节内容

教程→搬瓦工VPS搭建网站需要知道的一些细节内容

图文教程→注册国外VPS如何避免欺诈”Fraud/MaxMind Error“

教程→搬瓦工VPS搭建网站需要知道的一些细节内容

图文教程→注册国外VPS如何避免欺诈”Fraud/MaxMind Error“

教程→在Linode上面安装windows系统

bandwagonhost搬瓦工VPS→介绍+优惠码+测评+新手使用教程

搬瓦工教程 教你如何使用搬瓦工VPS

搬瓦工服务器 教程汇总 问题收集和答复

搬瓦工BBR 搬瓦工锐速 一句话命令安装BBR和锐速 简单教程

搬瓦工BBR 搬瓦工锐速 一句话命令安装BBR和锐速 简单教程

搬瓦工VPS换IP教程 bandwagonhost换IP

搬瓦工KCP加速教程 让搬瓦工VPS在KCPtun加速下飞起来

教程→搬瓦工VPS换机房 给bandwagonhost切换机房

教程→搬瓦工VPS续费的相关说明

教程→搬瓦工VPS续费的相关说明

教程→搬瓦工VPS续费的相关说明

hosteons→美国不限流量Windows VPS 带中文版 +使用教程

hosteons→美国不限流量Windows VPS 带中文版 +使用教程

profitserver→VPS测评 注册+使用教程 ispmanager具体使用演示

cloudcone→从注册到使用的全套教程+最低配的VPS测评

新西伯利亚VPS商家adman测评 +简单的注册和使用教程

virmach VPS→购买、使用教程、退款等问题的一些探讨 内容较多 欢迎留言

VPS服务器教程→如何在Debian9上安装LEMP套装组件（Linux-nginx-mys

VPS服务器教程→如何在Ubuntu 18.04上安装webmin面板

总结→VPS教程、VPS教学 新手快速入门学习使用VPS建站

写给新手的教程→VPS安装相关方面的教程及问题总结

PayPal新手教程→取消PayPal自动扣款的设置

新手教程→国外个人VPS搭建教程 简易版 0基础入门（私人vps搭建教程）

个人取消与腾讯云分销商绑定的详细教程

sharktech的”Public Cloud Hosting”公共云服务器使用全教程

阿里云国际站（所有产品） 免实名购买 附cdn配置教程

免实名购买阿里云香港服务器教程 只需一个邮箱即可注册购买

注册AWS账号创建EC2免费套餐详细教程

免实名购买阿里云香港服务器教程 只需一个邮箱即可注册购买

注册AWS账号创建EC2免费套餐详细教程