告别千篇一律的 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
Select Language