哈喽,大家好!这里是阿墨。折腾了几天,我的小站终于顺利上线了!🎉

这是我在这座小木屋里写下的第一篇日记。看着这个精致的页面,心里还是挺激动的。

小站首发:起航之路

大家点进来看这个界面,可能觉得这个小站虽然简单,但森系配色、磨砂毛玻璃和各种悬浮动效都有点设计感,应该是个懂点前端开发的人做出来的吧?

但老实说,我本人其实完全不会任何网页开发,甚至连一行代码都没写过。

之所以能把小站搭成现在这个样子,全靠我这几天抓到了一个“强力外援”——AI 编程助理 Antigravity,并且在后台配置中使用了 Gemini 3.5 Flash 模型来进行指导。

💡 我是怎么用 AI 折腾的?

说实话,刚建站的时候,Halo 默认的主题和版面有点太单调了,根本不是我心目中的那种治愈感。于是我试着跟 AI 聊天,把我的想法一点点描述给它听。没想到,它真的能听懂,并且一步步帮我把想法落成了代码:

  • 🌲 整体色调:我想要一种“深邃但温和”的森林绿(像 #3E6B48 这种),再配点暖金色。AI 帮我重构了全站的 CSS,把所有的卡片、边框全改成了带圆角的磨砂毛玻璃效果(Glassmorphism),字距和字体也顺便帮我微调了,阅读体验瞬间变得高级起来。

  • 🎈 点击的小细节:我跟它说希望能有一点互动感。它就用 HTML5 Canvas 给我写了一个纯前端的“点击气泡”效果。现在大家在网页的任意位置点一下鼠标,都会有几个轻飘飘的绿色小水珠冒出来,然后慢慢飘散,特别解压。

  • 💻 作品卡片 (/works):我想把自己的东西分类展示。AI 直接帮我画好了高阶卡片的网格布局(Grid),悬浮时图片还会微微放大,旁边还带着技术小标签和指路链接。

  • 🕳 拍立得树洞 (/moments):我很喜欢手写便签的感觉,它便帮我把“瞬间”插件的动态重塑成了彩色倾斜便签墙,上面还带着透明透明胶带的粘帖效果,亮色模式下非常治愈。

🌱 一点小小的感悟

这次折腾让我最感叹的是,现在的技术真的变了。以前总觉得写代码、搭网站是程序员才能做的事情。但通过这次合作,我发现即使不会代码,只要你有想法,并懂得跟 AI 沟通,它就能成为你的手和眼睛,帮你把那些虚无缥缈的脑洞在数字世界里一块砖、一片瓦地搭建起来。

当然,这只是小站的第一步。未来,这片林子里会慢慢填满我的作品展示、折腾各种小工具的技能分享,还有我日常一些随性而发的胡思乱想。

非常感谢一路上默默工作的 Antigravity,还有给予它智慧的 Gemini 3.5 Flash。也谢谢你花时间读到这里。小站刚开张,欢迎你在树洞留言,或者四处转转。我们后会有期!👋

“追光而遇,沐光而行。” 愿我们都能在这片数字森林里,找到属于自己的温暖角落。