这篇文章从动笔到写完也用了快一个月xs，每次都是写一半就被各种事情打断了，所以要是上下文有些不通顺还请见谅啦

上

上大学之前我在互联网上应该能算是比较活跃的，虽然也仅限于几个小圈子里，认识了不少朋友，也学到了不少东西。当时确实比较单纯，加上父母属于比较开明的类型，没有硬性要求什么东西，所以我是纯粹的追寻自己的本心，喜欢什么就做什么，完全没有考虑什么有没有人喜欢有没有意义之类的问题。因为初中和高中都是住宿制的学校，而且不在本地，所以也只有周末从学校回家才能敲两下代码，看看信息高速公路上又发生了点什么，没有想过太远的事情，简简单单的把敲代码当成自己爱好。虽然到最后是有点技能在身，但是显而易见的就是学杂了，没有十八般武艺样样精通，而是梧鼠五技，泛而不专。要说成果吧也没弄出多少来，正经的没几个不正经的倒是不少，暑假里写的黄油收集器应该算是人生巅峰了，收割了2K多个⭐️。

同大多数人一样，我在初高中都没有遇到完全志同道合的朋友，但是一起整活的倒是遇到不少，比如当时发现校卡的余额是存在本地的，于是就把卡硬破了然后写了十张白卡挨个刷，爽了几个月，最后人家对账时候发现不对直接一举拿下🤣，但幸运的是也没处分也没入档案，所以到后面都变成了同学里的笑话。

都说到这了那高考好像也不得不说了。要我自己说上学的时候也没有多少时间是真正放在学习上的，不是看国家地理看天下什么的就是去机房打机，高三还数学课学Go英语课学日语。说考得不好有人说我凡，说考得好前头的人转身吐两口口水，只能说高不成低不就吧，但最后以高中三年最优成绩毕业也是没什么好后悔的。（翻相册发现高考的时候班里气氛还是这么好，突然怀念🥲）

