最近准备把部署在 Cloudflare, Vercel, Netlify 上的项目迁移到自己的 VPS 通过 Docker 运行，就复习了一下 Docker 镜像打包。 但是一个很小的项目打包出来就是 1.05GB， 这显然是不能接受的。所以研究了一下 Node.JS 项目 Docker 镜像最小化打包方案, 将镜像大小从 1.06GB 缩小到了 135 MB。 示例项目是一个 Astro 项目， 使用 Vite 作为构建工具， SSR 模式运行。 第 0 版 主要思路是使用最小化系统镜像，选用 Alpine Linux 镜像。 按照 Astro 官方文档服务端渲染模式（SSR）, 将基础镜像替换为 node:lts-alpine, NPM 替换为 PNPM, 打包出来的体积是...

之前一直在 X 分享一些有趣的工具，而且也会同步到 Telegram Channel 上。看到 Austin 说准备建立一个网站，把分享内容都收录进去。 刚好想到最近看到的一个模板 Sepia，就想到把 Telegram Channel 转成微博客。 难度不大，主功能一个周末就搞完了。过程中做到了浏览器端 0 JS, 分享一些有趣的技术点： 防剧透模式和移动端搜索框隐藏展示，使用的 CSS ":checked 伪类" 和 "+ 紧邻兄弟组合器" 实现的，参考 过渡动画使用的 CSS View Transitions, 参考 图片灯箱用的 HTML 的 popover 属性，参考 返回顶部的展示和隐藏使用 CSS animation-timeline 实现...

最近在准备给家用网络升级 2.5G， 在咸鱼收了一台阿里云 AP8220 来折腾。 但是这个机器的刷机资料太少了。折腾了2天才成功刷机。所以写一篇文档记录一下。 提醒 非必要，不刷机。 刷机有风险，请做好刷砖准备。 任何刷机问题与我无关，我只分享我的刷机过程。 准备工作 阿里云 AP8220 机器一台，咸鱼基本 200 上下。 DC 12V2A 电源一个，原厂不带电源。 USB 转 Console 线。 tftp32.exe。 Putty。 OpenWrt 固件（目前只有 LEAN 的收费固件，我无法提供，希望后续有更多的人适配）。 进入 Uboot 使用 USB 转 Console 线连接到设备 Console 口， 网线连接到设备 LAN 口。 Putty...

之前做 L(O*62).ONG 的第一版时，使用的服务端跳转，上线第二天就被 Google 警告了安全风险，只能改成本地跳转提醒后跳转再去申诉。 对于这种场景最好的做法是使用 Google Safe Browsing 来做跳转，但是 Safe Browsing 有使用限制，每天只能调用 10000 次，而且不支持自定义名单。由于我只想依赖 Cloudflare 一个平台就没有使用 Google Safe Browsing。 前段时间和一个网友交流的时候，突然脑洞大开，想到使用带成人和非法网站过滤的安全 DNS 服务器来做域名安全性的检查。 于是使用 家庭版 1.1.1.1 做了一下尝试发现是可行的。 但是 1.1.1.1 不支持自定义名单，想到之前在 HomeLab 用过 Cloudflare...

最近在学习 AI 相关的前端知识，看到 Transformers.js 的一个实例很感兴趣就把它做成了一个工具。 通过在 WebWorker 中使用 Transformers.js 调用 WebGPU 运行 RMBG-1.4 模型，可以在浏览器本地使用 AI 移除图片背景。在 M1 PRO 上处理一张 4K 图片只需要 500ms。 工具地址：https://html.zone/background-remover 相关的源码在 https://github.com/xenova/transformers.js/tree/main/examples/remove-background-client ，如果想自己实现，可以参考这个仓库。提醒一下向调用 WebGPU，需要切换到 Transformers.js...

之前在 Twitter 分享一些网站的时候都会使用短链，方便后续看下大家是否感兴趣。这些短链系统中 Dub 是使用体验最佳的一个，但是有个致命的缺点：月点击量超过 1000 就没法看统计分析了。 清明在家上网冲浪的时候，发现 Cloudlfare Workers Analytics Engine 支持数据写入和 API 查询数据，于是自己搞了一个 MVP 版本，支持每月 3,000,000 次访问的统计。Cloudflare 后端应该使用的是 Clickhouse，性能应该不会有太大问题。 五一在家完善了前端 UI，自己用了半个月感觉还行，开源出来给大家用。 特性 链接缩短 访问统计 Serverless 部署 自定义 Slug 🪄 AI 生成 Slug 链接有效期 ...