之前我用 AI 做了个人网站。前端其实不难，几句话 AI 就搭出来了：首页、关于我、文章、视频、产品，干净清爽。
网站首页
但用了一阵，问题来了：静态页面，改一个字都费劲。
网站内容全写死在代码里。发一篇新文章，要改代码、上传、等部署，我不懂技术，每次都得求助 AI。更尴尬的是，文章只是跳转到公众号，搜索引擎很难收录，流量全在别人家。
所以我决定：给网站做一个自己的后台（CMS），内容自己说了算。
1 CMS 后台：写文章像发朋友圈
上次用的是 ChatGPT，这次改用 Claude，这两天我和 AI 一起搭建了这个后台的内容管理系统：
账号安全：只有我一个管理员，密码加手机验证码双重登录
首页配置：精选哪几篇文章、哪几个视频，点选就能换
文章、标签、视频、素材：都能在后台管理，发布、下线、删除一个列表搞定
编辑器：能设标题、字号、对齐、插图、并排图
CMS 文章列表页
CMS 文章编辑页
写完文章点发布，网站立刻更新，不用碰代码。
我也顺带学到了不少以前只听过的概念：账号体系（登录、验证码、会话）、关系型数据库（用来存文章、标签这类结构化内容）、对象存储（用来放图片和视频）。亲手用一遍，比看十篇科普文章都管用，也算有了点长进。
2 SEO 优化：不只要好看，还要能被搜到
为了适配SEO，前端的文章详情页我做了专门改造：
左侧自动目录，点哪跳哪，标题自动编号
顶部面包屑导航，读者知道自己在哪
文章标签，点一下看同类文章
右侧相关推荐，读完一篇接着读
文章列表页
文章详情页
同时，还新增了一个网站地图（sitemap），会随文章发布、下线自动更新，方便搜索引擎能第一时间发现新内容，对百度、谷歌也更友好。以前都是写需求给开发来实现，现在自己都闭环了。
3 网站性能：慢慢优化中
为了提升网站的加载速度，额外做了两个优化。
一个是，首页从客户端渲染改成了服务端渲染。另一个是，后台上传图片时自动转成 WebP 并压缩到 100KB 内，前台再配合懒加载和缓存，打开更快。
现在影响网站加载速度最大的卡点是服务器。
前期为了免费，网站部署在 Cloudflare 上，海外访问很快，但国内访问速度还不够理想。下一步我打算迁移到国内服务器 + 完成域名 ICP 备案。等迁移完成，我再来分享这一步的踩坑过程。
以前这样一套东西，程序员可能要开发一周多。这次我一个小白，在 AI 帮助下，两天就上线了。如果不是修改很多细节的bug或者feature，实际半天就能搞定。
如果你也想拥有一个属于自己的网站，别犹豫，今天就开始。
————
我是官世强，10 年互联网人，前阿里、字节营销专家，现居长沙，做自由职业者，专注 AI 应用与内容创作。
欢迎关注我的公众号「官世强」，持续分享转型路上的真实记录。
更多阅读：
（1）北漂十年后，为什么我选择定居长沙
（2）字节5年，为什么我还是选择了裸辞
（3）裸辞后我的第一件事不是挣钱，而是考雅思
（4）我用 AI 上线了自己的个人网站
（5）裸辞做自媒体第一个月，我到底赚了多少钱？
