# Chanx's Blog

> 陈同学的个人博客，记录软件开发、AI 与 Agent 实践、学习和生活。

本站为每篇公开文章提供独立的 Markdown 版本。这里仅保留导航与最近更新，完整页面索引请使用 Sitemap；文章原文地址可在对应 Markdown 的元信息中找到。

## 主要入口

- [首页](https://chanx.tech/): 个人博客首页与最近更新。
- [文章归档](https://chanx.tech/archives): 按时间浏览全部文章。
- [项目](https://chanx.tech/projects): 尚在制作和探索中的个人玩具。
- [关于](https://chanx.tech/about): 关于作者、经历与联系方式。
- [RSS](https://chanx.tech/rss.xml): 全站订阅源。
- [Sitemap](https://chanx.tech/sitemap.xml): 可抓取页面索引。

## 内容分类

- [软件开发](https://chanx.tech/categories/development): 浏览该分类下的文章。
- [AI](https://chanx.tech/categories/ai): 浏览该分类下的文章。
- [学习](https://chanx.tech/categories/learning): 浏览该分类下的文章。
- [个人记录](https://chanx.tech/categories/personal): 浏览该分类下的文章。

## 最近更新

- [BlurHash 为什么能用一串字符生成一张模糊图](https://chanx.tech/blog/blurhash-source-code.md): 从最小使用例子出发，沿着 TypeScript 实现理解 BlurHash 的数据表示、编码解码、参数选择和生产接入。
- [如何实现阅读时间计算功能](https://chanx.tech/blog/reading-time.md): 从文章卡片显示的分钟数出发，推演如何为 Markdown 技术博客实现可解释、可校准的阅读时间计算。
- [一次 Coding Agent 项目的代码恢复](https://chanx.tech/blog/coding-agent-project-code-recovery.md): 记录一次 Coding Agent 项目源码丢失后的恢复实践：以旧 Git 仓库为基线重放工具调用，以构建产物和 Chunk 哈希校验结果，并通过多轮差异收敛将项目恢复到可继续迭代的状态。
- [关于 AI 时代团队协作的思考](https://chanx.tech/blog/ai-era-team-collaboration.md): 从 AI、Vibe Coding 与跨角色协作出发，讨论上下文、责任边界和团队效率如何在 AI 时代重新建立。
- [Node Page Server：前端页面服务层的设计与实践](https://chanx.tech/blog/node-page-server.md): 从业务页面运行时需要承载的入口、SSR、首屏数据、产物、上下文和配置出发，梳理 Node Page Server 的定位、职责边界和工程实践，并进一步说明它如何支撑多泳道、灰度和功能开关等能力。
- [从 Docker 到 Kubernetes，再到 Telepresence](https://chanx.tech/blog/docker-kubernetes-telepresence.md): 面向前端团队，梳理 Docker、docker-compose、Kubernetes 与 Telepresence 在研发链路中的位置，建立从本地运行到集群联调的整体认知。
- [TOTP 原理和实践](https://chanx.tech/blog/totp.md): 从 OTP、HOTP 到 TOTP，梳理一次性密码的生成原理、绑定流程、服务端验证方式、前端职责边界，以及 WebOTP 与 TOTP 的区别。
- [认识 2FA 与 OTP：从短信验证码到动态令牌的技术演进](https://chanx.tech/blog/otp.md): 从双因素认证 2FA 切入，梳理 OTP 在身份认证中的位置、短信验证码的局限、HOTP 与 TOTP 的算法演进，以及不同验证方案在安全性、体验和成本上的取舍。
- [前端交互中的数学函数](https://chanx.tech/blog/frontend-interaction-math-functions.md): 从动画、进度、等待反馈等前端交互出发，分析线性、缓动、弹性、指数趋近和分段函数如何塑造用户感知。
- [如何实现自定义域名功能](https://chanx.tech/blog/learn-custom-domain.md): 深入拆解自定义域名功能的技术实现原理：DNS 配置与验证、Nginx 动态配置与 SNI、Let's Encrypt 证书自动申请、域名状态管理、完整访问链路设计。通过 Nginx + Node.js 示例代码，帮助理解建站平台、CMS 系统的自定义域名实现机制。