每日壁纸
必应壁纸
作者自己写的api
1080P原图
原图可能较慢(一张要30秒)bing自己慢
停更通知
因为不可抗力因素,博客将停止更新。
(其实早就已经停更了才有空发而已)
Hexo 博客优化——字体分子集加载
前言
最近看到越来越多的网站使用字体分段加载(貌似都白嫖的B站)
不过博主找了半天,也是没有找到字体切片的相关文章
所以就手搓了一个…
博主也去了解了下字体切片原理,看起来就是把一个字体内的文字打散,分成很多个文件,浏览器需要的时候加载对应文件
(谷歌字体有篇文章: 貌似写着这样可以减少大约30%的加载大小)
tips: 手搓完成后,我受到了巨大的打击,因为别人告诉我Github上有(不过我去看了下,貌似不全)
开始
准备材料: 一台PC, Python 3.7 及以上环境(博主是Python 3.9)
如果没有环境或者遇到问题(或者不会)可以在侧边栏公告那里加入博客群聊,寻求帮助
安装依赖
1pip install fonttools Brotli
准备运行时环境
然后新建一个文件夹(程序运行时会生成缓存文件)
比如 font
然后把要转换的 TTF 格式字体复制粘贴进去
新建一个 .py 文件,把以下代码丢进去
main.py12345678910111213141516171819202122232425262728293031323334353637383940 ...
2023:新年快乐!!!
回忆2022
本站在2022切换为了Hexo博客系统,并使用Butterfly主题
不过因为作者学业原因,更新较慢
展望2023
[ ] Hexosm预计将在2023年寒假结束前发布第一个正式版
[ ] 准备搞个游戏(内部游玩)大概叫做天理回议录/启示录
祝福
希望大家2023年幸福,也希望2023年新冠疫情不在肆虐,也祝福大家过个好年
祝大家新年快乐—————
(词穷,第一次写这种东西,不会写,不喜勿喷)
让你五分钟学会手搓SW
关于Service Worker
Service Worker 是浏览器的一个高级特性,本质是一个 Web Worker ,是独立于网页运行的脚本。 Web Worker 这个api被造出来时,就是为了解放主线程。因为,浏览器中的 JavaScript 都是运行在单一个线程上,随着web业务变得越来越复杂,js中耗时间、耗资源的运算过程则会导致各种程度的性能问题。 而Web Worker由于独立于主线程,则可以将一些复杂的逻辑交由它来去做,完成后再通过 postMessage 的方法告诉主线程。 Service Worker 则是 Web Worker 的升级版本,相较于后者,前者拥有了持久离线缓存的能力。
Service Workers 本质上充当 Web 应用程序、浏览器与网络(可用时)之间的代理服务器。这个 API 旨在创建有效的离线体验,它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源。它还提供入口以推送通知和访问后台同步 API 。
Service Worker 运行在 Worker 上下文,因此它不能访问 DOM。相对于驱动应用的主 JavaSc ...
Hexo-Butterfly Twikoo评论区美化
前言
前几天,在给AG bot(作者的机器人)写原神功能的截图网页,因为作者不会css,所以开着教程网页,一边请教别人一边写网页。
直到昨天,我终于写完了,虽然不是特别好看。但好歹是自己写的,写完之后,感觉我这个小白也要变成小黑了。
今天刚好看见twikoo丑丑的,就想给他来个Butterfly风格的魔改(美化)
没想到不仅成功了还挺好看
部分配色和代码,抄自heo的博客
样式只支持Hexo-Butterfly主题
CSS代码
只需要添加到外挂css里
魔改玩家都清楚咋添加外挂css的
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191 ...
Hexo butterfly主题更新
前言
很久没去主题官网看了。
昨天发现主题又更新了新版本
因为我没有魔改主题,更新还算方便
魔改的更新就很麻烦
本篇教程不教如何更新魔改主题,但可以利用git记录你的修改再更新主题
Git直接更新主题
再说一遍,本篇教程不教如何更新魔改主题
直接在主题目录下执行(.git文件夹要复制回去)
1git pull
如果你忘记你的.git文件夹去哪了
就直接删除主题,回到主题根目录重新拉取最新主题就行
1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly
更新Hexo及插件版本
前言
因为作者看不惯Hexo生成时的警告,然后听人说,更新到最新版本的Hexo能够解决此报错
准备
备份
进行重大改动的时候要备份的道理,应该都懂
我就不多说了。
安装升级所需要的NPM包
清理NPM缓存
1npm cache clean -f
安装版本检测和升级工具(全局安装)
12npm install -g npm-checknpm install -g npm-upgrade
更新全局软件包(比如Hexo)
检查全局软件包更新
更新有2种方法,方法一比较靠谱, 方法二比较简单
使用方法2就不用继续更新全局软件包了,但需要懂一点点英文
方法一
1npm-check -g
全局更新软件包
1npm update -g
重新安装Hexo(更新)
1npm install --global hexo
方法二
使用交互式界面进行更新
需要懂一点点英文。
通过上下键可以移动光标,使用空格键可以选择需要处理的包,回车直接进行处理。
1npm-check -g -u
更新Hexo插件
进入博客根目录
刚刚的更新操作也可以在博客根目录进行
更新插件同样有2种方法
方 ...
Butterfly主题添加51la统计和灵雀应用监控
前言
因为最近百度统计时常抽风,所以作者切换到了51la统计
51la统计
快速开始
首先注册51la统计
(这是一个邀请链接,我会获得10元,新用户会获得8元。(不使用邀请链接均无奖励))
并添加网站,获取网站安装代码(开启了Pjax的可以打开单页应用上报功能)
会得到如下代码
12<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script><script>LA.init({id: "xxxx",ck: "xxxx",hashMode:true})</script>
安装代码
同步安装异步安装加入butterfly主题配置文件
12345inject: head: ......+ - <script charset="UTF-8" id="LA_CO ...
Hexo Dplayer播放器自定义标签外挂
前言
作者今天看到了糖果屋的一篇文章 DIY外挂标签的简单写法与应用 就突发奇想的想给Dplayer写个标签外挂(其实是想以后的时候偷懒)
教程
在博客根目录下新建scripts文件夹(已建立的不用重复建立)
新建一个随意名称的文件(后缀要是.js)比如diytag.js
填入
12345678910111213141516171819202122232425262728//参数处理函数function dplayer (args, content) { // args = args.join(' ').split(',') // const div_id = args[0] // const div_id = args[1]?args[1]:p0 const div_id = args html = `<div id="${div_id}">播放器加载中......</div><script>//立即执行函数( func ...