Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的 性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

最近把博客从 Typecho 搬到了 Next.js + Vercel 驱动、Notion 为 CMS 的架构（使用 nobelium 搭建），其中评论区转到了 cusdis 作为后端。原博客有文章 112 篇，评论总量大约 1.2k 条，文章迁移手动操作还行，但评论数据的迁移经历了一些小坎坷，断断续续花了两个周末才弄完，也写一写其中踩过的坑，还有一些小小的心得。

生活越来越忙碌，要面对的事越来越多，近期面临大环境影响下的工作变动，深感大块专注时间的宝贵，能花在博客本身折腾上的时间也越来越少；但仍希望能通过记录，看到一些脉络和体系，让自己对自我有更清晰的认知。也以此对 blog 做一个更新换代，让写博文的心智负担小一些。

一个服务器上分别用单独的 docker-compose.yml 配置了两个单机网站项目 1. 网站项目（有 nginx、php-fpm、MySQL 等容器） 2. caddy 反向代理 现在希望 caddy 的容器可以反向代理到项目1里面的 nginx 上，这就涉及到了容器网络互通的问题。

上篇文章  我们写了 Flarum 二次开发项目的规划，这里也分享一下本地开发与调试 Flarum 的配置的方案，助你快速搭起 Flarum 的本地开发调试环境。

上篇文 我们介绍了适用 Flarum 的 Docker LNMP 环境的配置，本文将进一步从本地环境搭建、版本控制的设计的角度，介绍一套可操作的 Flarum 项目配置与二次开发迭代方案。

Flarum 是一个简洁的轻论坛程序，交互体验做的十分不错，也有良好的插件扩展机制。接触过的人可能知道，它目前还在 beta，在功能更新和迭代方面不算稳定，部署、修改与定制功能更是一件麻烦的事情。 在 2018 年，我基于它构建了 0xFFFF 社区。经过两年的不断推翻与修改，慢慢沉淀下了一套适合持续迭代的 Flarum 部署与开发迭代方案。

上篇博文 引出了“硬币模型”，从“抛硬币”的角度描述了计算机数据的最本质属性。同时也介绍了为若干硬币赋予现实意义、实现更多数据在计算机表示的基本思路。 接下来我也会具体展开介绍一下数字、文字、音频、图像、视频在“硬币体系”下的表达，为你带来更直观的印象，本篇将重点介绍“数字”的表达。

最近与几个朋友聊到了“信息的本质”相关的话题，惊讶地发现，即使是计算机相关专业在读，面对“数据究竟是怎么一回事”这个问题，许多人依然云里雾里（包括我）。 解决了这个最根本的问题，方可从计算机领域的各种复杂之中解脱出来。所以我也尝试以文章的形式梳理一下。

过去在微博遇到许多带来思考与快乐的内容，但常常因为时间太久远，回看收藏链接往往返回的是404，记忆也随之变成了一个个空洞。脑洞打开，是不是可以把一条微博涉及到的各种文件一键打包下载，在本地阅读呢，就像 docx 文档格式一样。

去年开始博主我大致确立了一个以 RSS 聚合为主，其它信源随缘查看的资讯订阅流程。其中一大需求是同步不同客户端的阅读记录，需要一个服务器端运行的订阅器。当时用的是 Tiny Tiny RSS 和它的 fever 插件，结合 tt-rss 安卓客户端和 Reeder 实现。

无意中发现和尝试了 Chrome DevTools 的 Layers 面板，Get 到了庖丁解牛的新视角。不禁感叹 Web 浏览器的巧夺天工，也从此打开了浏览器从 Layout->Paint->Composite 中的 Composite 过程的研究的大门。

宿舍有个树莓派常年开着吃灰，装了 Transmission 用来挂种子。由于挂下来的资源大部分都是视频类型，所以也不必下载下来。于是我配置了一个开了 autoindex 的 Nginx 服务器，在校园网内，直接通过一个内网的 URL 来实现资源的访问。

