一切的开端
8月4日,我在 Gemini 对话中开了新一轮的聊天————“我想自己建一个网站,你能一步步教我么?”。我知道,让 AI 去写些前端代码,还是很能胜任的。
在与 AI 的对话中,我更加深入地了解有关网站搭建的基础知识,知道了做出一个能让别人输入网站就能访问的网站需要什么。
按照它的说明,我首先得是想办法去搭建一个 Linux 环境,一个适合做服务器的系统。
正好,微软有一个 WSL 的功能,可以在 Windows 上流畅地使用Linux发行版,至少性能是比我去用 Vmware 创建一个虚拟机效率要更高、更方便。最终我选择了 WSL2 Debian。
接下来就是让我用 VS Code 连接我的 WSL,在 Debian 浏览和创建文件,去写我的代码。当然,一路上在 Debian 配置环境,例如安装 Node.js、python之类的,都是运行 Gemini 告诉我的控制台指令来进行安装需要的程序。当然途中有任何的安装报错,直接复制下来当成 Prompt(提示词) 甩回给AI就行了。虽然 AI 也不是绝对准确无误,但是至少它还能消化我的报错信息,不至于把这个事情走进死胡同。
等我装好 VS code 插件,连上 WSL:Debian ,我就可以开始写我的网页,开始我的项目了。首先,新建一个文件夹并给它命名为 “my-first-website”。
我按照 AI 的说明,在这个文件夹里面放入了它写好的代码文件:index.html 、style.css。然后再放入我的一个图片,一个我自己的静态网页就写出来了。运行 Live Server(一个VS Code插件,能快速把网站部署到本机上),打开浏览器输入本机 IP 和 端口后,就能看到这个网站了。

VS Code编辑器

浏览器查看效果
部署网站
网站有了,但是它目前除了我以外,没有人能访问它。
我需要用服务器,把它部署在互联网上,让大家都可以去访问这个网站。
其实主要的问题是,怎么把它投到公网上去。放入公网需要我有一个 公网的 IPv4。 可以有以下方法:
向网络运营商申请。但是自己多半是要不到公网IP了,看看近年来各大运营商对此的态度就知道,个人申请基本没戏,而且自己电脑当服务器,搭建网站的难度和安全风险感觉更高,要更多的专业知识。
购买 VPS(虚拟专用服务器)。去阿里云、腾讯云买服务器来部署个人网站,就相当于买了一台自带有公网IP和 24 小时运行的电脑,只不过它不在你家里。但是也有许多弊端。首先,服务器在国内大陆并且开设公开网站的话,那意味着我得去完成国内的网站备案要求。除非我去使用非大陆的服务器。第二,购买 VPS 无论怎样都是一笔不小的开销,一年下来至少得花费上百元,如果多年运营那一年花费上千元也是家常便饭。
使用网站托管服务。这是我目前的部署方式。我这种简单的个人网站,可以把整个网站项目推送到他们的网站上。他们会给你的网站自动部署好,然后给你分配能连接到这个网站的链接,非常的方便,你要做的事情只是把自己的网站文件推送上去,也就一行命令的事情。 不过他们只托管网站,不像 VPS 那样是个服务器。
于是我就开始使用 Vercel 的网站托管 (刚按照 Gemini 来的,后来才换成 Cloudflare pages),把我的项目文件夹内所有文件都上传上去。
接下来,我就能用一个 URL 来访问我的网站了,和我在本机访问一模一样。我终于算是在互联网上放了一个人人都能看见我的图片的地方。
不过我测试发现,他们提供的这个 vercel.app 域名,国内无法正常连接。那不就意味着我去分享给朋友们,他们也无法正常打开我的网站。虽然听说这个换成自己的域名就能变正常访问了,不过当时我还没有买域名的想法。
所以我当机立断,打算去换个服务商看看。于是我看见了 Cloudflare pages。
测试一番,发现效果很可以,国内用起来也没问题。 我已经能通过发送一串平平无奇的 URL:https://lang-gallery.pages.dev/ (它自带的可能还不够自然和简洁),来向任何人展示我的图片了。
感觉真不错,于是我也就心满意足地收工了。

Cloudflare你可能不知道是啥,但你一定见过它的 “服务”
继续发展
8 月 15 日,说是到广州玩,实际上一直在家躺了好几天。
白天,兄弟用我的电脑打怪物猎人荒野,他又对这一部上瘾了。 到了半夜,轮到我了,不过也没啥事情要干,也不知道玩什么。
实在是闲的没事情干,想起来前面我用 AI 来开发的那个个人网站。 于是就想着借助 AI,继续把这个网站推进下去,继续发展。
于是我又在 Gemini 开新对话,把 HTML 和 CSS 文件都发给他,然后告诉他我的需求。
首先从我的脑子里蹦出来的一个很有意思的想法,就是设计一个 DOS 时代 / Turbo Vision 风格的图库网站,我对这种风格很感兴趣和喜欢,于是我就把这些想法都告诉 AI,看看它能设计一个什么结果出来。
结果发现,效果还不错,上下栏也对味。然后我又继续提出新的功能和要求,比如在右上角添加一个时钟功能,并且能够拖动窗口之类的,功能越来越多、越来越完善。我也会做好测试,进行各种操作试图找到还有待优化的地方。

Turbo Vision风格

当天 AI 模仿的设计
看似这个图片里面功能都跟现在差不多,其实当时左上角只有 about 是有页面的,其他的 posts 和 BBS 页面都是后面几天才添加进去的。
不过这一天算是非常主要的里程碑。它标志正式开始维护和运营这个网站,把它当成一个真正的个人博客&图库网站,以至于后面的日子我都不停地修改扩展这个网站。 当天晚上,我就忍不住去注册了一个 xyz 域名,首年15块钱,看起来更加正规些。
更进一步
其实目前为止,我用的 AI 都是 Gemini 网页版。刚开始的开胃小菜,它还能说得上是可以胜任。但网页版的使用限制,决定了我在继续发展的第二天就换成了谷歌的 ai studio ,来进行继续开发。 因为很明显的,网页版的上下文缩水肉眼可见,过一段时间或更长的对话它就记忆不住了,思考也不是固定的用最好而是“视情况而定”。
第二天转去 ai studio 去写就好了很多,可以把思考等级一直设置为 高 ,而且ai studio 还是个人免费用的,而且额度够我通宵开发网站使用;而网页版想用久点还得升级 pro 套餐。然后它甚至还有在对话中进行代码运行功能来检查代码,整个模型感觉没那么傻了,能上传的文件数量更多。
当然这不意味着它们就很少犯错了,不然我也不至于搞了一个星期才算是把网站总体完成完毕。刚开始不会改的时候,就让它把整个文件的内容写出来然后我去替换全部就行了。这个很傻瓜式但其实也很盲目危险,你完全搞不清楚它是不是偷偷改了不相关的内容。 所以现在对源码有一定了解了,就让他改相应部分,这样我复制过去的时候能审查一遍。
结语
现在全部这些, 其实才算这个网站的刚刚开始。后面要的,主要是丰富图库内容,当一个自由版本的QQ空间来用了。 博客我都不一定会常写,这是我第一次接触 Markdown 语法呀。传统码字真累。
关于网站的小知识
左上角 Tools 一栏,里面有个 Command Prompt CMD控制台。里面有些有意无意中添加的小功能,输入 SNAKE 可以运行贪吃蛇游戏。