live2d内嵌html,为你的博客博客/网页添加Live2d二次元老婆的插件/手动方法
前言
好久没搞WP的教程了,想不想为你的博客加一个看板娘呢,反正我想2333,所以我便汇总了一下网上这些教程模型和机器人api。
插件版
Wordpress
1、Wikimoe大佬制作的插件(伊斯特瓦尔)
2、小白-白大佬制作的插件(22&33娘单服装版本) Github
3、小白-白大佬制作的插件(22&33娘可换装版本) Github
Typecho
1、Wikimoe大佬制作的插件(伊斯特瓦尔&蕾姆)
2、泽泽大佬制作的插件(22&33娘)
3、DaiDR大佬制作的插件(Pio)
4、保罗大佬制作的插件(Pio)
Emlog
1、Wikimoe大佬制作的插件(伊斯特瓦尔)
ZBlog
1、FGHRSH大佬制作的插件(Pio&Tia)
手动搭建
1、还是感觉手动搭建比较有感觉。。
2、首先先下载模型,模型在后面有,重命名为live2d后上传到网站的根目录(live2d文件夹里应有好多文件夹和文件)
3、在网站的header中的head标签内加入如下代码
3*、如果是Wordpress的话即修改在主题根目录处的header.php即可
如(只要加箭头那一行就行,就是上面的代码)
4、在 需要页面的body 标签内找到合适的位置插入 Live2D 看板娘的元素(以康纳为例,不同模型大小不同需要修改)
发送
5、在 需要页面的 body 标签结束前插入如下代码:
var message_Path = '/live2d/';//资源目录,如果目录不对请更改
var talkAPI = "";//如果有类似图灵机器人的聊天接口请填写接口路径
4*,5*、对于Wordpress 来说把上面的两个代码加到主题目录下footer.php body标签内中即可。
加入图灵机器人
1、为了让live2d能够聊天,我们可以借助图灵机器人,先去图灵机器人官网注册账号,新建机器人获取apikey
2、新建一个tlapi.php文件,加入如下代码,注意添加自己的apikey到里面
//获得聊天
$appkey = ''; //你的appkey
$talkContent = "";
$info=addslashes($_POST['info']);
$userid=addslashes($_POST['userid']);
function send_post($url, $post_data) {
$postdata = http_build_query($post_data);
$options = array(
'http' => array(
'method' => 'POST',
'header' => 'Content-type:application/x-www-form-urlencoded',
'content' => $postdata,
'timeout' => 15 * 60 // 超时时间(单位:s)
)
);
$context = stream_context_create($options);
$result = file_get_contents($url, false, $context);
return $result;
}
//使用方法
$post_data = array(
'key' => $appkey,
'info' => $info,
'userid' => $userid,
);
if($appkey==""){
$talkContent = '{"code":"500","text":"我还没学会聊天功能,快和站长联系吧!"}';
}
else{
$talkContent = send_post('http://www.tuling123.com/openapi/api', $post_data);
}
header('Content-type:text/json');
echo $talkContent;
?>
3、上传到网站根目录后,在footer中添加的那个代码把接口路径改为 :网站域名/tlapi.php 即可
模型下载
整理了一些:加藤惠,纱雾,康纳,真白,伊斯特瓦尔,蕾姆等
感谢
感谢以上插件制作的博主。
夏晨博客及维基萌整理的模型和图灵API教程
live2d内嵌html,为你的博客博客/网页添加Live2d二次元老婆的插件/手动方法相关推荐
- 网页php载入live2d,给网页添加Live2D和图片不显示解决方法
给网页添加Live2D和图片不显示解决方法 ! 小白教程之给网页添加Live2D https://www.jianshu.com/p/1cedcf183633 window10下搭建php的运行环境 ...
- python调用浏览器内核实现内嵌浏览器_python实现随机调用一个浏览器打开网页
下面为大家分享一篇python实现随机调用一个浏览器打开网页,具有很好的参考价值,希望对大家有所帮助.一起过来看看吧 前两天总结了一下python爬虫 使用真实浏览器打开网页的两种方法总结 但那仅仅是 ...
- 网页添加Live2D看板娘简易教程
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义. 如果想在自己的博客上 ...
- 网页添加Live2D,背景线条动漫人物
背景悬浮线条: <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script&g ...
- Razor Page Library:开发独立通用RPL(内嵌wwwroot资源文件夹)
Demo路径:https://github.com/yanshengjie/RPL.Demo 1. Introduction Razor Page Library 是ASP.NET Core 2.1引 ...
- mongodb对数组元素及内嵌文档进行增删改查操作(转)
from:https://my.oschina.net/132722/blog/168274 比如我有一个user类,他包含一个标签属性,这个标签是一个数组,数组里面的元素是内嵌文档,格式如下: &l ...
- tomcat start 无法启动_解密Springboot内嵌Tomcat
Springboot简介 相信大多数开发者对Springboot比较熟悉了,它能够快速地创建一个spring应用,能够完全摒弃XML的配置方式,并且内嵌了Tomcat.Jetty这样的Servlet容 ...
- 解密Springboot内嵌Tomcat
Springboot简介 相信大多数开发者对Springboot比较熟悉了,它能够快速地创建一个spring应用,能够完全摒弃XML的配置方式,并且内嵌了Tomcat.Jetty这样的Servlet容 ...
- 小程序嵌套h5页面_微信小程序内嵌h5页面
概况 使用 标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
最新文章
- powerquery分组_Power Query实现数据分组压缩的思路分享
- C#可扩展编程之MEF学习笔记(四):见证奇迹的时刻
- 使用IntentService给自己的Android应用写一个文件下载器。
- β射线与哪些物质可产生较高的韧致辐射_辐射防护试题库(无评分标准)
- 「数据库系列四」分布式数据库CAP理论与最终一致性
- Android v4、v7、v13 的区别
- python colorlist_Python list的常用操作
- 新生命 · 人工智能 · 未来
- 基于微服务API级权限的技术架构
- python 概率分布_python实现beta分布概率密度函数的方法
- inurllay old.php id,搜索技巧
- 在列表前方插入一个数据_通俗易懂的Redis数据结构基础教程
- LAMP平台架构浅析
- OMNeT学习之OMNeT安装与运行
- 【报告分享】2020年小红书内容生态报告.pdf(附下载链接)
- Java Web开发入门 - 第3章 Tomcat单元测试
- oracle awrdiff,测试AWR EXTRACTAWR Baseline
- ubuntu20.04 LTS安装谷歌拼音输入法
- Dell 服务器阵列扩容【经验分享(转)】
- kaggle之共享单车案例
热门文章
- 写给自己---我为什么要考研
- 考研计算机学硕370分,考研370分是什么水平??
- 2022年终总结——工作第五年
- 回忆做嵌入式软件的几年
- 从现实世界的角度去理解计算机领域的知识
- 郑州大学计算机系1996级校友,公共管理学院成功举办96级公共关系专业学生毕业20周年返校活动...
- c 语言drawtext字体旋转,C# GDI+文字画图 添加任意角度文字(文字旋转是中心旋转,角度顺时针为正)...
- NOIP2018提高组省一冲奖班模测训练(三)
- 【c++篇】c++常见容器中list的模拟实现
- 云主机装黑果实践(5):重得到镜像和继续强化前置启动过程