当我们在修改主题样式后,经常要做的一个重复动作就是按F5刷新网页,今天介绍一款神奇的小工具,可以检测CSS和JavaScript文件的变化,并自动刷新网页的JS脚本Live.js。
效果:https://www.bilibili.com/video/av375230316
在需要添加live2d的界面文件,添加代码,这里以hexo-theme-butterfly为例
在Hexo的 _config.yml 文件或主题的 _config.yml 文件中添加配置. 参阅 live2d-widget.js API
记得当时在做这个博客网站的时候,确实搞了很多花样。记得当时完live2d看板娘的时候就花了很多时间在这上面,毕竟是一步一步探索,都是从未知开始,今天我来分享总结一下Live2d的使用经历。
📷 此版本看板娘可以变装 换人物 修改各种参数 首先下载live2d 文件 我已经打包好了 路径什么的都配好了 不要乱动 live2d下载 然后当前网站根目录解压 解压好如下图 可以看一下路径是不是对的 live2d/assets/ 📷 然后去当前主题插入调用代码 /wp-content/themes/当前使用的主题/ 编辑header.php 文件 找到 在其上方插入以下css引入代码 保存即可 <link rel="stylesheet" type="text/css" href="/live2d/
Typecho插件版:Typecho插件版之给博客加上能陪聊的Live2d版伊斯特瓦尔
注意代码中的文件路径,如果不在同级则需要自己修改一下,还有就是我把消息框和工具框都给注释了,需要自己删除注释并调整相应的大小即可
链接:https://pan.baidu.com/s/1s7IJIqGnn-cNRAfoS-qG5w 提取码:dhf4 其中包含了看板娘所需的CSS,image,JS,Live2d所需的基本资源。
点击下载 链接:https://pan.baidu.com/s/1TUrgtO3IJfSFOR0DHq-rag 提取码:ryek
最早的时候看别人的博客很多都有一个可爱的看板娘,然后就找了教程给自己也整了一个。因为找到的教程都是稂莠不齐的,原作者自己说的也略显含糊(其实是我自己看不懂)。总之秉承着一如既往的小白风格。把网上的教程做个整合。
前些天,LongHe站长评论了我说,猫猫挡住我的备案号了,我看了一下我的电脑上其实显示正常,就回了一句正在搞(其实是之前研究过但是懒得搞搁置了QAQ),但是这两天搜索了一下,故意遮挡备案号会被吊销备案号,并且罚款,有点害怕赶紧添加了一个,但是感觉一个这个功能有点水,所以又分享了今天才加上的毛玻璃背景特效和右上角和风天气插件。
问题引诉:最近在使用asp.net自带的无刷新提交ScriptManager时,发现一个问题,就是和我自己用jQuery写的一些事件函数和局部刷新相冲突。通过在网上收索,发现很多人都遇到这个同样的问题。最终还是找到的解决的办法,在此我想将其解决的办法分享出来供大家参考。
于是果断审查元素,发现这个萌萌的看板娘背后使用的是一个叫 live2d 的技术,并且凭借 Google 迅速找到对应的开源代码:https://github.com/xiazeyu/live2d-widget.js,https://github.com/EYHN/hexo-helper-live2d
Live2D,即为2D绘图渲染技术,游戏中例如崩坏3,碧蓝航线中与老婆交互就利用了live2d,通过前端的渲染,拼接,移动即可做出类似3d的效果,但是始终还是有缺陷,例如无法实现3d的转身,跳跃。
不少同学应该都发现了,许多人的博客都有类似萌萌哒、看板娘的东西。这个其实是一个名叫hexo-helper-live2d的插件,那么,我们一起来向Hexo里放上一只萌萌哒二次元看板娘吧!
本文章中所用模型解包自药水制作师手机游戏,版权归该官方所有。(没错,我也是来安利这款游戏的)
「VanBlog」是一款简洁、实用、优雅的个人博客系统,支持全自动按需申请HTTPS证书、黑暗模式、移动端自适应和评论功能。它内置了流量统计和图床,并集成了评论系统。此外,VanBlog还具有无限的可扩展性,提供完备的后台管理面板,支持黑暗模式、移动端、一键上传剪贴板图片到图床,并带有强大的编辑器。
下载 ,解压到本地博客目录的 themes/butterfly/source 下,修改文件夹名为 live2d-widget,修改项目中的 文件:将 改为
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119906270
推流只能用rtmp协议,拉流可以使用rtmp协议和hls协议。rtmp协议是adobe公司开发的开放协议,hls是苹果公司推出的直播协议。我们使用nginx的rtmp插件来搭建推流服务器
直接把上面的代码复制替换掉原来的代码就好,但是为了有一条后路,最好把原来的代码备份下。
推流只能用rtmp协议,拉流可以使用rtmp协议和hls协议。rtmp协议时adobe公司开发的开放协议,hls是苹果公司推出的直播协议。我们使用nginx的rtmp插件来搭建推流服务器
大前端这几年算是一个热词,对于前段来说如果不是大前端,技术相对来说就已经算是落后了。如果还停留在对ES6,Vue这些基本技能的学习只能说处于一个及格线。
https://blog.csdn.net/weixin_44128558/article/details/104792345
个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/searc
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。
在会上,Meta(原名 Facebook)发布了PyTorch Live,这是一套可以为移动端用户提供人工智能体验的工具。
喜欢二次元的朋友一定对大名鼎鼎的live2d技术并不陌生,live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。
(2)live2d依赖live2d.js (3)样式waifu.css (4)配置对话内容waifu-tips.json(常用的都在里面了)
Python里数量词默认是贪婪的(在少数语言里也可能是默认非贪婪),总是尝试匹配尽可能多的字符;
2013年9月26日 花了一上午的时间,熟悉了LiveWriter的用法,学会了怎么配置语法高亮,总结下来。
对rtmp/http-flv/hls这三种协议不熟悉的同学,强烈建议先看看网友写的这篇文章科普下:理解RTMP、HttpFlv和HLS的正确姿势 。
第一次接触trtc小程序的同学和可能会对茫茫多的api接口产生疑惑,createPusher是做什么的,enterRoom又是干嘛,为什么我调用了之后没有用,硬件设备我又要怎么控制?
这时候会打开一个5500的端口, 主要针对html+css页面,不适合具有框架的页面
在项目开发中,经常遇到绑定事件不起作用,或者事件绑定多次,导致重复触发。 1.事件绑定的几种常见方式(以click事件为例) jquery: $(selector).click(function(){...}) $(selector).bind("click",function(){...}) $(selector).live("click",function(){...}) $(document).delegate("selector","click",function(){...}) $(sel
对于任何一个网站来说,优化页面的访问速度是必须的,个人来说,只要加载页面十秒以上或长时间处于空白或加载状态,我会立刻关掉此页面的。你又能容忍几秒呢?
在集成小程序 SDK 前,请确保您已完成以下步骤,具体操作请参见跑通Demo(小程序)。
#!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/1/23 15:42 # @Author : Aries # @Site : # @File : yy.py # @Software: PyCharm import requests import time from lxml import html headers = { 'user-agent': "Mozil
功能体验 在微信小程序中搜索 腾讯视频云 可以加载到我们的演示用小程序,其中 多人音视频 功能可用于体验和测试多人音视频通话功能。出于 UI 美观和画面大小的考虑,Demo 中仅支持了最多四人的视频通
或者在当前文件夹中,我们已经有写好的网站页面,那我们只需要添加这段代码在我们当前的网站代码中,就能引入看版娘了。
登录腾讯云官网,官网给出了小程序TRTC的Demo分别实现了语音聊天室、双人视频通话、多人视频通话,小程序TRTC提供了custom自定义面板开发者们可以自行设计页面内容和样式,接下来我们就使用custom自定义面板实现一下直播互动功能。
最近在搭建一个静态页面偏多的网站, 用vue或React有点大材小用,使用纯html / css / js 又不好用, 于是就用npm手动搭建一个简单的本地开发环境, 本地环境要实现几个基本功能
本次逆向的目标来源于吾爱破解 2022 春节解题领红包之番外篇 Web 中级题,吾爱破解每年都会有派送红包活动(送吾爱币),需要大家使出看家逆向本领来分析内容获得口令红包,今年一共有五个题,一个送分题,两个 Windows 题、一个 Android 题和一个 Web 题,本文分析的正是 Web 题,吾爱有规定活动结束前不要外泄口令、讨论分享分析过程,所以本文在活动结束后才发出来。
这里是原文链接Tree-shaking versus dead code elimination
写在前面:该部分的安装都是基于windows系统的,且此处的webpack的版本为:3.6.0。
流媒体服务器: wowza 流媒体格式: m3u8 播放端:移动端网页(Android、IOS) 播放工具: video.js 代码如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>videojs-contrib-hls embed</title> <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"> <script
加上个人对于那种二次元的东西还不是感冒.所以就放弃了养妹妹.之前逛了不知道哪位的博客.在左下角放了个猫咪.感觉这猫不错.无奈博主没有讲方法.也是来也匆匆.去也匆匆.
配置文档 https://github.com/arut/nginx-rtmp-module/wiki/Directives
领取专属 10元无门槛券
手把手带您无忧上云