从本地到互联网：LookWord Troupe 博客发布全记录
记录使用 AI 工具完成个人博客从零到上线的全过程，以及对 AI 时代软件发展的深刻感悟。
从本地到互联网：LookWord Troupe 博客发布全记录
前言
今天，我完成了一件看似简单但实际充满挑战的事情：把一个本地开发的博客网站，成功发布到了互联网上，让全世界的人都能访问。
这个过程让我深刻体会到：AI 工具如何彻底改变了我们解决问题的方式，以及为什么未来所有软件都必须 AI 化。
一、问题的发现与诊断
Node.js 版本问题
当我满怀期待地运行 npm run dev 时，首先遇到的是 Node.js 版本不兼容的问题：
You are using Node.js 16.20.2. For Next.js, Node.js version ">=20.9.0" is required.
我的 MacBook Pro 是 2015 年的，系统自带的 Node.js 版本太旧了。
解决方案：我手动下载并安装了 Node.js 20.18.0 到用户目录 ~/nodejs/bin/，不影响系统原有版本。
Tailwind CSS v4 兼容性问题
解决了 Node.js 问题后，又遇到了 Tailwind CSS v4 在 macOS 上的兼容性问题：
Error: Cannot find native binding
npm has a bug related to optional dependencies
解决方案：降级到 Tailwind CSS v3.4.0，创建独立的配置文件。
TypeScript 类型错误
部署时还遇到了 TypeScript 类型错误和文章排序的问题。通过仔细的错误信息，我逐一修复了这些问题。
二、代码托管的困境
GitHub IP 被封
原本计划使用 GitHub 作为代码托管平台，但遇到了 IP 被封的问题：
Error: Authentication failed
remote: Incorrect username or password (access token)
解决方案：改用国内的 Gitee（码云）作为替代。虽然界面略有不同，但功能完全一样，而且访问速度更快。
推送到 Gitee
成功将代码推送到 Gitee 仓库：
git remote add gitee https://gitee.com/lookwordtrope/lookword-troupe.git
git push -u gitee main
三、域名的选择与申请
在 Vercel 部署成功后，我决定申请一个更专业的域名。
我选择了 lookwordtroupe.com，这个域名：
- 简短易记
- 与博客主题完美契合
- 符合"观察文字的团队"的概念
域名的申请过程相对简单，通过域名注册商购买即可。
四、发布过程的艰辛
寻找上传入口的困惑
这是我遇到的最大挑战。Vercel 的界面上有很多按钮和选项，但我始终找不到"上传文件"的确切位置。
页面上有：
- "Add New..." → "Project"
- "Import Git Repository"
- "Select a folder"
- 各种拖放区域...
但就是不知道该把压缩文件拖到哪里。
压缩文件的曲折
我尝试了多种方法：
- 压缩整个项目文件夹（包含了 node_modules，导致文件过大）
- 手动排除不需要的文件重新压缩
- 最终生成了一个干净的 112KB 的压缩包
但即使有了压缩文件，还是不知道该上传到哪里。
五、AI 时代的曙光：Vercel Chat 的神奇体验
就在我几乎要放弃的时候，我发现了 Vercel 的** AI 化界面**。
新的发布方式
Vercel 已经全面 AI 化了。在它的对话聊天室界面中：
- 直接上传文件到聊天窗口
- 用自然语言告诉 AI 要做什么，比如："请发布这个项目"
- AI 自动完成所有工作：解压、分析、配置、部署...
这完全颠覆了我对传统部署流程的认知！
感受
当我第一次这样做的时候，我震惊了：
原来部署可以这么简单！不需要找各种按钮，不需要研究文档，只需要用自然语言描述你的需求，AI 就帮你完成了一切。
六、深刻的感悟：软件必须 AI 化
传统软件的困境
在整个过程中，我尝试了很多传统的方法：
- 在复杂的菜单中寻找按钮
- 阅读大量的文档
- 尝试理解各种专业术语
- 在论坛中搜索解决方案
这些方式都：
- ❌ 效率低下
- ❌ 容易让人迷失
- ❌ 需要大量专业知识
- ❌ 体验很差
AI 化软件的优势
而 AI 化的 Vercel 完全不同：
- ✅ 用自然语言交流
- ✅ 不需要记住复杂操作
- ✅ 实时理解你的意图
- ✅ 提供智能的建议和帮助
核心观点
如果未来的软件不 AI 化，就一定会被淘汰。
这不是危言耸听，而是我今天最深刻的体会。
软件的价值在于帮助用户解决问题，而 AI 化的软件能以最直接、最高效的方式做到这一点。
七、完整的工作流程
现在，每次我想更新博客，只需要：
1. 添加/修改文章
在 content/articles/ 目录下创建或编辑 Markdown 文件。
2. 本地测试
export PATH=~/nodejs/bin:$PATH
cd lookword-troupe
npm run dev
# 访问 http://localhost:3000 查看效果
3. 部署到生产环境
使用 Vercel CLI 一键部署：
vercel deploy --yes --prod
或者在 Vercel 的 AI 聊天界面中直接说："请部署这个项目"
八、总结与展望
今天学到的
- 技术问题的解决思路很重要：遇到问题不要慌，逐步诊断，总会找到解决方案
- 工具的选择很重要：好的工具能让工作事半功倍
- AI 工具的强大超乎想象：特别是 Vercel 的 AI 化界面，让复杂的部署变得异常简单
对未来的期待
- AI 工具会越来越强大
- 更多的软件会 AI 化
- 我们要学会拥抱变化，而不是抗拒
最后的感悟
工具只是手段，创造才是目的。AI 不是要取代我们，而是要让我们更好地发挥创造力。
附录：关键命令速查
Node.js 设置
export PATH=~/nodejs/bin:$PATH
本地开发
npm run dev
Vercel 部署
vercel deploy --yes --prod
Git 推送
git add .
git commit -m "你的提交信息"
git push gitee main
这篇文章记录了我在 AI 辅助下完成博客部署的全过程。希望我的经验对你有所帮助。
记住：拥抱 AI，让它成为你的得力助手！ 🤖