从零搭建一个包含 100+ 工具链接、24 个交互工具、6 个硬件检测功能的工具导航站需要多久？本文记录了FreeBox 的完整开发历程。

技术选型

  • 架构：纯静态 HTML5 + CSS3 + Vanilla JS，零框架零构建
  • 主题：CSS Variables + data-theme 属性实现三档切换
  • 部署：Cloudflare Pages 全球 CDN，Git Push 即自动部署
  • 数据：纯 JS 对象存储工具数据，localStorage 持久化用户偏好

踩过的坑

  1. Windows 环境下文件编码问题——PowerShell Set-Content 默认非 UTF-8，导致中文乱码。最终使用 Node.js fs.writeFileSync 解决
  2. AdSense 审核因版权内容被拒——删除了影视、动漫、音乐等 6 个分类后才通过初审
  3. 低价值内容判定——增加了 Hero 介绍区、分类说明段落和使用指南后才通过二次审核

建站最大的收获不是技术，而是对产品合规和内容价值的深入理解。一个工具站不只是链接的堆砌，更需要提供真正的信息增量。