网站视频介绍：http://xhslink.com/o/3SmRZC8H3hb

开源Github：https://github.com/fanmihua/fanstudio

为什么做这个呀？

平台售卖体验太不稳定：我想吐槽某红书的虚拟商品售卖：类目改来改去、规则变来变去，就像打地鼠。不知道哪天就违规了、下架了，我又不想花太多时间去管理（很操心…），所以还是必须有一个自己的平台做备选。

我需要“后台”，但不想折腾“建站系统”：个人站如果只是静态展示还好，但我想持续更新作品、文章、教程——不能靠代码改。 市面上的建站工具呢？要么需要从0开始手搓，要么要用模版改，同时因为功能很庞大，我需要按照他的规则去改。 

欢迎来我的小网站逛逛 

网站有以下功能：

一、有完整后台

• 全套后台管理：文章、设计作品、开发作品、视频教程、分类/标签、订单、留言、生活动态、AI 配置、网站设置……全部能在后台增删改。
• 站点几乎全可配：导航名称/顺序/显隐、各页文案、主题色、页脚、社交链接、头像、SEO——改这些不用动代码。
• 双语内容管理：每条内容、每段文案都能分别填中文 / 英文。
• 权限分级：管理员（完整权限）+ 只读体验账号（可逛后台不能改）。

二、能收款

设计作品可以赞助 / 付费下载源文件：下单 → 微信支付 → 自动交付（Figma / 源文件链接），还带订单管理、退款、支付成功邮件通知。一套电商小闭环。

三、自带 AI 助手

站内 AI 助手会读网站自己的内容（文章 / 作品 / 教程）建知识库做检索（RAG），能介绍我、帮访客找东西；欢迎语、引导问题、模型都能在后台配。（这个模块还需要优化～）

四、富文本编辑器

写文章 / 作品详情用的是可视化富文本：图片、视频、音频、可下载附件、表格、代码、分割线都支持；上传的图片自动压成 WebP。

五、全站中英双语

内容和界面都双语，一键切换；后台可控双语入口的显隐与导航排序；为我之后出海做准备～

六、主题 / 深色模式

浅色 / 深色自动跟随设备；强调色可在后台切换主题预设（还有我那默认的标识颜色）

七、互动：留言板「来坐坐」

匿名即时留言墙，支持盖楼回复、emoji、置顶；带防刷（蜜罐 + 限流 + 链接过滤）、有人留言会邮件通知我、后台可审核（隐藏 / 删除）。

八、关于页两种模式

正式版（简历：经历 / 教育 / 技能 + 简历 PDF）＋ 真实版（生活动态瀑布流：图文混排、可置顶）

九、响应式 + 性能

桌面杂志式侧栏、移动端底部导航；图片压缩 + 静态缓存、页面体积做过优化。

技术栈

Next.js 16（App Router）+ React 19 + TypeScript + Tailwind 4 + Prisma + MySQL + NextAuth，自部署在阿里云（nginx + PM2），邮件走 SMTP。