最近自己有个批量调用 API 抓取数据的需求，类似爬虫抓数据的感觉。听到爬虫二字，我们常常想到的是 Python, Beautiful Soup 之流，而对于简单地抓取数据这种需求来说，一个小米加步枪就能干掉的东西，拉个加农炮来，显得有些大材小用。实际上，只需要围绕着 抓取->格式转换处理->保存  这简单三步，然后用合适的工具或编程语言实现就好了。

这学期的安全学课程有个作业，内容是写一个软件实现 SHA3 Hash 值的快速计算。想一想老师这么安排，大致上也有一种推广新的密码学算法的意图。既然希望应用起来，天然跨平台的 Web 显然是一项非常具备优势的技术，想到 HTML5 有定义网页与文件系统交互的 File API 标准，而且很多浏览器已经实现，基于浏览器端，实现一个 Sha3 的在线哈希岂不是更好？

最近启动了刷 LeetCode 的进程，Accepted 了几道题，但两天不到就忘了，即使是留了注释，想想写写笔记还是蛮有必要的，但我不希望不经思考整理就贴一堆代码，把博客搞的乱糟糟的，像 XSDN、XX园、X书 一样，所以也只是想把一些印象深刻的部分，留个笔记。

从大一开始用 Ubuntu 16.04 LTS 作为主力系统开始，我一直用着搜狗输入法的 Linux 版本来输入中文，一直以来都相安无事，除了偶尔搜狗会崩溃一下之外。最近在网上发现 有人把 Deepin 的 wine QQ 打包整合了一个脚本，可以实现在 Deepin 以外的 Linux 发行版上安装 QQ 等 Windows 软件，看到之初有点小激动，从此我也在 Ubuntu 用上了心心念念的 TIM，尝试了一段时间，体验几乎完美！

今天在整社团的一些杂碎事务，其中需要打印若干个PDF文档，到打印店一个个文件来打印显然比较麻烦，所以我在思考，有没有把多个PDF合并为一个的操作呢？

折腾服务器的时候常常会遇到一些将本地写的代码传上服务器的需求，利用 SFTP 工具（Filezilla、WinSCP 之类）较为麻烦，所以我通常的做法是先使用 Vim 编辑器打开目标的文件，再将本地的代码粘贴到终端，然后保存、运行。

写完作业逛PT站发现 Beyond 专辑合集的 CD，想到网易云音乐里面没有一直很喜欢的 Beyond 的《长城》，遂让树莓派花了半个小时时间把它拖到了本地。

最近有折腾小程序的意向，但微信的开发者工具只提供了 Windows 和 Mac 两个版本，对于我这样的 Linux 用户来说不是那么地友好。

最近在用 Node 的 cheerio 类库整一个抓取课表的小爬虫，其中有部分不需要的信息的 HTML 标签内部只有一个   ，我想利用它作为特征来过滤掉无用的信息。

新学期伊始，年度抢课大戏同步上映，学校的正方教务系统也迎来了前所未有的流量冲击。教务系统这个跑在 Windows 2003 的上古时期的 ASP.NET 程序的服务器自然也承受不住，在选课高峰期频频崩溃，从而也导致了用户登录的账户在选课期间频频掉线的问题。

一直以来都想着拯救我的 broken English，好准备接下来的六级考试。前段时间在 V2EX 看到一位大神分享了一份实用的英语学习指导 https://github.com/byoungd/English-level-up-tips-for-Chinese，遂被种草。同时我也认识到了自己单词量的匮乏，想通过背单词的方式把基础的词汇攒起来。恰好教程提供了一份「麦克米伦7000高频词」的 Anki 牌组，便打算从这里开始。

上一篇文章 Linux 下 Nginx + PHP 环境的配置 扯了那么多复杂的概念，现在让我来说一说怎么把它用在实践之中。最近我也想重新把 VPS 重装一遍，恰逢 PHP 发布了最新的 PHP 7.2.0 版本 (2017年12月14日)，所以就直接安装最新版本的 PHP 吧。

本文假定读者对 Linux 的命令、程序的文件IO、HTTP 协议、基本的PHP语法、正则表达式 有一些大致的了解。

