陈鑫磊的博客

必应壁纸 作者自己写的api 1080P原图 原图可能较慢（一张要30秒）bing自己慢

因为不可抗力因素，博客将停止更新。 （其实早就已经停更了才有空发而已）

前言 最近看到越来越多的网站使用字体分段加载（貌似都白嫖的B站） 不过博主找了半天，也是没有找到字体切片的相关文章 所以就手搓了一个… 博主也去了解了下字体切片原理，看起来就是把一个字体内的文字打散，分成很多个文件，浏览器需要的时候加载对应文件 （谷歌字体有篇文章: 貌似写着这样可以减少大约30%的加载大小） tips: 手搓完成后，我受到了巨大的打击，因为别人告诉我Github上有（不过我去看了下，貌似不全） 开始 准备材料: 一台PC， Python 3.7 及以上环境(博主是Python 3.9) 如果没有环境或者遇到问题(或者不会)可以在侧边栏公告那里加入博客群聊，寻求帮助 安装依赖 1pip install fonttools Brotli 准备运行时环境 然后新建一个文件夹(程序运行时会生成缓存文件) 比如 font 然后把要转换的 TTF 格式字体复制粘贴进去 新建一个 .py 文件，把以下代码丢进去 main.py12345678910111213141516171819202122232425262728293031323334353637383940 ...

回忆2022 本站在2022切换为了Hexo博客系统，并使用Butterfly主题 不过因为作者学业原因，更新较慢 展望2023 [ ] Hexosm预计将在2023年寒假结束前发布第一个正式版 [ ] 准备搞个游戏(内部游玩)大概叫做天理回议录/启示录 祝福 希望大家2023年幸福，也希望2023年新冠疫情不在肆虐，也祝福大家过个好年 祝大家新年快乐————— (词穷，第一次写这种东西，不会写，不喜勿喷)

关于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 ...

前言 前几天，在给AG bot（作者的机器人）写原神功能的截图网页，因为作者不会css，所以开着教程网页，一边请教别人一边写网页。 直到昨天，我终于写完了，虽然不是特别好看。但好歹是自己写的，写完之后，感觉我这个小白也要变成小黑了。 今天刚好看见twikoo丑丑的，就想给他来个Butterfly风格的魔改（美化） 没想到不仅成功了还挺好看 部分配色和代码，抄自heo的博客 样式只支持Hexo-Butterfly主题 CSS代码 只需要添加到外挂css里 魔改玩家都清楚咋添加外挂css的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191 ...

前言 很久没去主题官网看了。 昨天发现主题又更新了新版本 因为我没有魔改主题，更新还算方便 魔改的更新就很麻烦 本篇教程不教如何更新魔改主题，但可以利用git记录你的修改再更新主题 Git直接更新主题 再说一遍，本篇教程不教如何更新魔改主题 直接在主题目录下执行（.git文件夹要复制回去） 1git pull 如果你忘记你的.git文件夹去哪了 就直接删除主题，回到主题根目录重新拉取最新主题就行 1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly

前言 因为作者看不惯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种方法 方 ...

前言 因为最近百度统计时常抽风，所以作者切换到了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 ...

前言 作者今天看到了糖果屋的一篇文章 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 ...