AI 学习小园地
← 回到小园地
看真事儿 2026-06-16

🚪 你正在看的这个网站,是一个周末搭起来的

从零到上线用了一个周末。技术做了 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 摆出对比:

GoDaddyCloudflare 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 都会看到,但不一定都回。