1. AI 知识付费与个人品牌时代的内容创业。 2026 年，大模型、提示词工程、Agent 开发成为职场人和开发者最集中的学习需求。大量从业者需要"经过实战验证、成体系"的中文 AI 内容，而不是碎片化的资讯。luoboa.com 以个人 IP"萝卜啊"为核心，承载 AI 技术文章、面试知识地图、实战指南等原创长文内容，是典型的"技术博主个人品牌站"场景。
2. 多平台内容矩阵的中枢站。 博客与微信公众号、知乎、B 站、YouTube 联动运营：文章沉淀在站内做 SEO 与私域沉淀，视频教程引流站外平台，公众号二维码完成私域导流。网站是整个内容矩阵的"中央枢纽"。
3. 提示词与 Skills/MCP 资源分发场景。 随着 Claude Code、Cursor 等 Agent 工具普及，高质量提示词（Prompt）、技能（Skill）与 MCP 服务的发现和分发成为刚需。站内收录了精选提示词与 169 条 Skills&MCP 资源，按电商、开发工具、运维部署、协作办公、设计创意、安全等场景分类，并提供一键复制的安装命令，形成"AI 资源导航库"场景。
4. 隐私敏感的轻量工具场景。 图片压缩、格式转换、抠图、拼接等轻量处理需求高频存在，但用户担心上传泄露数据。站内 13 个工具全部在浏览器本地运行（WebAssembly/Canvas），"数据不上传服务器"直击隐私痛点，同时为零服务器成本的工具运营提供样板。
1. 内容门户（首页）
博主介绍 Hero 区 + 全站文章搜索
站点数据统计（文章数、总阅读、收藏数）
五大频道入口：文章 / 提示词 / Skills&MCP / 视频教程 / 实用工具
最新文章流：12 个分类标签即时筛选（面试、Skill&MCP、AI 工具、实战指南、Agent、编程开发等），每张卡片展示摘要、分类、阅读/点赞/收藏数、阅读时长与字数，支持无限加载
侧边栏：作者名片、文章分类计数、热门标签、公众号引流卡片
2. 文章详情
封面图、标签、正文 Markdown 渲染
右侧悬浮目录（多级标题锚点导航）
文章信息卡：发布日期、分类、标签、阅读时长、字数
左侧浮动互动栏：点赞、收藏、评论、浏览量
相关文章推荐，提升站内跳转深度
3. 提示词库
精选提示词收录，覆盖写作、编程、设计、职场、营销、生活等场景分类
关键词搜索 + 分类侧边栏 + 标签体系
每条提示词提供完整内容预览、点赞与收藏
4. Skills&MCP 资源库
收录 169 条技能/MCP 资源，双向分类：MCP 分类（电商企业、开发工具、运维部署、协作办公、设计创意、浏览器、数据库、搜索引擎）与 Skill 分类（写作、编程、学习、职场、营销、生活）
每条资源提供简介、标签、安装命令一键复制，可直接落进 Claude Code 等工具使用
5. 实用工具
13 个纯浏览器本地运行的工具：萝卜快压（智能图片压缩）、雪狮图打包器、抠图切图、帧动画提取、文件名提取、图片转 Base64、墙纸背景生成器、二维码生成、图片拼接等
分类导航（图片处理/文件处理）、搜索、使用次数统计，累计使用 956+ 次
数据全程不上传，保障用户隐私
1. 总体架构
采用 Next.js 15 App Router 全栈一体化架构，自上而下分层：
Client（React 19 组件 / Hooks）
↓
Lib（请求封装 / 加密 / 客户端缓存）
↓
API Routes（src/app/api/**）
↓
Services 服务层（src/services/**，业务逻辑）
↓
数据层（MongoDB 服务端持久化 + IndexedDB 客户端缓存 + 腾讯云 COS 对象存储）
请求全程经过中间件：Client Request → Middleware（WAF/限流/CORS）→ API Route → Service → DB。
2. 渲染与性能策略
内容页面（文章、提示词、Skills、视频、工具列表）统一使用 ISR（revalidate = 86400）静态化，访问接近纯静态速度，利于 SEO
管理后台增删改后调用 revalidatePath() 按需刷新对应列表页与详情页，兼顾"发布即见"与高缓存命中
客户端使用 Dexie/IndexedDB 建立多库缓存（收藏、用户设置、浏览历史、业务接口缓存），减少重复请求
生产使用 standalone 构建 + 自定义 server.js（支持挂载 Socket.IO），Docker 化部署
3. 数据与存储
MongoDB 存储用户、文章、提示词、技能、互动数据等；服务层按领域拆分（articles/prompts/skills/videos/tools/interactions/visits 等）
图片与封面走腾讯云 COS：入库 URL 仅存纯路径（不带鉴权参数），客户端用 STS 临时凭证换取签名后直连 COS 访问，服务端不做流量中转
Redis（ioredis）承担热点缓存与限流计数
声明：本文仅代表作者观点，不代表本站立场。如果侵犯到您的合法权益，请联系我们删除侵权资源！如果遇到资源链接失效，请您通过评论或工单的方式通知管理员。未经允许，不得转载，本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论