告别千篇一律的 AI 输出，让每份内容都有独特的视觉风格
先回顾一下
v1.3 我们带来了短链接、ZIP 网站包、版本历史、标签收藏分类、多用户管理——即页解决了「分享之后怎么管理」的问题。
但很快，新的痛点浮出水面：
- AI 生成的页面长得都一样：同样的白底黑字，同样的默认样式——看起来就像「 AI 生成的」
- 想要特定风格？只能手动调 CSS：深色仪表板、学术报告、GitHub 风格……每次都要从头写
- 文件越来越多找不到：50 份文件靠翻列表，想找一份特定的数据分析报告？大海捞针
- 链接发出去了，不知道谁看过：分享出去的短链接，完全没有访问数据——发了个寂寞
- AI 不会学习你的风格：每次生成内容都是全新开始，不会参考你之前满意的样式
v1.4 ，一次性解决这些问题。
🚀 五大核心更新
1️⃣ 内容模板市场：AI 生成的风格指南
这是 v1.4 最重磅的功能。内容模板市场让 AI 学会「参考风格」，而不是从零开始。
9 种场景分类，覆盖常见需求：
场景 |
用途 |
|---|
📊 仪表板 |
数据可视化、监控面板 |
📝 报告 |
周报、分析报告、总结 |
📄 简历 |
个人简历、作品集 |
🎯 落地页 |
产品介绍、活动推广 |
📓 笔记 |
技术笔记、会议纪要 |
🎤 演示 |
演示文稿、PPT 风格 |
🃏 卡片 |
海报、信息卡片 |
✉️ 邮件 |
邮件模板、Newsletter |
📌 其他 |
不分类的内容 |
3 个系统内置模板，开箱即用：
- 深色数据仪表板 — 深色主题 + CSS Grid 布局 + 统计卡片 + 柱状图
- 项目周报 — 结构化 Markdown 周报模板
- 极简落地页 — 渐变 Hero + 特性卡片 + CTA 按钮
完整的模板管理：
- 上传自定义模板：把你满意的作品变成模板，供下次参考
- 模板预览：HTML 直接 iframe 渲染，Markdown 实时预览
- 使用热度排序：最常用的模板排在最前
- 关键词搜索 + 场景筛选：3 秒找到目标模板
- 权限控制：私有模板仅自己可见，公开模板全员共享
MCP 协议深度集成：
AI 工具（如 Claude Code ）可以直接调用模板市场：
list_content_templates — 按场景/关键词搜索模板列表
get_content_template — 获取模板完整样例内容
AI 拿到模板后的工作流：学习风格 → 生成风格一致但内容全新的作品 → 上传到即页。
以前：AI 每次生成白底黑字的默认样式，手动调 CSS 花半小时
现在：指定模板风格，AI 自动学习配色和布局，一次生成到位
2️⃣ Markdown 渲染模板：4 种风格，随心切换
v1.4 引入了 Markdown 渲染模板系统，同一份 Markdown 可以用不同的视觉风格渲染：
模板 |
风格特点 |
|---|
默认模板 |
Inter 字体 + 深色背景，现代简洁 |
GitHub 风格 |
经典 GitHub Markdown 样式，自动适配深色/浅色模式 |
学术风格 |
Crimson Pro + Noto Serif SC ，衬线字体，适合论文和技术文档 |
深色专业 |
深色主题，高对比度，适合代码和技术内容 |
每个文件可以独立指定渲染模板——同一份 Markdown ，用学术模板渲染给领导看，用 GitHub 风格渲染给开发团队看。
以前：Markdown 渲染千篇一律，想换个风格？自己写 CSS
现在：选择模板，一键切换，4 种风格覆盖主流需求
3️⃣ 全文搜索：文件再也不怕找不到
基于 SQLite FTS5 的全文搜索引擎，让文件检索从「翻列表」进化到「搜内容」：
- 文件名搜索：按文件名模糊匹配
- 内容搜索：深入文件内容全文检索，支持中英文分词
- 组合筛选：配合标签、分类一起使用，精准定位
以前：50 份文件，找到那份「 Q3 销售分析报告」靠肉眼
现在：搜「 Q3 销售」，瞬间定位，不管文件名叫什么
4️⃣ 链接访问统计：分享不再是「黑洞」
每次短链接被访问，自动记录统计数据：
- 访问量追踪：每个文件的累计浏览次数
- 访问记录：IP 哈希（隐私保护）+ User Agent + 访问时间
- 实时统计：文件列表直接显示浏览量
以前：链接发出去了，到底有没有人看？不知道
现在：浏览量一目了然，访问记录随时可查
5️⃣ 健康检查端点 + 内部重构
GET /health 无鉴权探活端点，方便运维和容器编排：
{
"status": "ok",
"db": "connected",
"disk": "writable",
"uptime": 86400,
"version": "1.4.0"
}
- 检查数据库连通性 + uploads 目录可写性
- 异常时返回 503 ，适合负载均衡健康检查
- 运行时长、版本信息一目了然
内部重构：
fs.sync → fs.promises 全面异步化，减少事件循环阻塞
now() 统一北京时间，告别 UTC 时区混乱
- 前端
app.js 从 1872 行拆分为 8 个 ES Module 文件，可维护性大幅提升
📊 MCP 协议扩展（ v1.4 ）
MCP Tools 从 15 个扩展到 17 个，新增：
工具 |
功能 |
|---|
list_content_templates |
按场景/关键词搜索模板列表 |
get_content_template |
获取模板完整样例内容，自动记录使用次数 |
同时 list_content_templates MCP tool 也已暴露给 AI 调用——这意味着 Claude Code 等 AI 工具可以直接查询模板市场，选择风格参考。
🎯 实战场景：模板市场改变工作流
场景一：产品经理 — 一句话生成风格统一的仪表板
「帮我做一份 Q3 用户增长数据仪表板，参考深色仪表板模板」
Claude Code 调用 get_content_template 获取深色仪表板样例 → 学习深色主题配色和 Grid 布局 → 生成全新的 Q3 数据仪表板 → 自动上传即页 → 短链接分享到管理群。
风格统一，内容全新。不是模板套用，是风格学习。
场景二：技术写作者 — 学术风格的技术报告
「写一份微服务架构设计方案，用学术模板风格」
AI 获取学术模板 → 学习衬线字体和论文排版 → 生成架构设计文档 → Markdown 渲染选择「学术风格」模板 → 公式用 KaTeX 完美展示，时序图用 Mermaid 渲染。
发给 CTO 的报告，看起来像正式论文，不是博客草稿。
场景三：市场团队 — 落地页秒出，不再等设计师
「做一个新产品发布落地页，参考极简落地页模板」
AI 学习渐变 Hero + 特性卡片布局 → 生成全新产品落地页 → ZIP 打包上传（ HTML + CSS + 图片） → 短链接发给市场总监。
30 秒从想法到可预览页面，设计师只需在 AI 输出基础上微调。
场景四：用户上传自己的模板 — 让 AI 学会你的风格
你已经有一份满意的季度报告 HTML ？上传到模板市场，标记为「报告」场景。下次让 AI 生成报告时，它会自动参考你的风格——配色、字体、布局、组件样式，全部学习。
你的风格，就是 AI 的风格。
🌟 谁最适合升级？
如果你… |
v1.4 带给你的价值 |
|---|
AI 生成的页面风格单一 |
模板市场让 AI 学会风格参考，告别千篇一律 |
经常写 Markdown 文档 |
4 种渲染模板一键切换，不同场景不同风格 |
文件越来越多 |
全文搜索 + 访问统计，找文件不再靠翻列表 |
分享链接给客户/领导 |
访问统计让你知道内容有没有被看到 |
用 MCP 对接 AI 工具 |
17 个 Tools ，模板市场深度集成 |
运维即页服务 |
/health 端点 + 全面异步化，更稳定更可靠 |
📊 与常见方案对比（ v1.4 更新版）
维度 |
即页 v1.4 |
GitHub Gist |
语雀/Notion |
Vercel |
|---|
HTML 完整渲染 |
✅ |
❌ 仅代码 |
❌ 仅嵌入 |
✅ |
Markdown 渲染模板 |
✅ 4 种风格 |
❌ |
⚠️ 固定 |
❌ |
内容模板市场 |
✅ 9 种场景 |
❌ |
⚠️ 有限 |
❌ |
全文搜索 |
✅ FTS5 |
⚠️ 文件名 |
✅ |
⚠️ 文件名 |
访问统计 |
✅ |
❌ |
⚠️ 有限 |
⚠️ 需接入 |
自托管 |
✅ Docker 一键 |
❌ |
❌ |
❌ |
MCP 原生支持 |
✅ 17 个 Tools |
❌ |
❌ |
❌ |
ZIP 网站包上传 |
✅ |
❌ |
❌ |
⚠️ 需仓库 |
版本历史 |
✅ |
✅ Git 版本 |
✅ |
✅ Git 版本 |
短链接 |
✅ /s/:key |
✅ |
✅ |
⚠️ 需配置 |
上手门槛 |
🟢 极低 |
🟡 中 |
🟡 中 |
🔴 高 |
🏗️ 升级指南
已经部署了即页？升级非常简单：
cd jpage
git pull
docker-compose up -d --build
Migration Runner 会自动处理数据库升级，新增 content_templates 表、templates 表、file_contents_fts 虚拟表、link_visits 表。无需手动操作。
🔮 下一步规划
- 数据统计仪表盘：存储使用、文件分布、上传趋势、访问热力图可视化
- 模板市场扩展：更多内置模板，社区模板分享
- 实时协作预览：多人同时查看同一文件
- 更多 AI 集成：智能摘要、自动标签推荐、风格迁移
🎁 开源免费，MIT 协议
即页采用 MIT 开源协议，免费商用、无功能限制。
GitHub 仓库： https://github.com/code2rich/jpage
如果你也觉得「 AI 生成的精美内容值得被完整呈现」，欢迎 Star ⭐、提 Issue 、贡献代码。
v1.1 ，解决了「能不能分享」的问题。
v1.2 ，解决了「分享得好不好看」的问题。
v1.3 ，解决了「分享之后怎么管理」的问题。
v1.4 ，解决了「 AI 生成的内容怎么有风格」的问题。
内容模板市场让 AI 学会风格参考，渲染模板让同一份文档呈现不同面貌，全文搜索让文件触手可及，访问统计让分享不再盲目。
即页，从「即用即管理」进化为「即用即风格化」。
拖入文件，即刻成页。选择模板，即刻有风格。
即页，让 AI 生成的内容也有审美。
微信公众号： https://mp.weixin.qq.com/s/_iecRafkB0gOHzfDjgv3tA
github:https://github.com/code2rich/jpage
即页 v1.0- v1.4 进化之路： http://36.138.227.105:8858/s/S-lddBMl
