🚪 你正在看的这个网站,是一个周末搭起来的
从零到上线用了一个周末。技术做了 30%,把事儿想清楚做了 70%。
你现在站的这个地方——jojomind.com——是一个周末搭起来的。
更准确地说:
- 上午 1 小时:买域名 + 账号安全
- 下午 3 小时:讨论”这站到底是什么”
- 傍晚 2 小时:让 AI 写代码 + 上线
如果你和我一样不会写代码——我想告诉你:这件事比你想象的简单 70%。
这个站的”零件清单”
先把成本和工具摊开,怕看完没耐心翻到底的人也能知道:
| 干嘛用的 | 用了啥 | 多少钱 |
|---|---|---|
| 买域名 | Cloudflare Registrar(不是 GoDaddy) | $10.44/年 |
| 存代码 | GitHub 公开仓库 | 免费 |
| 网站发布 | Cloudflare Pages(自动构建 + 全球 CDN) | 免费 |
| 留言后端 | Cloudflare Pages Functions + Resend | 免费 |
| 网页框架 | Astro + Tailwind CSS | 免费 |
| AI 编程搭档 | Claude Code(用的是 Claude Pro,$20/月) | — |
🤝 如果上面这些名字你一个都没听过——别走,我们的起点一样。
为这个站新增的开支:$10.44/年。
Claude Pro 我本来就订着自己学 AI 用,搭这个站算”顺带用”。 如果你之前没订过任何 AI 助手——加上它就是 $20/月起;如果你已经在用,等于免费。
起心动念
说实话,最开始我没什么”宏大愿景”。
我就是想拥有一个属于自己的网站。
jojomind.com 这串字符——出现在我的名片上、邮件签名里、未来某次自我介绍的开头。
我觉得这件事很酷。
仅此而已。
可能有人觉得这是”拿着锤子找钉子”——先有了想法(做网站),才去找用途(做什么)。 但我想说两件事:
第一,肤浅的动机不可耻。 诚实承认”我就是想要”,比假装高尚的”为了帮助朋友学 AI”更接近真相。
第二,结果会反过来证明动机。 这站做出来之后,它确实长成了一个有用的地方——既是我自己的沉淀,也是朋友可以来逛的小园子。
我觉得这就是一个好奇 → 动手 → 正反馈的循环:
- 好奇激发动手
- 动手做出一点东西
- 东西本身又反过来喂养我的好奇
只要这个循环转起来了,最初动机是”想要个网站”还是”想改变世界”,没那么重要。
一天里都发生了什么
早上 10 点 · 先聊清楚整条路线
我在 AI 助手里说”我想买个域名搭个网站”。
它没让我直接打开购买页,而是先问回来:“你想做什么样的网站?内容形态?需要后端吗?预期访问量?”
我说:“文字为主的个人博客,给朋友看看,访问量小。”
它顺着画出整条路线图:
- 域名注册商 → 对比 2 家
- 网站发布托管 → 推荐 Cloudflare Pages(自动构建 + 全球加速)
- 网页框架 → Astro(适合内容型站点)
- 未来可能加的 → 留言、订阅、统计⋯⋯都在 Cloudflare 体系内有方案
整条路线先聊清楚再动手,而不是先买域名、踩到不兼容时再换 —— 这是 AI 帮我省时间最关键的一步。
11 点 · 选域名 + 选注册商
我原本以为是 GoDaddy(广告打得最响那家)。AI 摆出对比:
| GoDaddy | Cloudflare Registrar | |
|---|---|---|
| 首年价格 | 便宜(常促销 $0.99) | 成本价 $10.44 |
| 续费 | 第 2 年涨 8-10 倍 | 永远 $10.44 |
| 推销弹窗 | 多 | 无 |
| 与后端衔接 | 要手动配 DNS | 一站式打通 |
选 Cloudflare 不只是为了便宜——更重要的是和后端无缝衔接(一个账号、一个控制台、DNS 自动通)。 这就是前面那条「全局眼光」的实操。
起名字也花了点时间: 我想要——相关(jojo + 想法)、好记、字符短、买得起。 试了 jojo1026.com(带生日数字不好看)、jojo.me(被抢了,溢价 $80,000)、jojoand.com⋯⋯ 最后挑了 jojomind.com——简短、有”想法”的味儿。
12 点 · 完成购买 + 各种设置
付款 $10.44。然后进入各种设置:
- 开 2FA(两步验证)
- 保存 backup codes(一定要存,不然手机丢了账号也飞)
- 邮箱验证
中间踩了一个鬼打墙的坑——CAPTCHA 死循环登不上去。AI 给我两个备选:换无痕模式 / 用 Google 登录。无痕过了。
这些步骤看起来繁琐—— 但 AI 是一步步教你的。卡在哪儿,截屏丢过去,它告诉你点哪里。
下午 1-4 点 · 想清楚我到底要做什么
这是最耗时间的环节。不是技术,是想清楚我到底要做什么。
主题 —— 肯定和 AI 学习有关。这一年我所有的好奇都长在这里。
受众 —— 给谁看? 最初想到的是先从部门同事开始——因为我手头正好在推一个 AI 学习项目,相当于借势。
三次推翻:
- 第一版:“参考朋友公司的 AI 管理平台”。AI 拒绝了:那是 22 模块的企业系统,“对 40 人是杀鸡用牛刀,方向错”。
- 第二版:围绕公司项目结构展开。AI 同意,但提醒”形式化会让同事反感、像被迫交作业”。
- 第三版:想通了——这是我的个人小园地,不代表公司、不属于项目。同事和朋友都可以是受益人,但不是服务对象。
这一想清楚,合规问题自然解决了——不挂任何公司字样,就是普通个人博客。
下午 5-6 点 · 三件事并行
选视觉风格:
我没有”心里想要什么样”的预设,就先问 AI:“去哪里能找网站设计参考?”
它列了 siteinspire、awwwards、godly 几个站。
我翻了一下,看到 newpublic.org 时眼睛一亮——那种活力、像电子杂志的感觉,但又不至于太小众。
以此为原点,我告诉 AI:“想要这种调子,但别太极端。”
然后 4 轮迭代——配色、4 个”门”的设计、把”关于这里”从首屏挪下来。
最终配色:靛紫 #3E2BCF + 蜜桃奶 #F7E8D4 + 烈焰橙 #FF6B47。
给 4 个房间起名: 起名其实是很后面才发生的事。 我先想的是:到底放什么内容?不要太多,有主观(我的故事、心得)也要有客观(外部精选、扫盲)。 最后定了 4 个方向。 然后突然想到——“这 4 块用’房间’的意象呈现挺有意思。” 最后才给每个房间起名——AI 给我 5 种命名风格(功能型 / 拟人型 / 动作型 / 文艺型 / 俏皮型),我挑了”动作型 + 俏皮”。 就有了你现在看到的看真事儿 / 抄两招 / 扫个盲 / 瞧瞧外面。
部署上线: 讲到这里先科普一下 GitHub——程序员的”共享网盘 + 协作工具”,大多数人听过名字但没用过。 我把网站代码”推送”到 GitHub 上(就是上传),然后告诉 Cloudflare Pages:“以后从这个 GitHub 仓库拉代码。” 之后点两下配置好——build command、output directory——剩下的全交给它: 每次我改文件推送上去,Cloudflare 自动重新构建、自动上线,我完全不用再动手。
中间踩了一个小坑——目录路径配置错了,build 失败。看了 log + AI 帮判断,5 分钟修好。
晚上 7 点 · 上线
jojomind.com 在浏览器里能打开了。朋友的微信里也能打开了。
但其实,上线那一刻才是开始
讲到”上线”——其实那才是真正麻烦的开始。
接下来的几天,我们陆续在做:
- 改门的细节:4 个房间的”门”前前后后改了 6 次(默认角度、内部世界、门把手呼应色、命名⋯⋯)
- 打通留言功能:选哪个后端方案、踩坑、终于让访客能在文章下留言
- 真正写内容:替换 AI 生成的占位内容,写出第一篇真实的(也就是你正在看的这篇)
用产品的眼光看,这个网站才刚刚开始。
每一个细节怎么改、内容到底放什么、还缺哪些功能、什么时候动手调⋯⋯ 每个问题都值得琢磨。
这也是它好玩的地方—— 它不是做完的,是活着的。
一些小 tips
不是宏大的”心得体会”,就是真实过程里冒出来的几条:
1. AI 不替你做决定,但能逼你把决定想清楚
我反复改的 4 次”网站定位”,本质是 AI 在追问:“你到底给谁做?为什么?那个人凭什么会来?”
它不替我回答,但每个问题我答不上来就过不下去。
2. AI 不是”敲码工”,是”靠谱的搭档”
我以前以为 AI 编程是”我说要做什么、它写代码”。 实际过程是:我说一个模糊的想法→它帮我具体化→我反馈”不对应该是⋯⋯“→循环。
像和一个又聪明又耐心的同事一起干活。
3. AI 会偏向”直接开干”,所以人的反问也很重要
有一次我说要加留言功能。AI 直接开始给具体操作步骤——选哪家服务、字段怎么填、怎么集成。
我朋友之前提过别的方式,和 AI 推荐的不一样。 我没急着照做,倒回去反问它:“留言功能背后的技术到底是什么?我有哪些选择?”
AI 才停下来,列出 4 种方案给我比。 我们最后选的方案,和它一开始默认推荐的不一样。
AI 默认会顺着你的话往前冲。停下来反问”还有别的选项吗”、“为什么是这个”,是你自己要做的事。
4. 选工具时带着全局的眼光
在考虑每个单点工具选择的时候尽量都带着全局的眼光。
能在一个体系内跑的,肯定比独立使用各种不同工具更顺畅。
这是为什么我偏向能用 Cloudflare 解决的都用这一家。 我也不是技术出身,只是一种常识。
5. 完美是上线的敌人
我第一版的”门”设计很丑,但我先发了,然后改、改、再改。
如果等”完美再发”,这站永远不会存在。
写在最后
行动之前的感触是共鸣; 行动之后的感触是认知。
AI 时代帮我们几乎抹平了从 0.2 到 0.9 的所有困难, 而我们要做的,就是保持好奇——开启那 0 → 0.1。
✦ 留个言
想问点啥?想补点啥?
关于这篇内容的问题、补充、不同意见、纠错都可以留在这里。每条 Jojo 都会看到,但不一定都回。