用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 支持酷我、酷狗、企 ...
使用 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: ...
搭建 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 ini ...
关于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){ retur ...
白嫖超好用的CDN(GitHub+Jsdelivr)
hi，各位好。 今天我来教大家白嫖 CDN 创建仓库登陆 GitHub 新建一个仓库，名字随意 一定要是公开! 生成 Tokens打开 https://github.com/settings/tokens 在页面内选择 Generate new token 输入密码后进行下一步 Note 为你的名字 权限请选择 repo 选择好后点击 Generate token 在跳转的页面里面会有一串代码 比如 7513764b740b88c40afc9aa6980989e42axxxxx 这串代码保存下来 接下来会用 下载进入 https://github.com/Molunerfinn/PicGo/releases 选择一个版本(这里以 2.2.2 演示) 下载完成后双击打开进行安装 PicGo 主页面安装好后进去 PicGo 会出现这个界面 设置图床选择图床设置 找到 GitHub 图床 这些都设置完后进入上传区 将最上面的 改为 GitHub 图床 接下来就可以上传一个文件测试了 我来放一个测试图 可以看到加载的速度非常快 如果有问题请在下方留言!
博客效果展示
下面上效果展示 错误标签 警告标签 成功标签 默认标签 测 a Hexo 开始背书 海内存知己‚天涯若比邻 初级标签 Codeblock in note 成功标签 Info Header 信息标签 Warning Header 警告标签 Danger Header 危险标签 No icon note note info no-icon 无图标标签 123代码框标签，效果和``一样 黄色色块 左边框红色块级 纯文本测试 支持简单的 markdown 语法 支持自定义颜色 绿色 + 默认选中 黄色 + 默认选中 青色 + 默认选中 蓝色 + 默认选中 增加 ...
记录一下捣鼓语雀文章同步到Hexo的过程
本文章首发于语雀!通过各种高科技功能同步到Hajeekn 的博客起初啦，我本来是想在语雀写文章同步到 Hexo 很方便。可是呢?捣鼓的过程中踩了一系列的坑，这篇文章主要记录一下踩的那些坑 1.文章 Cover 自动被转为链接格式这个也是最头疼的事情在我同步文章上去后，文章的 cover 地址全部亮亮的，起初我没注意，不过 GitHub Actions 编译静态文件的时候我注意到了。请大家注意看!在 cover 处原本的 1xxxx.com/xxx.png 变成了[]()格式，也就是说语雀平台把这个 cover 配置识别为了一串链接，导致 Hexo 同步下来时渲染失败了。 解决办法在语雀内部点击这个被识别为链接的图片地址，选择删除链接(最后一个)即可 2.写法错误同步到语雀后 front-matter 格式和 hexo 本地格式不是一样的。也就是说本地和云端要放两套不同的模板(建议还是把本地的数据备份一下到 OneDrive 之类的网盘) 解决办法这边给大家一套C 哥用的模板滑稽 12345678910111213---title: #文章标题tags: #标签(请使用数组结构!!!!， ...
