一切的起点，源于一个很纯粹的念头：我想要一个完全不受限的、属于自己的数字自留地。
市面上的博客平台很多，但作为一名前端开发者，总是免不了想“折腾”的心。我想要的不仅仅是一个发文章的壳子，而是一个能记录学习轨迹、尝试有趣玩意、能展示摄影作品、甚至带点“生命力”的个人网站。
于是，Zarkone 就这么启动了。
构思：打破传统的“堆砌感”
深度的内容沉淀：需要一个好用的编辑器（最终敲定 Tiptap）来写文章，然后随之脑洞越来越多，既然如今 AI 可以问答，生图，做视频，甚至自己出Skill，做工具成Agent，等方式，文章的内容展示，让我有了更多的想法，打破传统，文章自己写，文章没法快速优化，标签、简介，还得再次人为总结等弊端。噼里啪啦就让 AI 密密麻麻的集成在这里了。
纯粹的视觉空间：摄影，之前在读书的时候一直在这种摄影的机构呆着，必须有一个专属的相片模块。不仅是看图，还要能对上传的图读取设备、光圈、快门、ISO 等 EXIF 参数，以及拍摄背后的故事。
一个“懂我”的 AI 助手：这是最核心的执念。我不想只做一个静态网站，我希望接入大语言模型，让 AI 帮我润色文章、总结重点，以上任何内容，都继承了 AI 智能填充，这是解放双手的超有力功能，传统博客每天为了编点内容，或者展示点内容，想来想去，图片看图写文的痛苦，让 AI 去干吧，多模态就得这么榨。但这些也不是全给我自己用，这样也封闭得很，所以可以化身为我的数字分身，解答访客关于我博客内容的疑问。
设计：让内容成为主角
在视觉和交互设计上，我追求的是“呼吸感”。没有花哨的动效喧宾夺主，只有适当的过渡动画润色，一切排版都为了阅读体验让步。
无论是博客列表的卡片设计，还是照片画廊的网格排版，我都尽量克制色彩的使用，用留白来区分层级。在这个空间里，文字和照片以及功能本身就是最好的装饰。
实现：全栈驱动与 AI 的幕后博弈
为了达到想要的效果，技术栈的选择至关重要：
前端基建：选择了 Nuxt生态，一方面是之前的学习积累了 Vue 框架知识。一方面了解 Nuxt 提供了极佳的开发体验和 SSR 支持，非常适合注重 SEO 和首屏加载的个人博客，同时部分交互性强的可以单独页面关闭 SSR。
AI 赋能与性能平衡：这也是折腾最久的地方。为了实现 AI 助手对博客内容的精准问答（RAG），我需要一套工作流来处理数据，以及 AI API，很多都是直接调用，而非 Web版自带什么联网搜索，记忆，压缩，访问网页详情等等功能，所以这里涉及 AI 的Function Calling，自己做这些工具，数据也从自己服务器走，但不得不说，自部署和收费服务，性能、费用等差距也大，资源消耗，各有利弊。
Token消耗：设置每日限流；部分轻量工作，经由清洗，给轻量级的本地大模型去处理，复杂工作交由已有的知名 AI 厂商负责，部署自有号池，为网站提供 Token 每日消耗，应急备用交由上游商渠道。
虽然一开始遇到了服务崩溃的卡顿，但经过反复调优，现在这套系统已经跑得非常稳定。
功能：一个又一个的想法
AI ：侧拉助手，文章页，让AI无处不再，划词询问，N 种场景 N 处与 AI 的交互逻辑。做好RAG 知识库：文章、照片、项目元数据都被向量化，AI 回答基于已有知识而非幻觉，衍生Agent 模式：AI 可以自主调用工具（联网搜索、访问网页、压缩记忆），不是单纯的一问一答。
生图： 从一张图出发，扩图、裁切、风格迁移，形成一个"项目"的迭代链，多模型尝试，聊一个具体的创作案例：最初的想法 → 第一张图 → 不满意 → 调整 → 最终满意的那张。模板中心收集各个渠道的创意提示词，不断丰富生图的各式各样窍门。
分镜：从一段文字/一个想法，AI 自动拆解为多格分镜（剧本 → 角色卡 → 场景卡 → 分格），导演阶段：镜头语言、构图、运镜都可以精细控制；视频生成：同一分镜可以用不同模型（Seedance/Kling/Veo）生成，效果差异很大；提示词编译器：根据不同视频模型自动适配格式（时间码、对白格式等）；最终可以把多个片段拼成一个完整的视频项目。
Todo：
音频合成、拆分成独立平台联动需求性分析中，模板中心开设访客作品精选，分享各式各样精彩提示词。
各工具解耦开源版整理中……
写在最后
《Zarkone 设计之旅》到这里还没有结束，也是不知道还要记录什么😁···。
它从一个简单的需求出发，最终演变成了一个涵盖前端框架、UI 设计、服务器运维以及本地 AI 部署的全栈实践。这不仅是一个展示我代码能力和设计审美的名片，更是我不断学习和尝试新技术的试验田。
网站还在持续迭代中，未来会加入更多好玩的东西。保持折腾，保持热爱，这大概就是做个人网站最大的乐趣所在。