开发手记
博客
关于建站和做产品的笔记：开发、设计、SEO 与上线。
13 篇文章
用 AI 打造猫咪拉面品牌：从 Logo、品牌视觉到三语网站上线
一只表情有点呆的黑猫，撑起了一整个拉面品牌，最后在三语网站的首屏里循环吃起了拉面。Logo、品牌视觉、Claude Design、Claude Code、Higgsfield 和 Railway。
我用 Claude 搭了一个跨境独立站：从品牌设计到上线
一个藏香品牌，从头到尾交给 AI 一起完成。Logo 和包装、Payload 商城、PayPal 支付，以及那些让「展示页面」变成「能经营的商城」的琐碎细节。
用 AI 花一周时间，我重做了个人网站
站在云上，穿过天空坠落，挂着气球飘过，最后是一扇望进我工作室的窗。新网站是怎么一步步做出来的，以及那些没能留下来的想法。
开发一个 MVP 要花多少钱？一份实用的成本拆解
决定 MVP 开发成本的到底是什么？如何在找外包之前先用工时估算出大概范围，以及创业者最容易多花钱的地方。
如何写网站需求说明书（附免费模板）
一份能一次拿到准确、可比较报价的网站需求说明书：应该写什么、不该写什么，以及一个可直接复制的模板。
Next.js 静态导出（output: 'export'）完全指南
Next.js 静态导出在 App Router 中如何工作、有哪些限制，以及图片、动态路由、表单和重定向的解决方案。
Next.js App Router 技术 SEO 实用清单
在 Next.js App Router 中配置 Metadata、canonical、sitemap、robots.txt、结构化数据、hreflang 和 Core Web Vitals，附可直接复制的代码。
不用 CMS 和数据库，在 Next.js 中搭建 Markdown 博客
每篇文章都是 Git 仓库里的一个 Markdown 文件。用 Next.js App Router 实现 front matter、代码高亮、图片、视频和静态页面。
用 Cloudflare Workers 和 D1 搭建无服务器联系表单
用一个 Cloudflare Worker、D1 数据库、Turnstile 防垃圾验证和即时通知，给静态网站加上可用的联系表单。免费额度够用，附完整代码。
动画网站的 Core Web Vitals 优化：保留动效，通过 LCP、INP 和 CLS
如何在保留滚动动画、WebGL 和视频的同时通过 Core Web Vitals：LCP、INP、CLS 变慢的具体原因和解决方法。
