回想起来我折腾博客和各类网站已将近 10 年光阴，在维护 0xFFFF 的几年来，也尝试过各类不同的建站方案。当前用到的各类服务，综合速度和成本而言，感觉可能的选择方向差不多已经成型，可以做一个总结。若你也想低成本搭建属于自己的网站，且想拥有不俗的访问速度，这里的方案也许可以是你的一个参考。

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 上，这就涉及到了容器网络互通的问题。

回想最近独立负责开发的一个需求：App 中的一个子模块，客户端提供的 WebView 加载网页，实现的一个单页应用（SPA）。其中功能拆分到多个不同的子页面分别实现，各个子页面实质上只作为这一 WebView 页面中的一个模块，通过 React Router 去分发路由和渲染它们。

上篇文章  我们写了 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 过程的研究的大门。

World Wide Web，简称 WWW，中文“万维网”，又叫 Web，而不是 internet 这个只有物理意义的一层。加之如今移动互联网发达，许多刚接触网络的人，对于网络的了解可能仅限于微信、QQ 和各种各样的 APP，已不知道 WWW 为何物。我想应该尝试通过一些简单的语言，理一理其中涉及的概念。

宿舍有个树莓派常年开着吃灰，装了 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 编辑器打开目标的文件，再将本地的代码粘贴到终端，然后保存、运行。

最近在尝试基于 PHP 做一个反向代理 HTTP 的程序，其中一个需求是将程序收到的HTTP请求还原回 RFC2616 的原始格式。

写完作业逛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 牌组，便打算从这里开始。

前两天写博文的时候，想贴个截图，忽然意识到，Typecho 的编辑器并不支持粘贴图片上传的功能。 想传截图，得先保存一下图片，然后再拖到编辑器里面上传。 简书在这方面做的还是很不错的，可以拖文件，也可以粘贴，上传以后自动转成了 Markdown 的图片链接，一步到位，简直不能再爽。 于是我研究了一下浏览器的 ClipboardEvent API，模仿简书编辑器的设计，做了这个增加幸福感的小插件

作为一个 Typecho 老用户 & 插件/模板开发者，我一直关注着 Typecho 的动态，也一直关注着 joyqi 的Typecho 开发频道，但是由于太懒了，加之学业、社团日常背锅的繁忙，无暇折腾，怕整出大麻烦，所以我也一直没有打算动手升级。之前 Typecho 爆出了任意文件删除漏洞，当时也是草草删除 install.php 了事。

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

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

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

根据老师和前辈们的建议以及我这一年的折腾经验，在 Linux 系统下学习 C 语言和 C++ 的话那真是极好的，但是鉴于现实的情况（例如 Linux 命令行操作对于一个暂时对电脑不是非常了解的人来说可能一开始不太好上手），很多东西还是需要在 Windows 下进行。

继上次我写了个PHP脚本抓取我的一卡通消费记录（用PHP爬取个人一卡通的消费记录）之后，我遇到了一些奇怪的问题。比如说，我统计上个学期的一卡通的花费的时候竟发现少算了400+RMB，百思不得其解。直到前段时间我才发现，原来学校的这个网站查询到的信息是不完整的，有些记录竟然会有缺失，后来我请教了负责这一块的老师，老师表示大概是学校里面某些一卡通的消费机离线时间太长，消费记录没有同步到服务器上，所以造成了这个问题。

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

给笔记本装好Ubuntu之后，我按照一篇百度经验的 教程文 安装了Chrome，结果遇到了一些大坑。

之前我用 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一键安装包）

对于我们这些不怎么方便用电脑的人来说，管理网站什么的实在是不方便，网站出了什么问题又要找电脑，实在是麻烦，而且处处受限。作为新一代的技术宅，这点东西怎么可能难倒我们？！在几乎人手一部安卓机的今天，其实有很多实用的app可以帮我们很多忙。

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

微软10月出了win10技术预览版，作为走在时代前沿的我们当然不能错过！！ 当然，我不会那么傻傻地直接安装把原来的系统覆盖掉，浪费我千辛万苦激活的win8.1。。O(∩_∩)O~

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

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

无聊玩百度翻译，发现右下角有个小喇叭可以把输入的字读出来。。于是我打开fiddler2，抓到了度娘翻译语音的API

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

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

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

最近正在研究百度音乐的API，上网搜了下，不外乎就是直接抓网页或者是已经用烂的的widget的API

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

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

第一次写html，开始觉得随随便便就弄出来了，但是做起来才发现，其实也并不简单

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

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