哦忘说了，我校就是那个之前传的沙雕图的“牛校出牛子”的来源🤣 (图转群

中

都说填志愿的时候父母比孩子还焦虑，我这边也差不多，加上我的分数也挺尴尬的。但好在我还算有个确定的方向，加上父母不会太左右我的思想，所以自然是往计科这边靠了。然而往高的看挑不到计科，往后看的又不太够意思，左挑右挑也没个特别满意的。

当时在高中有老师专门介绍特殊类的招生，也是抱着试试看的心情去报的名，最后就华工进面了，而且面完好像分数也还行。众所周知高考改革把专业给整成了大类招生，而且如果不服从调剂那就直接跳档到下个阶段。比如说我报了xxx大学的计科大类，没选择服从调剂，那么如果你的分数没到这个专业的分数，那就直接到专科组去了；但是如果服从调剂的话，计科没上有可能就要去土木园林了。但是当时也没料到综合评价其实是提前批，就是在本科批次之前录取，就算不服从调剂也没问题，可以照常在本科组里匹，这下不赌白不赌了，于是欣然填了提前批。最后被华工给录了，还挺开心的，一查别的学校的线，好家伙，直接用中流985的分去了个末流985，这下赌和不赌确实是伯仲之间了。

我选的学院是叫未来技术学院，虽然听着很赛博，但其实是个换皮电信+计科。学院成立于2020，我们入学是2021，是这个学院招的第一批本科生，所以刚进来说整个学院一无所有也不夸张，老师没几个设备约等于零，但这些反倒变成了个优势，就是学院的所有资源都是给到我们头上来的，基本可以说是只要你敢伸手要，学院就敢给你整。

在大一，自由时间跟高中比起来实际上没多多少，公共基础课一堆，还不明所以得被拉去各种当苦力。但是和高中不同的是，志同道合的小伙伴多了很多，有共同语言的同学更是翻了几番，从此不再是一个人单打独斗了。而我也比较幸运，刚进学校就找到了一帮愿意陪我瞎搞的好朋友，在大一参加了不少比赛，搞了不少奇怪的东西。

本来到大学应该更有时间做些自己的东西的，但到最后的结果是弄了一堆胎死腹中的项目，比如下面的小灯板

原理是扫描，目的就是爆锤AWTRIX，嫌他傻大黑粗贵部署麻烦。当时跟朋友一块完成的基础部分，我画的板子，他写的框架，但是越往后做发现越没动力，可能是觉得不够有趣。所以做着做着就搁置了，到现在当时的那些板子还是放在某些盒子里吃着灰。(如果有人感兴趣我倒是挺想把这个东西做好的，后续看时间可以再写篇推文

刚进学校可能也是闲的无聊，实名把学校内网统统扫了一遍，顺便找了一堆弱口令主机进去玩了一圈，后果就是某天下午接到了院长的电话，然后从此变成安全会议上的xx同学和学校新发的一堆网络安全管理条例的导火索。但是好在学院包括学校和领导的领导老师都非常nice，让这个本来要出处分的事情变成了老师们嘴里的介绍词，同学们嘴里的玩笑。我也算是从野路子军变成了正规军，帮学院管理服务器和实验室这些，甚至还有了工资。有什么比干点自己感兴趣还有钱拿更美好的事呢(笑

大一一年总体来说还是在摸索和熟悉大学的整个体系吧，改变了很多以前认为理所应当的想法，比如什么老师就应该催着你学习🥲，还有啥跟老师打好关系对成绩提升真的很大xs，在摸索中也发现大多数时候老师已经不是主导了，打比赛做项目什么不会有老师告诉你应该这样或者那样，都是需要自己研究探索。但也不是说老师一点用没有，厉害的老师能一眼指出未来的大方向以及你的东西缺了什么，还是很令人敬佩的。

下

因为平时比较多时间在学院的实验室，也就自然而然跟学院的老师们混熟了，后来跟院长软磨硬泡以“学生创新实验室”的名头要到了一个房间。虽然名义上是给全体本科生用的，而且院长的本意其实是想带人来参观的时候东西多点的，但是过了一年我这里还是乱七八糟的他好像也就打消了这个念头hhh（左图为刚要到的时候，右图为现在的样子）

加上已经摸爬滚打一年了，当初在一起的几个小伙伴也都慢慢找到了属于自己的地方，有的创立社团服务大众，有的继续打比赛想把项目落地，还有跟老师做横向打工的，但我还是选择自雇。也不是因为没有机会，只是因为我也没什么太高远的理想，只是想干点能让自己满意的东西，为了干活而干活我实在是…不想勉强自己。

时间还是咕噜咕噜转，直到某天晚上一个挺熟的老师突然来了消息：

简单说就是有钱了想花钱，让我帮他花

诶嘿，这不就落到我的优势区间里了嘛，从小到大正经的没学多少这种杂七杂八的倒是知道不少🤣

总而言之我就乐乎乎的当采购去了，干这种活的过程中还是学到了不少社会上为人处世的东西的，现在能基本应对供应商各种骚扰，也能从废话堆里挑最有用的东西，但我认为最重要的是现在终于可以从从容容的拒绝别人的请求和要求了，之前一直没法好好拒绝别人，都是稀里糊涂被坑了(什么波奇再世xs

打过这些杂也算是让我体验了一下设备的上限吧，也是让我拍出了不少梗图hhh。不知不觉间看老莱的视频的感受已经从“哇，羡慕”变成了“就这”或者“没活了可以咬个打火机”。以后估计买东西之前都会好好考虑买回来是不是真的有用了，只是追着喜欢买的话就会买一堆看着不错但是没用的东西回来。

当甲方的时间确实过的挺舒服的，总是会给自己一种“就这样就好”的感觉（吐槽：两个月把前半辈子想买的东西都买了想玩的都玩了换谁谁不迷糊啊xs），但是我倒也还是知道一直这样下去肯定不行，毕竟我以后又不想去当采购或者销售。巧的是我导也不这么想，于是我也算是正式加入了实验室，跟着研究生师兄师姐们一起干活了。

New era

大概就是这么回事吧，依然是稀里糊涂的，开始了人生真正意义上的科研之路。能不能出成果没人能说的算，会做成能做成什么样也没人有个准，也许这就叫“科研”吧，就是为潜在的未来投资。虽然感觉跟理想有点区别，但是这个机会如果不好好抓住的话感觉自己都要被自己气死。

看着网上的各路大神，有本科毕业已经有5年实习经历的，有上大学就已经开始创业之路的，有打个响指就能变出块砖到处砸的，还是会觉得很焦虑。但其实自己想想之后也会发现没什么好焦虑的，现在自己有的一切都是自己亲手打下来的，比上不足比下有余，父母也好自己也好已经把能给我的都给了，剩下的就交给努力和时间吧。虽然现在还是不知道以后想干什么，要干什么，继续国内读还是润，创业进厂还是留校，都还没个准，但也无所谓，也许随着时间想法也会变，这种烧脑的事情就留给未来的自己吧😝

谨以本文，献给即将二十岁的自己，希望你能活成自己想象中的样子。也感谢我的父母、老师同学和愿意陪在我身边的朋友们，没有你们，这条路会比现在泥泞千倍万倍。

写在最后

说实话也不知道写这个的意义是什么，但还是一点一点给磨出来了，希望再过十年的我看到不会想尬到想紫砂。

谢谢你能看到这里，也提前祝我自己生日快乐，下次见~

好久不见，这里是鸽子王小霖。一转眼就过了两年，小霖也从辣鸡高中升到了辣鸡带学。高三在学校里的时候一直在想暑假要干嘛干嘛，结果一到暑假就开始”一蹶不振”，一直摆到现在。

上次动这个博客是2020年10月，当时应该是更改了博客的主题并且稍稍优化了一下，但还留下了一些小细节没有修，于是最近忙里偷闲稍稍修了一下，顺便把图片换成了AVIF，然后顺便来水篇文章。（标题催更隔壁辰叔叔，绝对不是懒得想

AVIF

AVIF是Netflix整出来的图片格式，它的初衷是为了寻找比 JPEG具有更好压缩率、更多功能特性的图片格式。下面是从这借鉴的表格。

至于性能表现什么的这里就不说那么多了，毕竟网上一抓一大把，Netflix原始发布AVIF的地方在这里，如果有兴趣可以去读读

所以总而言之AVIF就是个各个方面吊锤PNG和WebP的文件格式啦，所以换成AVIF只能说是大势所趋了

但是当我们一打开caniuse，这一片红…实在是太红了…

对比一下，下面这个是WebP的支持情况

但是挖的坑总不能就这样不填了吧，活还是要继续整的

检测可用性

检测WebP在浏览器是否可用的方法已经比较多了，主流就是通过创建一个空画布并且通过toDataURL方法来转换画布为base64编码的WebP图像，如果浏览器支持就会正常返回一个data:image/webp;base64开头的base64字符串，但是截止现在浏览器还不能返回data:image/avif;base64的字符串，所以我们就得另找办法了

当浏览器通过<img>标签加载到一张自己不知道格式的图片时，就会触发error事件，所以我们只要提供一个base64编码过的AVIF格式图像给浏览器加载，并且检查是否有错误的产生就可以了，所以代码就像下面这样

Update：如评论中所说，toDataURL检测WebP的方法不是在所有浏览器都生效，因此全部都换成了加载图片的检测方法

function getImageCapbility() {  if (__data('imageType')) {    return Promise.resolve(__data('imageType'))  }  return new Promise((resolve, reject) => {    var image = new Image()    image.onerror = reject    image.onload = resolve    image.src =      'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A='  }).then(    () => {      __data('imageType', 'avif')      return 'avif'    },    () =>      new Promise((resolve, reject) => {        var image = new Image()        image.onerror = reject        image.onload = resolve        image.src =          'data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoCAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA=='      }).then(        () => {          __data('imageType', 'webp')          return 'webp'        },        () => {          __data('imageType', 'png')          return 'png'        }      )  )}

但是这样做的缺点也是很显而易见的，就是会在Network中多出一个丑丑的请求

为了避免这玩意儿太污染我们的时间线，上面的代码就做了一个小小的缓存，缓存助手函数的代码如下

const __data = (function dataHelperHelper() {    let data = {}    if (localStorage && localStorage.getItem('lyn_data')) {      data = JSON.parse(localStorage.getItem('lyn_data'))    }    return function dataHelper(key, value) {      if (value === undefined) return data[key]      data[key] = value      localStorage && localStorage.setItem('lyn_data', JSON.stringify(data))    }  })()

动态替换图片格式

在一开始其实小霖有几种想法，第一种是通过阿里CDN的EdgeRoutine，一个和Cloudflare Workers很类似的东西，在CDN边缘节点进行动态替换，虽然小霖之前内测薅到了资格，但现在好像还是商业化了，而且按天计费，一天最少1块钱的样子，再加上还有一些万年BUG没有修，所以就扔一旁去了

其实除了钱还有另外一个问题，就是accept头的问题。在你通过脚本发起请求的时候，这个头浏览器是不会去自动填充的，也就是说只有通过img script link这类标签加载的资源浏览器才会将真实的符合上下文的accept头发送出去，也就是说如果通过pjax进行页面切换，服务器是拿不到用户真实的accept头的

其实还有几种怪方法，就全部写在下面了

• 向一个不带后缀的图片地址发起请求，由边缘Worker决定返回哪种类型的图片
  • 但是阿里这东西不保流量证一定会经过Worker，也就是可能会出现Worker出问题了无法捕捉到流量的情况，而又使用类似/dist/1.png这样固定类型的后缀来返回动态类型的图片，所以🤷🏻‍♀️
• 把img标签全部换成picture，用source来写明每一种类型图片的地址
  • 丑拒..

所以到最后我们可能只能够通过上面一节的内容在用户端动态更改图片链接了，哪怕这可能不太符合Best practice

因为首屏是由浏览器直接从HTML文件渲染的，而img标签又没有beforeLoad这种事件，所以我们只能尽快的替换掉img标签里的src属性，但是浏览器的玄学调度也不能保证我们的代码一定在图片加载前执行，所以也有可能会出现下面这种请求canceled的情况，如下图

对于首屏来说，除了在服务端下手脚应该没有别的方法来解决了，但是对于第二次打开，我们还是有办法解决的，也就是通过ServiceWork直接更改浏览器获取到的HTML数据

现在小霖的博客应该是已经用上了这个小hack了，大家可以打开DevTool康康首屏的请求是不是变成AVIF了

结尾胡扯

嘛这篇文章大概就这些内容了，上了大学又摆又忙，不过还是做了不少奇奇怪怪有趣的东西的，后面有空可以再来水水博文

就这样吧，大家晚安捏捏捏

1. 自己找无损资源往里塞
2. 从流媒体平台下下来再自己塞进去

第一种的话嫌麻烦，第二种的话也不简单，尤其是现在网易云还在整自己的加壳格式，更何况还没歌词(ZonyLrcToolsX 这玩意儿能用嘛)和封面，无奈只好自己写一个了

之前用 Python 写了一个还算稳定的版本，可以在这里查看，最近正好有空就用 Node.js 又写了一遍，有一定的性能提升和新功能，本文讲的就是这个 Node 版本

虽然起名用的是 WALKMAN，不过理论来讲别的品牌的 MP3 也是可以使用的，欢迎回报可用的设备型号~

Features

• 下载用户歌单
• 填充音乐元数据 (封面、标题、歌手、专辑、发行年份)
• 下载并格式化歌词及翻译
• 允许排除 / 附加歌单
• 为本地文件夹生成列表
• 登陆后下载无损格式音乐
• 自定义下载质量 (默认最高[若未开通会员仅可下载少量无损歌曲])
• 多线程处理
• 下载错误自动重试
• 处理云端歌单变动
• 合并歌词原文与翻译
• 下载专辑
• 处理播放器端列表变动
• 指定为某几个歌单生成组合列表

依赖

• Node.js 10+
• NeteaseCloudMusicApi
  • 公开服务: https://cm.api.xiaolin.in (不保证可用性，推荐自建)

Quick Start

1. 打开终端，准备好 SD 卡并切换到其根目录下
2. 输入 git clone --depth=1 -b node https://github.com/isXiaoLin/CloudMan.git
3. 输入 cd CloudMan && cp .env.example .env && npm i
4. 使用你最爱的编辑器打开 .env 文件并修改用户名和密码
5. 输入 npm start
6. 漫长超短的等待

如果不想自行构建，可以在这里下载预构建的版本，放置于 .env 文件的同一级目录下运行即可

配置文件

# 日志等级cm_logLevel = info# 是否为 /MUSIC 目录中的文件夹生成播放列表cm_generatePlaylistFile = true# NeteaseCloudMusicApi 服务地址# 若未自建则无需更改cm_api = https://cm.api.xiaolin.in# 网易云手机账号cm_phone = 13912345678# 网易云密码cm_password = 123456# 附加的歌单 (用,分割)cm_extraPlaylist = # 排除的歌单 (用,分割)cm_excludePlaylist = # 是否下载收藏的专辑cm_downloadSubAlbum = false# 附加的专辑 (用,分割)cm_extraAlbum = # 排除的专辑 (用,分割)cm_excludeAlbum = # 下载音质cm_bitRate = 999000# 是否将歌词与翻译合并为一行cm_mergeTranslation = false# 处理/下载歌曲的并发数cm_playlistConcurrency = 3

截图

工作原理

可能有些人会对工作原理有点好奇，这里简单写一下，也方便提 PR (小声

首先是生成要下载的所有歌曲列表，接下来生成两个队列：下载队列和处理/复制队列 (分开是为了防止 SD 卡爆炸)

下载方面没有用之前的多线程下载，因为感觉用处不大

至于处理的话使用到了 node-id3 和 metaflac-js2 这两个库，用于将歌曲信息和封面写进文件里，最后将处理好的文件从系统缓存文件夹复制进设备

SensMe 及 Music Center for PC

这几天试用了一下 Sony 官方的 Music Center for PC, 发现其实还算好用，尤其是元数据补充得非常齐并且准确率也很高 (这也太高了吧 (碎碎念

这个项目是用网易云得数据所以没法比得嘛 (自我安慰

但是依然是可以进行 SensMe 分析的！只用打开 Music Center for PC，在文件->导入文件夹中选择 WALKMAN-SD 中的MUSIC/CloudMan文件夹，然后全选右键点击获取未知元素就可以啦！

碎碎念

感觉这玩意儿应该是用 MP3 的刚需才对呀但为啥没人写呢.webp

希望写这玩意儿能帮助到有设备的各位，因为是日常使用的程序所以应该会保持一直更新，有点子/有时间的时候可能会加一些新功能，如果有 Feature request 欢迎提 IS 或者 PR 哦

项目地址：GitHub (有帮助的话可以点颗小星星嘛

enjoy~

这个清单不包含的元素: 老虚

猛男必看系

轻音少女

轻音可以放心吹爆不解释

虽然说是个 2010 年的动漫, 不过感觉不管是情节安排还是画风感觉还是能吊打一大堆最近的番 (感觉单独拿出来还能再水一篇文章

不想猛男落泪的话第二季最后几集还有剧场版最后十几分钟可以酌情跳过 (Live Event! Come With Me!! 结尾也可以跳过

另外 天使にふれたよ! Don't say "lazy" わたしの恋はホッチキス 都可以放心吹爆

(顺便跟泥萌康康咱某宝淘来的大宝贝 (x

Tags: 日常/校园/百合/音乐

批站直达: 第一季 第二季 剧场版

摇曳百合

跟轻音是差不多同期的动漫吧, 也可以放心吹爆！

Tags: 日常/百合(废话)

批站直达: 莫得版权

请问您今天要来点兔子吗？

点兔作为老牌百合日常也可以放心吹爆

剧本大概没被老虚动过所以可以放心食用

Tags: 日常/百合/萌系

批站直达: 第一季 第二季

NEW GAME!

人活着就是为了日富美！

有一些起伏不过总体还是可以当日常看的

闲得无聊又看了下漫画，感觉整个作品基调都变了 (碎碎念

Tags: 职场/百合/日常/萌系

批站直达: 第一季 第二季 OVA

干物妹! 小埋

纯日常, 窝也想有个妹妹呀变得跟哥哥一样优秀呀

Tags: 日常/后宫

批站直达: 第一季 第二季 OVA

天使降临到我身边

这才是猛男该看的东西!

Tags: 日常/百合/萌系/后宫

批站直达: 第一季 第二季 OVA

小霖小林家的龙女仆

Tags: 日常/百合

批站直达: 第一季

Comic Girls

啊吧吧吧吧

Tags: 日常/萌系

批站直达: 第一季

Slow Start

Tags: 日常/百合

批站直达: 第一季

少女编号

咸鱼翻身(否

Tags: 职场/日常/萌系

批站直达: 第一季

恋爱小行星

Tags: 日常/百合/校园

批站直达: 第一季

邻家索菲

Tags: 日常/百合

批站直达: 第一季

雏子的笔记

Tags: 日常/百合/萌系

批站直达: 第一季

属性咖啡厅

可恶, 这番里竟然有男人

Tags: 日常/百合/萌系

批站直达: 第一季

街角魔族

是马猴烧酒诶

Tags: 日常/百合

批站直达: 第一季

珈百璃的堕落

Tags: 日常/百合/萌系

批站直达: 第一季 SP

URARA迷路帖

Tags: 日常/百合/萌系

批站直达: 第一季

看完变成现充系

埃罗芒阿老师

父母双亡, 有妹有房

Tags: 日常/后宫

批站直达: 第一季

我的妹妹不可能那么可爱

父母健在戏份还贼多

Tags: 日常/恋爱/后宫

批站直达: 第一季 第二季

我女友与青梅竹马的惨烈修罗场

Tags: 日常/恋爱/后宫

批站直达: 第一季

我的青春恋爱物语果然有问题。

Tags: 校园/恋爱

批站直达: 第一季 第一季 OVA 第二季 第二季 OVA 第三季

青春猪头少年不会梦到兔女郎学姐

我也想患青春期症候群然后梦见兔女郎学姐 (不是

Tags: 校园/恋爱

批站直达: 第一季 剧场版

路人女主的养成方法

Tags: 校园/恋爱/后宫

批站直达: 第一季 第二季

五等分的新娘

我全都要

Tags: 日常/校园/恋爱/后宫

批站直达: 第一季

龙王的牢饭工作!

这是今日份的牢饭

Tags: 日常/职场/后宫

批站直达: 第一季

明知道前面是地狱还要看系

Re：从零开始的异世界生活

应该算是看过完整看过的第一部日漫吧

明知道第二季是地狱还按下追番的是不是没救了 (快夸我快夸我 (x

Tags: 战斗/奇幻

批站直达: 第一季 第一季 新编版 SP OVA: 雪之回忆 OVA: 冰结之绊

清单大概就这样啦, 因为个人觉得看番是用来让心情变好的所以看的/推荐的基本都是萌系日常番, 上面说的 胃痛 跳过 都是个人看法啦, 希望各位可以欣赏嘤 (想想 NEW GAME! 都能看得难受的人能有什么出息嘛

(换了 Hexo 之后 sitemap 全没整现在咕果都不收录了, 写完文章还得修一下 (咕

酱 (又水了一篇文章

从现有的 WordPress 转到 Hexo 主要需要干下面这几件事：

• 在 Hexo 找到自己喜欢的主题 / 移植现有主题
• 导入原文章
• 选择评论系统并导入评论
• Hexo 主体优化

那咱就一件一件说吧

移植现有主题

还是比较喜欢小影这个 WP 主题 C7V5 的，当时也是花了 99 买过来的，如果换个平台就换主题感觉有点小亏

移植后的主题主要将原来的 JS 全部重写了一遍，压缩后只用 10kb 左右，虽然相比起原版 4kb 还大了一些，但是现在代码就不要要任何的依赖 (jQuery) 都能运行了

CSS 目前还是完全照搬的原主题，但是看了下自动检测使用率也只有 60%出头，以后有空的话可能会考虑重写一遍 CSS 吧 (咕咕咕

(偷偷附上开发时候的 Twitter #1 #2

虽然不能开源但还是可以康康主题的结构哒:

用的是 Hexo 原生支持的 EJS 模板引擎，总的来说还是非常易用的 (偷偷吐槽一波 Hexo 的文档，很多东西都没有讲明白🤪

第一版测试的时候发现加上 AdSense 页面的 Load 时间会被大大延长，就算 script tag 上加 async 或者 defer 也没有用，所以就封装了一个骚函数来实现”全异步”加载统计及广告代码：

const loadScript = (url, cb, data = {}) => {    let script = document.createElement('script');    script.src = url;    for (let i in data) script.dataset[i] = data[i];    if (cb) script.onload = cb;    script.async = true;    let eles = document.getElementsByTagName('html')[0];    eles.appendChild(script);}

(虽然有点骚但是还是很有用的 (小声 (辩解

现在在疼讯 CDN 的加持下已经可以可以做到首屏全部资源 200ms 左右了，还是非常满意的，这个后面再讲

导入原文章

因为原来的文章本来就不是很多，再加上筛掉了一些质量捉急的文章，总共也就剩下十来篇文章，所以就用了全手动的方式来转换格式

在网上转了一圈发现提供的在线工具效果都不是很理想，而 Hexo 自带的迁移工具也感觉不是很好用，最后找到了个写作软件可以兼任这个工作，叫做 Typora，少数派有篇文章详细地介绍了这个软件，咱就不过多赘述了

转换的过程也非常简单，直接在网页上选中原来的文章然后 Copy Paste 一梭子就可以了，图片的话如果在设置里开启了自动保存也会帮你保存到文章属于的目录下

非要说一个缺点出来的话就是文档库不能根据文章的 Front-Matter 来排序，所以咱现在文档的命名都是以日期开头的，如下图：

选择评论系统并导入评论

既然是静态博客系统那肯定就不会有原生评论系统的嘛，本来准备就着苏卡卡的 DisqusJS 用 Disqus 来解决的，但一是考虑 Disqus 在国内被某神奇的东西拦住了，二是这玩意儿有点重，不上 Lazy Load 的话会灰常慢，然而最主要的原因是要登录 ((

咱期望的评论系统是像原生 WordPress 那种只用昵称、邮箱和内容就能留言的系统，但是转了一圈好像没看到类似的，于是就自己造轮子造了一个 Say-Anything，纯 JSON 数据库无 UI 界面，附带支持 reCAPTCHA 和邮件提醒，后续有空应该会加上 Akismet Anti-Spam。至于现在泥萌看到的 UI 是附在主题里的，样式还是照抄的原主题，头像 API 用的是 V2 的 CDN，不用 static.xiaolin.in 的主要原因是 One 这玩意儿咱大概又双叒叕要重构了 (毕竟黎明在年度简报里下了战书呢 (大雾

Hexo 主体优化

最后就是 Hexo 本身的优化啦

在萨摩的提议下用了 GitHub Action 进行持续集成然后上传到疼讯 COS 上面

压缩的话小霖自己写了个小轮子来将博客的所有图片压缩成 WebP 及 PNG，默认显示的是 WebP，如果 JS 脚本觉得浏览器不支持的话就会自动替换成 PNG 格式，开源在 Gist

然后就是记得加上 sitemap 插件，不然 Google 不收录就悲催了 (

(悄悄再来吐槽一波辣鸡疼讯云，都过了 9102 年了依然不能自动添加 Cache-Control 头，源站 COS 也不能自动加头，还得手动加

总结 (小声逼逼 (大雾

嘛半年没写文章了手感还是掉了很多，既然转到了静态博客那以后可能就真成长草博客了 ((

等疫情过去了估计学业也会开始紧张起来，毕竟耽误了差不多一个月的课程，所以大概就咕咕咕咕咕咕咕了?

那就这样吧 (溜球

考虑了一下还是准备把这次夏令营的经过写出来吧，关键信息大概是不能透露的了，但还是会尽量保证文章的连续性的

因为签署了保密协议，所以本文将最大限度地不公开受牵连的内容，如有侵权请邮件至 i#amxiaol.in (#->@)

之前在网上发现了 DJI 的 RoboMaster 暑期营项目，看了看还挺有意思的，于是就报了名，投了简历之后稀里糊涂就过了面试，所以就算进来了 2019 的夏令营了

简单介绍一下这个 DJI 教育生态项目吧

RM 暑期营有三个方向可以选择，分别是机械、算法和嵌入，后两者都属于需要真本♂事的方向，所以我这种菜鸡自然是选择了机械方向。RM 使用的建模软件是 SolidWorks，SW 算是比较好上手的软件了，官方也推荐了一个系列视频来学习 SW，个人觉得还是比较 OK 的 (咕咕咕

在去夏令营之前，我还一直担心会不会进去的都是 julao，每天都怂的瑟瑟 fa 抖抓紧看视频，怕进去发现自己啥都不会，然而发现完全没有必要担心，因为 -大家都一样菜- hhh (当然 julao 还是有很多的，营里新老营员对半分的亚子

瞎扯

小霖坐标就在深圳隔壁，所以就一路坐市际高铁到深圳北，然后直接前往这次所住的公寓报道，报道完后的下午就可以进行自由活动了。

先是整理了一下 DJI 发的一大堆纪念品，然后就去和汤圆小哥哥面基了

先是去吃了烧烤，然后去汤圆几千万的家转了一圈，还顺便撸了下芬达

总结一下：有钱真好。

体验

大家可能没听过 RoboMaster 这玩意儿，但是可以看出来 DJI 正在很努力地宣传这玩意儿，而且看起来的确算是取得了小成功了 (

设备

RM 夏令营大概是 RM 大学生赛(顺便东北大学nb啊啊啊啊啊啊)的附属产品(?)，早就听说 DJI 很 #rich了，但实际体验下来发现 DJI 不但很 #rich 还非常的 nice，材料可以说是取之不尽用之不竭，在仓库里找不到的直接跟我们可爱的冠男老师说就可以了，至于加工的设备也差不多如此，3D 打印机、激光切割机、CNC 机床这里都有，作为一个机械来讲已经没有什么好吐槽的了

活动

除此之外夏令营还安排了很多很棒很厉害的活动，比如参观港科大和一大堆讲座

港科大参观

按照每年的惯例，我们又前往参观了香港科技大学，相比之下差别还是比较大的，港科大的实验室非常大而且研究的都是些看不懂的玩意儿，因为害怕被罚 100万所以具体的东西就不发了

讲座

那么多讲座里我觉得最棒的一个就是 Takeo Kanade 教授给我们讲的机器人运动学和计算机视觉，讲得非常通俗易懂，感觉帮助还是很大的，从 NavLab 项目一路讲到类似 Openpose 的开源项目，最后还有个 Q&A 环节

生日会

据说每次夏令营都会给临近生日的同学过生日，但是这次8.15生日没排进生日会嘤

环境

这次夏令营的研发基地从 DJI 总部移到了南方科技大学，住宿也是从酒店换到了公寓，感觉还是非常不错的。

校园

南科大的可以说是非常不错的了，有三个食堂，一个学生食堂、一个教工食堂还有一个西餐厅，刷卡都可以去吃。校园非常之大，有免费的校园穿梭巴，发车间隔也挺短的，还带空调，大赞。

研发

果然如 影视飓风 的 Tim 所说，DJI 里都是一群年轻优秀又可爱的工程师，来到这里负责我们整个营期工作的老师都是很年轻的老师，其中有一些往届假期营的助教。

因为大部分都是同龄人，所以相互之间交流起来都非常的方便，老师和助教也经常玩梗开车，而且老师们都很愿意跟我们一起讨论一些大胆的脑洞，对我们平常设计开发帮助很大。

在这里待上大半个月，就算平时没有刻意地去学去用，在结营的时候还是会学到很多新东西和新技巧的。

每个房间中的气氛也是非常好，大家都各司其职，就算有摸鱼的看着人家都在认真工作也会乖乖回去设计或者撸码，不过也有个别小组内矛盾很激烈 （

到比赛的前一晚大家也都是干劲十足，有一大批全身除了头全是肝的小伙伴直接通宵

住宿

这次我们住在集悦城，都是 2 人间，房间不算大也不算小，住起来还是比较舒服的，但比较蛋疼的就是我们百来号人只有三台洗衣机能用 （

任务

说了那么久别的，来简单讲一下今年的夏令营任务规则吧。

今年要做的是一个占点任务，一块9×7的场地，有7个堡垒，分红蓝两放，每方各一边，大概长这样：

下面的平台是用来放球的，一个球一分，放在槽里才算得分；上面的平台是用来放杯子的，杯子中需要加球，一个含球的杯子六分

场地的地图如下图：

全红与全蓝的块为出生点，红蓝方可任意选择一点开始比赛

被占领堡垒旁的格子视为可占领道路，操控机器人在块上停留一秒即可占领道路，当道路连通三个已占领堡垒时，将已占领道路视为强占领区域，反之为弱占领区域，当机器人行走在敌方占领区域时，每格扣五分，弱占领区域可占领为机房区域，强占领则不行 (占领道路时道路旁必须有己方堡垒或道路)

分数为比赛结束后统一结算，存在一个堡垒加 50 分，一格弱占领区域加 15 分，一格强占领区域加 20 分

方案

我们组设计的具体方案和比赛结果就不说了，说出来都是泪 （直线轴承在第一场比赛前开始掉滚珠，开发板在第二场比赛前烧了，直接凉凉 （

(悄悄附一张开始的规划图

总结

嘛说了那么多最后还是来总结一下吧。

个人来看这个夏令营还是非常值得来参加的，建议有条件的小伙伴都可以去试一下哒。

在夏令营里小霖凭着写过的那点码成功成为了个假全栈，也学了很多关于算法和嵌入的玩意儿，机械也是学了不少东西，至少现在画一些稍微复杂的零件和装配体是没啥问题了。

最后感谢一下 DJI 和 RoboMaster 为中国教育生态的投入，虽然这次收了钱，但不难看出来这点钱完全不够补贴我们的食宿和研发材料，相比起某些只说不做的公司，DJI 不知道高到哪里去了

所以…大半个暑假已经没了，剩下的时间该好好学习(才怪)了，顺便改一下睡眠习惯，补一下肝 （误

就这样吧嘤 （溜

准备工作

• 装有 Ubuntu 操作系统的 Docker 的服务器
• 基本 Docker 及 Linux 知识
• 一个脑子

在服务器上安装 Portainer

首先我们需要在服务器上安装 Portainer 服务以使用它的服务, 为了保证该服务不宕机, 小霖在 Azure 上开了一台最便宜的服务器当做 Portainer 的专用宿主机, 并在网页的外面套上了 Verizon CDN 服务以保证在国内外都有最好的访问效果

因为服务是要远程连接到我们的服务器上的, 所以宿主机到 Docker 服务器的延迟也应该要在一定范围内才行, Azure 这台新加坡的服务器到上海腾讯云和广州腾讯云的延迟都是 60ms 左右, 已经足够了

安装 Docker

小霖选用的是 Ubuntu 18.04 操作系统, 不过别的系统应该也差不多, 输入以下指令即可:

curl https://get.docker.com | sudo bash

等待安装完成后可以按照提示将自己的用户加入 docker 用户组

安装 Portainer

Portainer 有现成的 Docker 镜像, 所以咱就直接使用官方提供的镜像

这玩意儿关乎着所有 Docker 服务器的安危, 所以 SSL 是肯定要上的啦. 将证书存放在某个神奇的小目录下咱就可以开始安装了(请将以下代码中的 ${DIR} 和 ${PORT} 更换成自己需要的值):

docker run -d -p ${PORT}:9000 --name portainer --restart always -v ${DIR}:/certs -v portainer_data:/data portainer/portainer --ssl --sslcert /certs/cert.pem --sslkey /certs/key.pem

等命令执行完后打开 https://IP 就应该可以看到下面的界面了

在这个界面设置好登录信息后我们就可以进入下一个环节了

开启安全的 Docker Remote API

开启 Docker Remote API 的方法非常简单, 只要在 /etc/default/docker 中添加如下代码即可:

OPTIONS='-H=tcp://0.0.0.0:2375 -H unix:///var/run/docker.sock'

但是这样就相当于直接把你的服务器毫无保留地暴露出去了, 所以我们需要一些更安全的开启方式, 我们开始吧!

生成服务器证书及建立 API 服务

我们将所有的证书都放置到 /etc/docker/目录下以便于管理

咱首先生成 CA 的公钥以及私钥:

openssl genrsa -aes256 -out ca-key.pem 4096 # 生成 CA 私钥openssl req -new -x509 -days 3650 -key ca-key.pem -sha256 -out ca.pem # 生成 CA 公钥

接下来生成服务端证书、签名请求和密钥:

openssl genrsa -out server-key.pem 4096 # 生成证书私钥openssl req -sha256 -new -key server-key.pem -out server.csr # 创建证书签名请求# 输入一系列相关信息，可省略部分直接输入.# 其中 Common Name 需要改成你连接服务器的地址, 比如 1.1.1.1 或 example.comopenssl x509 -req -days 3650 -sha256 -in server.csr -CA ca.pem -CAkey ca-key.pem -CAcreateserial -out server-cert.pem # 生成服务器证书

到现在咱的服务器端证书就已经生成好了, 可以建立经过加密的 Docker Remote API 服务了

在 /etc/default/docker 添加如下代码:

OPTIONS='-H=tcp://0.0.0.0:2376 -H=unix:///var/run/docker.sock --tlsverify --tlscacert=/etc/docker/ca.pem --tlscert=/etc/docker/server-cert.pem --tlskey=/etc/docker/server-key.pem'

理论来说以上代码是可以正常运行的, 但是在小霖的服务器上貌似不起作用, 所以咱直接修改启动 Docker 的脚本参数: 打开 /lib/systemd/system/docker.service , 在 ExecStart 后添加以下内容:

-H=tcp://0.0.0.0:2376 --tlsverify --tlscacert=/etc/docker/ca.pem --tlscert=/etc/docker/server-cert.pem --tlskey=/etc/docker/server-key.pem

之后输入 sudo systemctl daemon-reload 重新载入 systemctl 配置文件后输入 sudo systemctl restart docker 重启 Docker 服务即可

为客户端生成证书

目前为止 API 服务已经被刚刚咱创建的证书所加密了, 接下来就要生成客户端证书以允许客户端连接上 API 服务, 代码如下

openssl genrsa -out key.pem 4096 # 生成证书私钥openssl req -new -key key.pem -out client.csr # 创建证书签名请求# 输入一系列相关信息, 例外同上openssl x509 -req -days 3650 -sha256 -in client.csr -CA ca.pem -CAkey ca-key.pem -CAcreateserial -out cert.pem # 生成客户端证书

上面的代码运行完成后, 客户端的证书就生成完毕了, 我们需要将 ca.pem cert.pem 及 key.pem 复制到本地以便稍后在 Portainer 中添加节点

在 Portainer 中添加节点

完成了上面的步骤之后就可以在 Portainer 添加刚刚操作的 Docker 服务器了

在填写完账号信息后我们应该可以看到下面的界面:

在这个界面我们就可以添加需要的节点了

其中 Name 是名字, Endpoint URL 是服务器 IP 加上端口号, 在这里也就是上面设置的 2376

除了填写这些我们还要上传刚刚复制回来的三个文件, TLS CA certificate 对应的是 ca.pem, TLS certificate 对应的是 cert.pem, TLS key 对应的是 key.pem

填写完这些信息并连接成功后咱就可以进入到主页了, 如下图:

小结

如果步骤没有缺漏的话到这里 Portainer 就应该已经安装完成了, 小霖体验了一下感觉还是很好用的, 不过有一些功能还是没有的, 比如增加端口或者挂载卷之类的, 希望以后会持续更新吧

那么, 就酱~ (滚去睡觉觉惹

Docker 经过这几年的发展已经成为了个很成熟的项目了，小霖也是眼馋了很久了，不过因为太菜了，之前一直都没搞。不过前不久看了下浙大出的「Docker 容器与容器云」这本书，就决定折腾一下。

开搞

本来是准备自己写一个编排的，但是跟萨摩聊了一下天发现萨摩也写了个编排，于是咱肯定是用dalao的嘛 （以下的安装过程修改于萨摩博文

萨摩的编排可以支持 TLS 1.3 + QUIC，轻轻松松拿 SSL Lab A+ 嘤

最首先肯定是安装 docker-ce 和 docker-compose 啦

curl -fsSL https://get.docker.com -o get-docker.shsudo sh get-docker.shcurl -L "https://github.com/docker/compose/releases/download/1.23.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-composesudo chmod +x /usr/local/bin/docker-compose

然后就是拉取萨摩的编排模板

git clone https://github.com/metowolf/docker-lemp.git && cd docker-lemp

接下来我们就可以调整编排的配置了

cp .env.example .env && cp docker-compose.example.yml docker-compose.yml

在 .env 文件中可以修改各种容器的版本还有 MySQL 的密码，在 docker-compose.yml 可以修改需要的容器

在这里我们一步到位，直接挂上 Nginx 的 brotli 模块

首先创建 nginx.conf 文件 (etc/nginx/nginx.conf)

user  nginx;worker_processes  auto;error_log  /var/log/nginx/error.log warn;pid        /var/run/nginx.pid;# 挂载 brotli 模块load_module  modules/ngx_http_brotli_filter_module.so;load_module  modules/ngx_http_brotli_static_module.so;events {    worker_connections  1024;}http {    include       /etc/nginx/mime.types;    default_type  application/octet-stream;    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '                      '$status $body_bytes_sent "$http_referer" '                      '"$http_user_agent" "$http_x_forwarded_for"';    access_log  /var/log/nginx/access.log  main;    sendfile        on;    #tcp_nopush     on;    keepalive_timeout  65;    #gzip  on;    include /etc/nginx/conf.d/*.conf;}

然后创建 brotli 的配置文件 (etc/nginx/config/brotli.conf)

brotli              on;brotli_comp_level   6;brotli_types        application/x-httpd-php application/javascript application/x-javascript application/xml application/json text/plain text/javascript text/css text/xml image/jpeg image/gif image/png image/svg+xml;

接下来在 docker-compose.yml 里挂载上 nginx.conf 就可以惹

--- docker-compose.yml+++ docker-compose.yml@@ -11,6 +11,7 @@       - php-fpm     volumes:       - ./log/nginx:/var/log/nginx:rw+      - ./etc/nginx/nginx.conf:/etc/nginx/nginx.conf:rw       - ./etc/nginx/config:/etc/nginx/conf.d:rw       - ./etc/ssl:/etc/nginx/ssl:rw       - ./wwwroot:/var/www:rw@@ -65,6 +66,8 @@

brotli 弄好之后我们就开始弄网站配置了，下面是小霖博客用的 nginx 配置(伪静态是WordPress的)，其中第二个 add_header 是为了提醒浏览器尝试连接 443 udp 端口上的 Caddy 以使用 quic 服务，一会会写到的

server {    listen 443 ssl http2;    server_name xiaolin.in;    set $base /var/www/xiaolin.in;    root $base;  add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always;      add_header alt-svc 'quic=":443"; ma=2592000; v="44,43,39"';    # SSL    ssl_certificate /etc/nginx/ssl/_.xiaolin.in.crt;    ssl_certificate_key /etc/nginx/ssl/_.xiaolin.in.key;    # index.php    index index.php;    location / {          # This is cool because no php is touched for static content.          # include the "?$args" part so non-default permalinks doesn't break when using query string          try_files $uri $uri/ /index.php?$args;    }      # handle .php    location ~ \.php$ {          fastcgi_split_path_info ^(.+\.php)(/.+)$;          fastcgi_pass php-fpm:9000;          fastcgi_index index.php;          include fastcgi_params;          fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;          fastcgi_param PATH_INFO $fastcgi_path_info;      }  location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {        expires 30d;        access_log off;    }    location ~ .*\.(js|css)?$ {        expires 7d;        access_log off;    }    location ~ /\.ht {        deny all;    }}server {  listen 80;  listen [::]:80;  server_name xiaolin.in;  return 301 https://xiaolin.in$request_uri;}

为了使用 quic 特性，我们需要用 Caddy 在 UDP 端口反代一下网站 (etc/nginx/caddy/Caddyfile)

https://xiaolin.in {    gzip    tls /ssl/_.xiaolin.in.crt /ssl/_.xiaolin.in.key    proxy / https://nginx {        insecure_skip_verify        transparent        websocket    }}

最后在 wwwroot/你的网站名 下放好程序就可以输入以下命令开始部署了

sudo docker-compose up -d

启动成功后如果不出意料的话就可以看见熟悉的界面了

尾声

MySQL 的话可能在小机机上需要添加 SWAP 内存，不然可能会爆 InnoDB: mmap(137363456 bytes) failed; errno 12 这种玩意儿

至于更新的话，萨摩自己都说了自己是「追新族」了hhh，那就不用担心容器太旧的问题了，至于更新的话，执行下面第一行代码修改后再执行第二行代码就可以了

git pull && cp .env.example .env && cp docker-compose.example.yml docker-compose.ymlsudo docker-compose up -d --no-deps --build

好啦又水了一篇文章 （逃

前段时间在破站(?)看到了一个up主将公交卡芯片取出来然后塞到了自制的水晶滴胶戒指里，觉得挺有意思的，就决定自己试一下

所需材料 / 工具: 一张你要改造的智能卡、线圈(铜线也可以，不过要自己绕)、新的卡壳(也可以用滴胶，不过小霖用3D打印惹 )、环氧树脂溶解剂(小霖用的这个)、电烙铁和各种配件、一个附件

开始搞事

找芯片

先拿出你的卡片，然后用强光手电或者你手机的闪光灯找到芯片位置

然后用油性笔画出芯片位置方便剪开(当然你也可以硬核一些直接开剪)

别急着进入下一步，趁这个卡还没坏赶紧用手机NFC读一下这卡的卡号看看一会对不对的上，不然坏了都不知道 (

取芯片

先用剪刀把刚才画出来的框框剪下来

然后准备一个小容器(能放得下这一块东西大小即可)，然后往里面加入溶解剂，将卡片扔到里面

注意：该溶解剂有挥发性，建议在室外操作，若接触到皮肤请用大量清水冲洗 (因为我试过..)

等大概二十分钟就可以用镊子把芯片取出来了，放在清水下擦洗干净就可以用了

接线圈

芯片上面的线理论上是不需要了，所以可以直接拿剪刀剪掉(?欢迎大佬指正)

拿出之前买的线圈，把上面的芯片沿根剪掉(因为小霖懒的用手绕太菜了不会绕，所以就买了人家绕好的)

然后就到了喜闻乐见的焊接时间，但是因为小霖太太太菜了，加上房间还没有装修好，把电烙铁拿出来很麻烦，所以就不焊了。但是有几个tips (因为小霖之前做坏了好几张卡

• 不要把烙铁头放在芯片上太久，放太久的话芯片可能会爆炸(误)
• 焊锡不要弄太多了 (这个无所谓的啦
• 一定要焊上去再读卡，不然是读不出来的 (不知道为啥
• 然后如果焊上去了还读不出来那看看是不是线圈有问题，如果完全没问题的话那你就凉了hhh

但是呢为了给大家良好的视觉体验，我决定………假装自己焊得很好

做壳子

emm壳子大概有两种吧，目前没发现市面上有卖可以打开的卡，所以都是DIY的。第一种是滴胶做的，但估计是小霖操作有问题放了两三周还是黏糊糊的，特别恶心，黏在手上还很难洗掉。而小霖又正好买了台3D打印机，所以就直接上3D打印的了

粗略的量了一下，这东西外径大概是27mm，内径22.5mm，我们打开win10自带的辣鸡3D Builder (因为太菜了只会用这个)

然后就弄了个这个鬼东西出来hhh (能用就行要什么自行车

也是正好塞下这个芯片呢，点上热熔胶，盖上盖子，串好绳子，一个小巧丑的要死的智能卡就做好了喵

总结

整个过程其实也不算难，但是最终的效果怎样就要靠你自己发挥了，本来想找个定制这种东西的厂商做一个壳子的，结果发现根本没有这种东西啊喂，然后就出现了这个小巧丑的要死的3D打印壳 (其实本来想在壳子上印一些可爱(划掉)的东西，奈何技术不精(就是穷)死活印不出来

顺便发一下自己的钥匙串吧hhh

嗯最后提醒一下剪卡之前做好失败的心理准备，小霖可是借过同学两周饭卡的~

就酱 溜 (

博客之前好像也没有年度简报一类的东西，但是今天回访了下友链发现很多博主都写了年报，所以小霖也就跟下风咯hhh(误)

这个破博客从 2017 到现在已经两个年头啦，在此感谢所有访问者，无论你是出于什么目的

白昼之光，岂知夜色之深

尼采

一些数据

先看一些与隔壁的 dalao 站比起来惨不忍睹的数据

• 用户: 6,450 与去年相比增长 308%
• 会话: 8,827 与去年相比增长 259.6%
• 新增有效文章 7 篇
• 新增有效评论 152 条

一些事

大事

• 社交主要场所从 QQ 转向了 Telegram
• 升入省排名第十的高中
• 受邀加入学校信息学集训队 (是蒟蒻!)
• 获取一些省级和市级的小破奖
• 进入十五岁 (唉又老了一岁
• 房间的装修搞定惹
• 在学校机房里嫖到了台 64C 512G 的大鸡鸡

小事

• 买了一堆看起来很棒但又没啥用的东西
• “XiaoLin’s APIs” API 集群基本完工 (咕咕咕
• 写了若干辣鸡项目Bug
• 入门 C艹 和算法
• ········

一些人

今年我主要活跃在 Telegram 上，主要原因还是因为 QQ 的辣鸡。在探索 Telegram 的新世界时交到了许多新朋友，比如优秀的库先生(Kugelblitz)、小羊驼(lwl12)、萨摩犬(METO)等 dalao，并且认识了许许多多的菊苣。

但与此同时，我发现 QQ 上有些曾经的小伙伴已经渐渐被我所淡忘了，所以 QQ2TG 这个项目就出现了。它开发周期前前后后加起来可能有近一个半月，现在回想起来觉得有点不可思议(毕竟那么点小破东西)。

我平常是一个不喜欢热闹的人，所以对在这里感谢那些陪伴我走过2018年的小伙伴们，明年也要多多关照呢!

尾声

因为升入了高中，而且在保持文化课成绩的基础下还要用一年把别人学了八年的算法全部恶补回来，明年博客的更新可能会少掉些许，但是无论如何， 这个博客依然会活下去，还是”关于“中的那句话:

写博客不为了什么东西，觉得在茫茫的互联网，有一个自己的小小地盘，闲下来写点东西（废话啊、流水账什么的），足矣。

Kay

无论如何，感谢你能读到最后。新的一年，让我们继续加油吧！

借用小羊驼去年年度简报的一句话来收尾吧:

凛风起，白云涌。小霖的梦花园，二周岁，生日快乐。

已弃坑，随缘重构

项目地址 : GayHub

OnePlus 6 电池比较小, 耗电也比较快, 找了找原因, 发现是QQ这国产毒瘤的锅, 于是就想着写一个小程序, 让QQ终身呆在垃圾桶里, 就这样, 这个无底洞出现了 //滑稽

适用对象

目前仅适用于 轻度使用QQ 或 不想使用多个聊天客户端的 TG重度使用者

毕竟还有些功能不能实现, 不装QQ暂不可能

QQ2TG

一个帮助 QQ 与 Telegram 互联的小程序

演示

)

简述

程序主体使用PHP编写, 依赖于拓展swoole, 配合酷Q的coolq-http-api插件使用

目前还不是十分完善, 可能存在各种奇怪的问题, 还请各位 dalao 指点一二

Feature

• 使用 Swoole 的异步 HTTP Client 请求 Telegram Bot API 服务器
• 将QQ图片缓存为 Telegram File ID , 提高效率
• 拓展性较高, 可轻松支持一个新的 CQ 码或 Telegram 消息格式
• 支持双向发起私聊消息
• 支持 QQ 自带的 Emoji
• 支持 Telegram 端撤回 QQ 消息
• 支持私聊 QQ 黑名单
• 支持 Sticker 无损转发 (可以当 Sticker 转移机器人啦233
• 附带 Web 端消息查看
• 支持位置信息发送与接收
• 机器人在线时手机电脑可同时在线
• 采用世界上最好的语言编写 ((日常拉仇恨

实在编不出来了… /滑稽

使用

1. 将代码拖到本地 : git clone https://github.com/XiaoLin0815/QQ2TG.git
2. 将config\.env.example改名为config\.env并根据提示及示例填写完整
3. 安装酷Q(若要发送图片则要求安装Pro版本)以及coolq-http-api插件，并添加配置以下参数:

• 酷Q:

  • 更改登录模式为平板模式

    [Debug]Platform=2

  • HTTP API:

    • use_ws_reverse : 使用反向 WebSocket 通讯

    • ws_reverse_api_url/ws_reverse_event_url ： 反向WS服务器地址，对应操作2中配置的websocket -> host/port

    • host/port/use_http : HTTP服务器设置，对应操作2中配置的

      coolq -> http_url

      {    "use_ws_reverse":true,    "ws_reverse_api_url":"ws://192.168.31.120:9501",    "ws_reverse_event_url":"ws://192.168.31.120:9501",    "host":"0.0.0.0",    "port":5700,    "use_http":true}

1. 确保您本地可访问 Telegram Bot API 服务器或填写好了proxy -> host/port(若不需要请留空)

2. 确保您的PHP已安装了swoole扩展

3. 进入目录, 输入composer update

4. 在网站环境中设置 public/ 为运行目录并确保其中的 images 目录可写

5. 访问 https://api.telegram.org/bot/setWebHook?url=https:///webhook.php 设置WebHook, 若认为不安全, 可自行改变文件名

6. 配置进程守护程序(

   强烈建议

   ):

   • Systemd

     # /usr/lib/systemd/system/QQ2TG.service[Unit]Description=QQ2TGDocumentation=https://github.com/XiaoLin0815/QQ2TGAfter=network.target[Service]ExecStart=/path/to/your/php /path/to/2018-07-qq2tg/run.phpRestart=always[Install]WantedBy=multi-user.target

7. 终端输入 service QQ2TG start

8. enjoy it

• TG端发送消息:
  1. 私聊机器人并发送 /new_chat
  2. 选择要私聊的用户
  3. 回复机器人发出的消息开始私聊
• Web 消息查看:
  1. 在 Config.php 中设置好 program -> password
  2. 打开 http(s):///admin/message.html 并将权限密钥填写完整
  3. enjoy it

配置安全 (极为重要!)

• Nginx:

  location ~ (^\.|/\.) {    return 403;}

• Apache:

  RewriteEngine OnRewriteRule (^\.|/\.) - [F]

• IIS:

  <configuration>  <system.webServer>    <rewrite>      <rules>        <rule name="Block access to dotfiles">          <match url="(^\.|/\.)" ignoreCase="false" />          <action type="CustomResponse" statusCode="403" statusReason="Forbidden" />        </rule>      </rules>    </rewrite>  </system.webServer></configuration>

问题

本项目仅对 酷 Q Pro 版本提供支持, 对使用 Air 或 Lite 的用户不提供技术支持

日志等级建议调至 2 或以上，否则可能会造成严重的消息延误

由于 Telegram 的特殊性，所有由 QQ 转发至 Telegram 的 GIF 图像都会以链接的方式发送，至于客户端能不能自动解析显示就要看运气了 /滑稽

若要在 Linux 上使用 酷Q , 可参考这里

TODO

• 异步消息发送
• 图片信息缓存
• 用户群名片缓存
• 支持私聊消息
• 支持消息撤回
• 更新时自动更新配置
• 解决文档中提到的问题
  • 从 Telegram 端发起私聊
• 更多CQ码兼容

dalao 们如果有任何问题或者建议请在issue中提出或直接提交PR，感谢万分

题外话

毕竟初中生, 就是头脑简单四肢发达, 思维算法一坨屎, 英语极差, 导致代码里很多奇怪或者重复的变量名, 还请多多包涵,有些地方代码质量不高、效率低下, 或者结构有问题的, 还请 dalao 们多多指点

或许真的要像LWL说的那样变得更优秀吧

更新日志

2018/08/11 完全重构配置调用方式

2018/08/10 支持位置信息发送与接收

2018/08/09 新增 Web 端消息查看

2018/08/08 新增 rich/sign CQ 码兼容

2018/07/27 新增日志记录

2018/07/26 支持 Sticker 本地处理转发

2018/07/22 支持 Telegram 端先发起私聊

2018/07/20 支持消息撤回

2018/07/18 回复消息提醒对方

2018/07/12 支持双向私聊消息

2018/07/11 更新名片获取机制, 添加伪消息回复支持

2018/07/05 添加图片信息缓存、消息异步发送、群名片缓存, 支持保存消息

2018/07/02 第一版，支持 QQ 与 Telegram 消息双向互通，支持图片、sticker 发送

开箱

箱子里有手机, 磨砂壳还有全屏贴膜 （用的老爹的Mate 10 Pro）

在网上经常听到有人说OLED屏怎么怎么样, 其实个人感觉还好, 只要适应了就行

使用

骁龙845的性能根本没的说, 十分顺畅, 比之前的过气旗舰Mate 9好多了
拍照还说得过去, 我是看不出什么东西 (渣渣日常

//刚刚发现一加的云服务用的套路云???

折腾

作为手机, 应该还是很好折腾的

以下内容仅适用于 Android 9-

TWRP

根本不用管解锁码还是15天限制, 上来就 fastboot oem unlock 一梭子
去TWRP官网下好TWRP, 输入fastboot boot twrp.img, 临时的TWRP就刷好了, 进到TWRP把放在手机根目录下的安装包给装上TWRP就刷好了

Magisk

去GayHub上把Magisk的Installer给下载好, 放在手机根目录下, 重启进入恢复模式, 安装刚刚下好的包, Magisk就装好了

Xposed

在手机的Magisk Manager中搜索Xposed, 安装API27的框架, 然后下载Systemless的Xposed Installer就可以成功激活了

这一块感谢printempw dalao的耐心帮助(从Twitter找到Telegram) //毕竟我就是个什么都不会只会Ctrl+C的死肥宅而已

其它

一加的Dash闪充也是非常快的, 给了我个非常大的惊喜
刘海屏用习惯了其实也还不错, 没有想象中的那么差劲
只有一个扬声器比较难受, 音质一般般 (只听个响
指纹传感器不知道为什么经常抽风, 我同一个手指得加两遍才好一些
OLED的屏幕一开始看着会胸闷, 但在设置里调成自适应模式就会好很多了

就酱 (逃

前几周看到学校里有人带了华为watch 2，心血来潮也想买一个智能手表，正好把现役的小米手环2给换掉，在网上挑三拣四，也就只剩 Ticwatch S&E 看起来还不错

开箱

使用

手表是国内版本的，带3G服务，系统上用的Ticwear（基于Android5.0开发），带上一块OLED显示屏、512M RAM以及300mha的电池，基本可以做到一天一冲

然而手表的表带比较硬，不是想象中小米手环那样舒服，但适应一下还是可以习惯的

每天晚修的时候偷偷把手表塞到柜子里充电，大概一个小时就能充满，速度还能接受

出门问问功能太冗杂了，还好有个Ticwear可以凑合着用，里面有个AW(Android Wear)兼容模式，但连上以后发现没啥用

吐槽

• Android5.1 太老了，华为都更到了 Android7.1 (虽然要那么高版本不知道有什么用

• 国内版系统自带语音助手是出门问问，简直就是个渣，刷国外版系统 3G 模块还用不了 (十分后悔

• 系统不能装中文输入法，要打中文只能用问问的语音输入，简直了

• 问问应用市场里的东西简直少的可怜，要啥没啥，还好偶然连上电脑发现可以用 adb 手动安装APK

• 自带的SIM卡用的民生通讯(虚拟运营商)，但拆机以后把自己的卡插进去也可以用 (仅限联通

换卡

因为内置的SIM卡用的是什么鬼民生通讯，而且资费还贼鸡儿贵，就准备更换SIM卡

看了看网上都说可以拆来来看，我就作死尝试了一下：

新卡用的是阿里小宝卡(联通，一个月19元，包含1G流量和100分钟通话)，昨晚定的今早就到了

装上以后开机，当当当当！3G信号！

赶紧打个电话试试，立马就开始震了，excellent！

弄完把盖子盖好，腕带装上，拧上螺丝，就可以正常使用了喵~ //吐槽: 有一个螺丝已经严重滑丝了，估计这次拧上就再也拧不下来了…

总结

总体来说还是有点失望的，很多地方没有达到预期，如果有想要买的可以考虑一下海外版（无SIM卡），个人认为比国内版好不知道多少倍

就酱~

托尔斯泰：萝莉不是因为美丽才可爱，而是因为可爱才美丽。

屠格涅夫：先相信自己，然后萝莉才会相信你。

哥白尼：人的天职在于勇敢探索萝莉。

爱迪生：萝莉控，就是99%的hentai，加上1%的真爱。

爱因斯坦：控萝莉比推倒萝莉更重要。推倒萝莉只是从生理上满足自私，而控萝莉则是需要审美和追求，这也标志着科学的真正进步。

托尔斯泰：萝莉控不是一种享乐，而是一种沉重的存在。

培根：萝莉就是力量。

钢铁是怎样炼成的：人最宝贵的东西是生命，生命对人来说只有一次。因此，人的一生应当这样度过:当一个人回首往事时,不因没追求御姐而悔恨,也不因喜欢幼女而羞愧;这样,在他临死的时候,能够说,我把整个生命和全部精力都献给了人生最宝贵的事业——为萝莉的解放而奋斗。

罗曼罗兰：萝莉最沉重的负担不是*部，而是双马尾。

牛顿：如果我比别人看得更远的话，那是因为我有萝莉。

雨果：萝莉，是人们必须的。什么也不控的人是不会幸福的。

爱因斯坦：一个萝莉控的价值，不应该看他得到了什么，而一个看他为萝莉贡献了什么。

谚语：一天一个萝莉，不用请医生。

达尔文：物竞天择，萝莉生存。

高尔基：萝莉是人类进步的阶梯。

海明威：人可以被消灭，不可以没萝莉！

孔子:三人行必有萝莉，择其萌者而控之。

老子：萌可萌，非常萌。

孙子：萝莉，国之大事，不可不察也。

孟子：正太不如御姐，御姐不如萝莉。

卡缪儿：要对生活的每个萝莉都充满感动。

汉光武帝：有萝莉，事竟成。

谚云：万般皆下品，唯有萝莉好。

居礼夫人：弱者等待萝莉，强者创造萝莉。

爱迪生：萝莉能增进快乐，减少痛苦。

颜之推：积财千万，不如萝莉在身。

西谚云：伟人的后面必定有一位伟大的萝莉。

元首:反对萝莉的,都是德意志的敌人!

李白：天生萝莉必有用，萝莉千金买不来。

杜甫：会当凌绝顶，一览众萝莉。

白居易：同是天涯萝莉控，相逢何必曾相识？

韩愈：世有幼女，然后有萝莉。幼女常有而萝莉不常有。

范仲淹：先萝莉之忧而忧，后萝莉之乐而乐。

欧阳修：萝莉控之心不在酒，在乎萝莉之间也，萝莉之萌，得之心而愚之酒也。

马致远：幼女易得，萝莉难求。

孙中山: 推倒萝莉尚未成功 萝莉控们仍需努力。

鲁迅：其实地上本没有萝莉控，喜欢的人多了，也便成了萝莉控。

转自 凯の秘密基地

Apple官方介绍

既然是Apple的东西肯定用Apple设备最好是吧，然而我除了一个吃灰的MacBook以外就只剩一个黑果了 （穷

然而这并改变不了什么，找了个淘宝口碑好的商家1100就入了（得夸一下顺丰从北京到广东一天就到了），先上图🌝

当时和卖家沟通的时候卖家称并不确定与Mac和Android的兼容性，也没发现什么有价值的评论，但还好这玩意儿并没有让我失望，和我的黑果和Mate9都兼容得很好

说到底这东西还是很不错的

嘛，就这样（除草任务✓）

啥玩意啊？

这个东西主要是拿来连我的前端的，毕竟只会后端也不行是吧

有啥用啊？

项目地址:GayHub DEMO地址:Lab

这个东西的灵感主要还是来自现实生活中的，有时候我想在设备和设备之间传输一些东西，但是上面又没有类似QQ这样的东西，所以就想着做一个便签板来在各设备之间传输文字，文件的话可以上传到我的公共云然后再把链接copy过去

啥原理啊？

因为想到是拿来练前端的，所以JS肯定越多越好是吧233

目前就是登陆注册，获取、编辑、删除便签是通过ajax完成的，添加便签是ajax提交以后再刷新界面(其实是我懒不会)

具体的API扒一下应该都能看到，这里就不多说了

怎么用啊？

本项目基于TP5.11编写，所以把gayhub上application里的东西copy进去就好了

数据库结构：

CREATE TABLE IF NOT EXISTS `text_posts` (  `id` int(11) NOT NULL,  `uid` int(11) DEFAULT NULL,  `text` text,  `add_time` text,  `edit_time` text,  `other` text) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;CREATE TABLE IF NOT EXISTS `text_users` (  `uid` int(11) NOT NULL,  `nick_name` text,  `email` text NOT NULL,  `code` text,  `last_login` text,  `reg_time` text) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

再送几条用户数据吧233

INSERT INTO `text_posts` (`id`, `uid`, `text`, `add_time`, `edit_time`, `other`) VALUES(1, 8, '大家好我是一条XSS便签/w\\<script>mdui.snackbar({message: ''大家好我是一条XSS便签/w\\''});</script>', '1505649340', '1505649340', '{"type":"normal","display":"0"}'),(2, 8, '大家好我是一条XSS便签/w\\<script>mdui.alert(''大家好我是一条XSS便签/w\\'');</script>', '1505649703', '1505649703', '{"type":"normal","display":"0"}');

最后

都说了语文不好啦文章写得不好别怪我哈😉

代码肯定有很多缺陷，希望各位大佬一一指出哦

对了，封面大图的✘是我用数位板画的233