不少朋友私下问老张:你把那些 AI 做的小工具、写的干货文章,都发在哪儿了?公众号里看着总是受限,有没有个集中展示的地方?
其实,老张一直想做个属于自己的独立站,把自己做出来的 AI 产品分享出去。但因为各种原因(主要是技术门槛),一直没找到合适的解决方案,这事儿就拖到了现在。直到这几天,老张终于靠着一套“土办法”,把 aubzhang.com 给硬生生搭起来了。
今天,老张就把这段从零开始的建站经历,给大家交个底。
选型:老张为什么选了 Cloudflare?
在动手之前,老张做了一番调研。市面上的建站方案五花八门,最终,老张把目光锁定在了 Cloudflare 上。
老张得说明一下,选择它是因为老张目前的建站需求,核心是一个纯静态网站(没有复杂的数据库和实时数据交互)。在这个前提下,Cloudflare 提供的这套建站解决方案,是最适合老张的。
当然,如果未来老张的产品需要做复杂的数据交互、或者搞个后台系统,那肯定还得再另行选择其他的线上解决方案。但就目前这个纯展示的站点来说,它足够稳、足够好。
土办法:不懂英语,怎么搞定 Cloudflare?
决定了之后,老张一打开 Cloudflare 的后台,傻眼了——全英文界面,各种专业术语,老张完全不懂,英语也确实不出彩。
如果换做以前,老张可能就放弃了。但现在有了 AI,老张用了一个最“土”也最有效的法子:
老张把 Cloudflare 的界面截图,直接发给 DeepSeek,让它帮老张翻译。不仅如此,老张还一步步问它:“下一步该点哪里?”“怎么绑定域名?”“怎么做测试?”。
就这样,把 DeepSeek 当成一个随时在线的“技术翻译兼向导”,老张硬是磕磕绊绊地完成了各项基础准备工作,把这块最没底的硬骨头给啃下来了。
重头戏:左手写代码,右手做监工
基础设施搞定了,但网站长什么样、代码怎么写?老张依然不会。
这时候,老张的“四象限工作流”再次发挥了巨大的威力。看看老张建站时的电脑屏幕:
- 左上角(包工头):WorkBuddy。老张把所有的 HTML、CSS 编写任务,全都丢给它去执行。
- 右上角(军师):DeepSeek。老张在右边跟 DeepSeek 探讨页面结构、配色方案,然后让 DeepSeek 生成精准的代码 Prompt。
- 下面两个窗口:老张随时盯着本地的项目文件夹,看看 WorkBuddy 生成的文件对不对。
当时老张给 WorkBuddy 提的需求非常简单纯粹:极简、不要花里胡哨的框架、统一用“老张蓝”。写好后,再通过 Cloudflare 把代码传上去,网页的雏形就出来了。
成品展示:老张的“数字大本营”
折腾了几天,看着网站上线,老张心里还是挺得劲的。大家可以直接在浏览器搜 aubzhang.com 看看,下面是它的样子:
考虑到建站最核心的两个诉求,老张把所有的功能都集中在了两块:
- 展示 AI 产品:老张自己做的万词自来也、AubSkip,都在这里,点一下就能下载。
- 展示干货文章:老张写的所有复盘、踩坑记录,全在上面按时间倒序排列。
此外,老张还顺手加了几个附带功能:
- 日夜模式:晚上看文章不刺眼。
- 文章列表:方便查找以前的文章。
- 搜索框:目前还是个摆设,留着以后文章多了再开放。
最棒的是,不管你是用微信点开,还是用电脑、手机浏览器打开,它都能完美适配,阅读体验极佳。
写在最后
老张算了一笔账,搞这套个人站,除了买域名的几十块钱,其余部分全部免费。
以前总觉得“建站”是技术人员才能干的活儿,门槛极高。但这次走下来老张发现,只要你想做,AI 真的能把门槛铲平。不需要懂英文,不需要懂代码,只要你会截图、会提问,你就能搞出一个属于自己的大本营。
每个有“梦想”的人,都值得拥有自己的一套个人网站。 老张能做到,你肯定也行。