Description

第35周播客 Shownotes 🎙️

• 📅 时间：2025年8月22日，第35周
• 🌐 本周主题：折腾网站 PV 统计 & 博客优化

本周进展

• PV 统计功能

  • 一开始用 Cloudflare KV 存储，结果 2-3 天就触发请求上限（5000+次）。
  • 尝试国内服务「不蒜子」，但缺乏接口调用，最后选择了 GoatCounter。
  • GoatCounter 优点：
    • 免费 & 无限量
    • 提供 Dashboard，能看访问来源、设备、页面浏览量
    • 有 API，可以在网站显示访问量图标 👁️

• 遇到的技术挑战

  • 列表页要一次请求 20+ 篇博文的 PV → 做了批量请求打包优化。
  • 遇到 React SSR 水合问题（状态不同步，部分组件渲染错乱）。
  • 通过 Nanostore + computed store 临时解决，但经验不一定通用。

• 网站新功能

  • 加了 Archive 页面：按年份查看文章 📂
  • 使用 react-bits 组件库（代码复制到本地 → 灵活可改，但需要开发经验）
  • 首页还加入了一些小动画（Tree.js / 文件夹展开动效）

• 视频剪辑

  • 原来用 CapCut，但基础功能开始收费 ❌
  • 改用 微软 Clipchamp，功能完整，甚至超过当年的 Movie Maker ✂️

• 编译速度优化

  • 原来编译一次要 6 分钟 ⏳
  • 给图片颜色提取加了缓存（JSON 存储），缩短到 4分30秒
  • 还遇到 Vercel 使用老版本 pnpm 与本地版本不兼容，花了点时间修复。

下周计划

• 优化博客列表页渲染 & 移动端兼容性 📱
• 开始写爬虫抓数据 🕷️
• 提升编译速度，目标压缩到 2-3分钟 ⚡
• 下下周要开学，这个月的博客改造要收尾 🎓

👉 总结：这一周基本上都在和 PV统计 + React水合Bug 打交道，顺便加了一些小功能和工具优化。