一场与AI的深度对话:我的网站改造日记

Enjoy
Enjoy
Enjoy
管理员
22
文章
0
粉丝
日常随笔评论35阅读模式
摘要熟悉我的朋友都知道,我是一名从业多年的媒体人。在我的职业生涯中,摄影、摄像、视频剪辑、平面设计,这些早已融入了我的日常。这么多年来,我用镜头记录了无数珍贵的瞬间,用键盘敲下了无数篇...

引:深夜的思考

时针已经指向两点十七分。

我疲惫地靠在椅背上,盯着屏幕右下角的时间显示发呆。窗外的城市早已进入深夜的宁静,只有电脑机箱发出的轻微嗡嗡声陪伴着我。屏幕上,“云龙虾”AI助手的对话框还停留在最后一条回复——“好的,我已理解您的需求,正在为您修改代码。”

一场与AI的深度对话:我的网站改造日记-图片1

而我的邮箱里,静静地着一封来自DeepSeek的提示邮件:“您的Token余额已不足,请及时充值。”

我苦笑着摇了摇头,起身去厨房倒了一杯水。路过客厅的镜子时,我看到了一张略显沧桑的脸——这是一位媒体人连续工作超过十六个小时后的真实状态。准确地说,应该是十七个小时。从早上九点到现在,我已经在这个电脑前坐了整整一天,而的一切,都是为了那个我倾注了大量心血的【卓影工作室】网站。

今天,我决定把这一天乃至最近一段时间以来,关于AI辅助网站开发的所有经历、感悟、过的坑和收获,都完完整整地记录下来。这不是一篇技术教程,而是一个普通博主用AI工具改造自己网站的真实记录。在这里,你会看到一个媒体人如何与各种AI工具斗智斗勇,如何在一次次调试中崩溃又重生,如何在烧掉四百Token后依然对未来充满期待。

如果你也对AI辅助开发感兴趣,或者正在考虑用AI来帮你做网站,这篇文章或许能给你一些参考。但更重要的是,我想和你分享这段独特的心路历程——关于技术、关于创作、关于这个AI时代我们每个人的处境。

缘起——为什么我要自己建站

要理解今天发生的这一切,得先【卓影工作室】是怎么来的,以及我为什么会想到用AI来协助改造它。

一个媒体人的网站情结

熟悉我的朋友都知道,我是一名从业多年的媒体人。在我的职业生涯中,摄影、摄像、视频剪辑、平面设计,这些早已融入了我的日常。这么多年来,我用镜头记录了无数珍贵的瞬间,用键盘敲下了无数篇报道,用Adobe全家桶完成了无数个项目。

但说句心里话,我一直有一个小小的遗憾——我没有一个真正属于自己的“作品集网站”。

你可能会说,现在社交媒体这么发达,朋友圈、小红书、抖音,哪个不能展示你的作品?确实,这些平台有着巨大的流量和便利性,但它们终究是别人的平台。你永远无法完全按照自己的意愿来设计展示方式,你的作品也只是存在于别人的服务器上,随时可能因为各种原因消失。

作为一个对视觉有着近乎苛刻要求的媒体人,我希望能有一个完全属于自己的地方,一个能够完整体现我审美和风格的作品集。这里没有算法的限制,没有广告的干扰,只有我最纯粹的作品和我最想说的话。

这就是【卓影工作室】诞生的初衷。

从零开始的艰难起步

说实话,在做网站这件事上,我并不是一个纯小白。早年间,我也曾尝试过使用各种建站工具——WordPress、Wix、Squarespace,这些我都接触过。但每次都是半途而废,原因无他:要么是功能太受限,要么是主题太千篇一律,要么就是价格太贵。

去年年底,我终于下定了决心,要自己从头开始搭建一个完全定制的网站。

我选择了WordPress作为底层框架。这并不是一个新鲜的选择,但WordPress确实是目前最成熟、最灵活的开源CMS。全球超过40%的网站都是用WordPress搭建的,这足以说明它的可靠性和生态丰富度。

但选择WordPress只是第一步。真正的挑战在于如何让它变成我想要。

我需要的主题是:简洁、大气、能够完美展示图片和视频作品、响应式适配要做得非常好(因为我相信未来移动端的访问量会越来越大)、而且要有一些独特的功能,比如作品分类筛选、图片灯箱效果、视频播放器定制等等。

这些需求听起来可能不算复杂,但对于一个没有系统学习过前端开发的人来说,每一步一道坎。

第一次尝试

最开始的时候,我尝试着通过修改现有主题来实现我的需求。我花了几百块钱买了一个看起来还不错的主题,然后开始研究它的代码。

那一段时间,我现在回想起来都觉得头皮发麻。PHP、HTML、CSS、JavaScript,这些代码在我眼前就像天书一样。我不得不一遍又一遍地搜索教程,一行一行地对照着修改。有时候只是为了修改一个按钮的颜色,我需要花上好几个小时。

效果自然是不理想的。由于对代码的不熟悉,我经常出现“按下葫芦浮起瓢”的情况——修改了一处,另一处又出了问题。网站时不时的就会出现一些奇怪的bug,有些甚至我到现在都没搞清楚是什么原因。

那段时间,我深深体会到了什么叫“专业的事交给专业的人”。如果我愿意花大价钱请一个专业的Web开发者来帮我做,也许会轻松很多。