一个基于 Node.js 构建的微博 RSS 订阅格式转换器

学校的一卡通消费查询系统不支持数据导出，要我一页页地把数据复制到Excel上？这种重复无聊的事情不应该是靠擅长做这些事情的计算机去解决的吗？所以我开始打算写个脚本一键抓取我的一卡通消费记录。

之前我用 lnmp.org 的一键安装包来配置 web 服务器，一直懒得去动，对 nginx 的配置也是一知半解。买了新的 vps 之后需要重新配置服务器环境，趁这个机会让我手动一个个安装它们并且熟悉熟悉吧。

之前把blog搬到了Daocloud上，但似乎最近Daocloud的云端运行环境被玩坏了；之前买了两年的Acrosvm的VPS正好也快到期，正准备续费的时候发现这破玩意儿居然支付不了，发工单给客服也没有回复，果断放弃。

博客一直在用 Typecho 自带的评论，但常常会遇到这种让本博主十分蛋疼的情况

以前一直想换一个简洁大方不花哨的博客主题，Typecho 默认主题显得太简陋了一点。用过一段时间的 cho 的 Maupassant 和 Navy 主题，不久之后我便开始审美疲劳了，后来有一天我在 v2ex 上看到了IIssNan 分享了他的 Next 主题 ，看到它的第一眼我就喜欢上了。似乎有那么一种“这就是我要的滑板鞋”的既视感，只可惜它只能用在 Hexo 上。后来 IIssNan 发布了这个主题的另外一个样式：Mist Scheme（就是本站现在用的的这个）感觉它似乎更加地适合我。

博客上有一个用mediaelement-and-player.js弄的播放器，插件默认的是每个页面都加载一次mediaelement-and-player.min.js和mediaelementplayer.min.css，两个文件都十分的庞大，加起来接近100k，虽然gzip之后只剩下20多k但是也是十分地不爽，所以我便寻思着有没有什么办法能有播放器的时候就加载它，没有播放器的时候就不加载。

在这里分享一下我的博客的nginx.conf文件，因为nginx对pathinfo支持总是有那么一点问题。。参考了下70 的写法，然后弄出了下面那些玩意儿。。表示工作十分正常（用的lnmp.org的lnmp一键安装包）

不需要改核心代码，只需在config.inc.php里加上一行

前几天早上醒来翻出手机，按电源键，屏幕亮了，但似乎没什么显示，但是按音量键什么的居然还有反应！！我摸索着拉下通知栏按下那个调亮度的按钮，尼玛亮度还会变。。当时我的第一反应就是内屏爆了。。。

低音炮坏了。。低音极其不正常，研究了一阵发现是低音滤波电路出问题了，原来电路的LM324做的，略复杂，我也不想去理他了，干脆自己重新搭一个电路

收拾房间的时候找到个初一时买的地球仪，已经惨不忍睹。。。外面那一层印有地图的纸已经没了，正准备扔了，看着地上那个尘封多年的小喇叭，我忽然突发奇想，把喇叭装在地球仪上面会怎么样呢？

最近打算做播放器，研究了下解析lrc歌词的算法，百度基本没有现成的，所以自己各种搜索各种折腾然后写了个~~~特分享给大家

其实原理很简单，把原来的数*100然后取整再除以100就是保留两位小数了~备忘一下

php菜鸟状态下山寨的插件。。。。不喜勿喷⊙▽⊙

翻了一遍服务器的控制面板都没发现子目录绑定这种东西。。百度了n久，终于找到利用.htaccess文件把域名绑定子目录的方法，这里是把qiandao.izgq.net绑定到sign目录下，其他情况的把域名和目录名换掉就好了

最近有小伙伴找我说他的电脑开不了机了 风扇会转但是就是不会启动，电源灯亮，网卡灯也亮，硬盘灯什么的闪一下就没了。。。

经常看电视的人可能会遇到遥控器失灵的问题；那怎么知道遥控器有没坏呢，这里教大家一个简单的方法