用Jsdelivr存储视频
众所周知，Jsdelivr是个免费、开源的CDN，你可以在上面存储小于20MB的文件
那么视频也可以?当然，但是Jsdelivr对于音视频的解码不太好，在PC上打开直接成为一段音轨。
不过我们可以采用M3U8的方式进行视频存储
接下来就开始教程
视频切片申明一下，这不是简单的切片，这个切片利用了HLS技术:
HLS 的工作原理是把整个流分成一个个小的基于 HTTP 的文件来下载，每次只下载一些。当媒体流正在播放时，客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源，允许流媒体会话适应不同的数据速率。在开始一个流媒体会话时，客户端会下载一个包含元数据的 extended M3U (m3u8) playlist文件，用于寻找可用的媒体流。HLS 只请求基本的 HTTP 报文，与实时传输协议（RTP）不同，HLS 可以穿过任何允许 HTTP 数据通过的防火墙或者代理服务器。它也很容易使用内容分发网络来传输媒体流。
在我们的需求中，可以简单地把视频的地址理解为playlist的地址，而playlist就是我们单个视频片段的索引，把较大的视频给宅分就可以绕过存储单件大小限制，同 ...
如何使用在线工具 - Photopea
众所周知，Adobe全家桶的”PS”是处理图片不可缺少的一款工具可稍不注意就会无响应警告
不过国外有一位大神开发出了在线版本的”PS”，并且将”PS”的大部分功能都给还原了
这是由Ivan Kuckir大神开发的Photopea
我们首先打开这个网站
点击新建项目，当然也可以从电脑打开
接下来它会让我们选择项目大小和模板之类的
这里可以直接不选择模板直接选择大小，然后填写一下名字就创建
进入项目后可以看到这样的界面
接下来我演示怎么做一个简单的Logo
首先点击左边工具栏的”T”(文字工具)
接着在上方会出现
这里我们可以自己调节字体、文字大小、文字颜色等
这里我选的是Hanalei Fill字体
大小我调节的是499px
然后写入自己想要的文字
写入完成后是这个样子的
接下来我们贴个图
去iconfont找个好康的图标，下载下来png
下载下来PNG后将这个图片拖进Photopea
然后调好大小就完成了
接着点击文件-另存为PSD 保存这个工程文件，方便下次修改
然后点击
然后就可以下载下来Logo了
顺便这个网站还提供SVG下载哦
总结:齐全的功能，多语言支持，佩服作者� ...
推荐一些实用工具
RaiDrive官网:https://www.raidrive.com/download
这款软件可以帮你把NAS、OneDrive、Google Drive等网盘映射到本地，目前博主正在用，非常好评!
IDM官网:http://www.internetdownloadmanager.com/
这是一款多线程下载器，最高支持32线程
下载速度杠杠滴!
Typora官网:https://www.typora.io/
一款MarkDown写作工具，支持自定义主题
也支持使用CSS自构建一款心爱的主题
ScreenToGif官网:https://www.screentogif.com/
GitHub:https://github.com/NickeManarin/ScreenToGif
可以录制高帧率的GIF
OBS官网:https://obsproject.com/
主播都在用的推流/录制软件，支持自定义推流服务器
也可以使用内置的
落雪音乐GitHub:https://github.com/lyswhut/lx-music-desktop
支持酷我、酷狗、企鹅、网易等音乐平台 ...
想写一个Button?看这里
想写一个Button但是不会CSS和动画效果?这期水货干货满满不知道什么是Button?
这是Button
这也算Button
这边就拿我的个人主页的↗ Go Blog为例子
首先我们在本地创建一个HTML和CSS
类似这样
然后我们右键HTML
打开后按照你写一个页面的格式
写一个简单的空壳页面
我这边是这样写的:
12345678910<!DOCTYPE HTML><!-- Start --!><html><head><link rel="stylesheet" type="text/css" href="./bt.css"></head><body><p>I'm Body</p></body></html>
写完后我们首先在Body部分写一个自定义样式的超链接
1<a class="btn" href="https://blog.slqwq.cn" target="_blank" rel="external nofollow noopener ...
使用Travis CI持续集成工具自动化部署Hexo
众所周知，Hexo是一款免费开源的静态博客生成工具，使用它可以快速生成一个博客。但随着文章之类的东西增加，生成的速度也会逐渐变慢，如果你配置不够，那搞不好就要几小时才能生成，并且还有一个好处:
即走即编辑，就算你是手机也可以在线编辑文件，免去配置环境。
所以今天我教大家如何使用持续集成工具—-Travis CI来部署Hexo
创建仓库我们首先打开GitHub
选择
仓库名称可以随意
但是一定要选择Private，不然你的博客源码就会被别人看到，到时候使用Token提交的各位小伙伴的仓库就不保喽
创建完成后复制你的仓库克隆地址
在Hexo根目录下打开终端
输入
1git add travis 复制的仓库克隆地址
创建Travis CI配置接着去创建一个文件:”.travis.yml”
里面输入
123456789101112131415161718192021222324252627282930language: node_jsnode_js: stablesudo: required# Travis-CI Cachingcache: directories: - node_ ...
搭建Hexo
本期教大家如何搭建Hexo
首先需要准备的东西如下:
1.电脑
2.手
3.脑袋
好了没了
安装Node.js由于Hexo这款博客程序是基于Node.js所构建的，所以我们需要下载Node.js
打开Node.js官网
选择下载稳定版（LTS):12.18.3
下载并安装完成后验证是否安装好了的方法
打开终端
输入node -v和npm -v
如果出现版本号v….就说明安装成功
安装Git使用Hexo呢Git也是必不可少的
打开Git官网
点击Donload 2.28.0 for Windows即可进行下载
但由于是使用GitHub的release进行下载所以速度较慢
国内用户可以使用:淘宝镜像源进行下载，最新版本需要翻到最底下进行下载
安装好后在桌面单击右键，如果右键菜单出现
Git Bash Here的字眼则代表安装成功
安装Hexo新建一个文件夹，在里面右键
选择Git Bash Here打开Git终端
输入
1npm install hexo-cli -g
安装Hexo-cli
安装好后输入
1hexo init
来初始化Hexo，此步骤会从GitHub下载Hexo的 ...
关于3.0.0RC2版本Valine魔改出博主、访客、小伙伴的教程
关于Butterfly最新的3.0.0RC2版本如何魔改出博主、访客、小伙伴的教程
首先我们进行对比
发现3.0.0RC的Valine.pug与其他版本的结构不相同
其它版:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950- let emojiMaps = '""'if site.data.valine - emojiMaps = JSON.stringify(site.data.valine)script. function loadvaline () { function requestSetting (from, set) { var from = from var setting = set.split(',').filter(function(item){ return from ...
Hexo小魔改
注:本文的所有魔改都基于JS/配置文件魔改，并不修改源码
为了方便，本文的魔改提供一键JS:
未压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.js"></script>
普通压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.min.js"></script>
加密压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.encryption.js"></script>
页面添加小红心在主题source目录下新建文件
click_show_love.js
文件内插入以下代码
1!function(e,t,a){function n(){c(".heart& ...
Butterfly实现Aplayer+Meting不断歌
最近有人问我，我博客上的那个播放器是怎么弄的
放图:
其实要实现我博客的这个Meting+Aplayer很简单
首先你需要更新到Butterfly的Pjax分支
然后去themes/Butterfly/source里新建个JS，名字随意
接着编辑这个文件
里面填写
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455document.writeln("<script src=\'https://cdn.jsdelivr.net/npm/pjax/pjax.min.js\'></script>");document.writeln("<script>var pjax = new Pjax({");document.writeln(" selectors: [");document.writeln(" \'title\',");document.writeln(" \'meta[ ...
使用好的CDN让你的网站获得更快的加载速度
本文参加又拍云技术征文活动!
Cover来自impdx
大家好，本文章我来教大家如何使用好的CDN让你的网站获得更快的速度
了解什么是CDNCDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
简单来说就是将你原站的服务分发给CDN的各个机器，然后当你访问套上CDN的网站时将你301到最近的服务
CDN的作用CDN主要用来:
1.下载
2.音视频点播
3.加速网站
4.存储文件
如何使用本期教程使用又拍云
废话不多说，进入正题
注册账号第一步当然是注册账号啦
进入又拍云官网
点击右上角的注册有礼在接下来的页面里面会出现两个选项
1.申请个人账号
2.申请企业账号
对于我们当然是选个人帐号啦
然后注册你们应该都懂，这边就不多说啦
配置CDN注册好了当然要配置CDN拉
在这之前，我们需要实名~
我们需要进入实名页面
接下来点击实名 ...