前端
我为什么自己写了个 Markdown 渲染器（以及你多半不应该）
这个博客的 Markdown 渲染器是我自己写的两百行代码。这篇文章讲它怎么来的、怎么踩坑的、为什么我不建议你模仿，以及这段经历真正值钱的地方在哪。
用 Playwright 给个人项目补上端到端测试
个人项目没有测试团队，但 Playwright 让“一次配置、长期兜底”变成现实。记录用一天时间为博客搭起端到端测试的全过程。
Nginx 静态资源缓存配置思路
首页慢三秒最先查出来的东西是一张 12MB 的背景图，每次刷新都完整重下一遍。我从构建产物长缓存、HTML no-cache、图片规则、304、gzip_static 一路加到 open_file_cache，最后留了一份每加一类资源都要过的清单。
Vite 环境变量和构建配置入门
本地构建时 BASE_URL 写的是线上域名，CSS 里硬编码打进 bundle，后台接口地址全错，排查花了俩小时。这篇记 Vite 的环境变量命名规矩、按环境分文件、自定义 mode，以及一次把真密钥写进 env 文件的翻车。
Vue Router 导航守卫的常见用法
我这个博客是 Vue 3 写的，但没用 vue-router，路由是手写 pushState。不过守卫那套思路通用：登录校验、页面标题、滚动位置。这篇是当时研究 vue-router 的笔记，已经改成手写路由也能直接用的版本。
Vue3 中 ref 和 reactive 怎么选
Vue 3 刚出那会儿我还带着 Vue 2 的 data 思维，把表格组件写错了。这篇记 ref 和 reactive 我现在怎么选、reactive 当函数入参和解构时丢响应性的两次翻车，还有团队约定为什么能省一半心智。
前端的安全默认值：CSP、上传与同源
个人网站最容易忽略的安全细节：富文本渲染、文件上传和同源策略。三道防线的“默认值”设计思路。
给博客定一个性能预算：首屏 150KB
给自己的博客定了条硬规矩：首屏关键资源不超过 150KB。用这条预算倒推出来的优化清单，比任何泛泛的“性能优化建议”都管用。