但问题在于,作为一个个人博主,我实在没有那么多的预算。一个稍微像样一点的定制网站,动辄就是几千甚至上万的价格。这对于一个只是想要一个展示自己作品空间的个人站点来说,确实有点超出预算了。

转折点:AI的出现

就在我一筹莫展的时候,AI时代悄然来临了。

最开始,我对AI的态度是怀疑的。在我的印象中,AI写出来的东西要么是机械生硬的,要么就是错误百出的。用AI来写代码?开什么玩笑。

但随着ChatGPT的爆火,以及各种AI工具的层出不穷,我开始重新审视这个问题。我开始尝试着用各种AI工具来解决一些问题,比如写一段简单的代码、解释某个概念、或者提供一些设计建议。

效果出乎我的意料。虽然AI生成的代码并不总是完美的,但它们确实给了我一个很好的起点。很多时候,我只需要在AI生成的代码进行一些微调,就能达到我想要的效果。这大大降低了我学习编程的门槛,也让我看到了另一种可能性。

再到后来,国内的各种AI大模型相继问世,价格一个比一个便宜,效果一个比好用。我开始意识到,也许我不需要成为一个专业的程序员,也能够完成一个专业水准的网站。

这就是我后来选择用AI来协助开发【卓影工作室】的缘由。

一场与AI的深度对话:我的网站改造日记-图片2

认识“云龙虾”

偶然的发现

“云龙虾”这个名字听起来很有趣,第一次听到的时候,我还以为是哪家新出的AI创业公司给自己起的接地气的名字。后来我才知道,这是一个专注于AI辅助Web开发的工具,它的全称应该叫“云龙虾AI助手”,是国内某个团队开发的产品。

我是怎么发现它的呢?说出来你可能不信,是在一次逛技术论坛的时候偶然看到的。当时有个帖子在讨论现在有哪些好用的AI编程助手,下面有人提到了“云龙虾”,说是专门针对WordPress优化的,用起来很顺手。

抱着死马当活马医的心态,我注册了一个账号,开始尝试用它来帮我解决一些问题。

初步印象

第一次使用“云龙虾”的感觉,怎么说呢,有点像是一个刚学会开车的人突然坐进了自动驾驶——惊讶、兴奋、但又有点小小的紧张。

它的界面设计得很简洁,一个对话框,你输入你的需求,它给你返回代码或解决方案。对于我这种半吊子来说,这种交互方式再友好不过了。

我试着让它帮我修改一个WordPress主题的样式,它很快就给出了代码,而且居然真的能工作!我只需要把代码复制到对应的文件中保存,刷新页面,效果就出来了。

那一刻,我的感觉是:这也太神奇了吧!

当然,后来我才知道,AI并不是万能的。它给出的代码有时候会有bug,有时候理解会出错,有时候你需要反复跟它沟通才能得到你想要的结果。但即便如此,这已经比我之前自己摸索代码要高效太多了。

深入使用

从那以后,“云龙虾”就成了我日常开发网站的标配工具。遇到任何问题,我第一时间想到的就是问它。

“你好,我想在文章页面添加一个灯箱效果,该怎么做?”

“我需要一个可以筛选作品的分类功能,能帮我实现吗?”

“为什么我的网站在手机上的排版是乱的,你能帮我看看吗,“云龙虾”都会耐心地给我解答,有些时候甚至会主动问我一些细节问题,以确保它给出的方案是最适合我的。

当然,沟通的过程并不总是一帆风顺的。有时候我会觉得它理解错了我的意思,有时候它给出的方案太过复杂,让我不知道该如何实现。这种时候,我就需要不断地跟它沟通,一遍又一遍地描述我的需求,有时候甚至需要截图给它看我的网站现状。

但不管怎样,相比起之前自己亲手一个字符一个字符敲代码的日子,这种效率已经提升太多了。

犹记得去年做那个平面设计工作室官网时,光是调一个CSS兼容,就耗费了我整整三个晚上,翻遍了Stack Overflow各类技术博客,熬得双眼通红。而今天,虽然“龙虾”烧掉了400多块的Token,但核心功能从零到,只不到十个小时。这笔账,怎么算都不亏。

唯一肉痛的是——这400块要是换成虾,都能吃好几顿了吧?

罢了,明天再战。剩下的那一小步,等Token充值后再来收拾你。

网站嘛,慢慢磨,总会完善的。就像博主这半年来对软件的热情,虽然起步晚,但只要一直在路上,就不怕不了终点。

洗洗睡吧,凌晨三点了,又一个即将被熬透的夜……

我的微信
微信扫一扫
weinxin
我的微信
微信号已复制
我的微信公众号
微信扫一扫
weinxin
我的公众号
公众号已复制
 
Enjoy
  • 本文由 Enjoy 发表于2026-05-03 03:34:48
  • 转载请务必保留本文链接:https://blog.sjinyu.com/biji/%e4%b8%80%e5%9c%ba%e4%b8%8eai%e7%9a%84%e6%b7%b1%e5%ba%a6%e5%af%b9%e8%af%9d%ef%bc%9a%e6%88%91%e7%9a%84%e7%bd%91%e7%ab%99%e6%94%b9%e9%80%a0%e6%97%a5%e8%ae%b0.html
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证