告别千篇一律的 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
即页 v1.3 正式发布：从「能分享」到「好管理」，一次质的飞跃 短链接、ZIP 网站包、版本历史、标签收藏分类、多用户管理——你的个人内容中心，正式上线 先回顾一下 v1.2 我们带来了 Markdown 增强渲染、MCP 协议支持、文件隐私控制——即页解决了「 AI 生成的内容怎么完整分享」的问题。 但很快，新的痛点来了： 链接太长： /api/files/42/render ——发给客户总觉得不够正式 整站项目没法传：AI 生成的 HTML 报告带了一堆 CSS 、JS 、图片，只能一个个文件传 文件多了找不到：上传了 50 份文档，只能靠肉眼翻列表 没有后悔药：覆盖上传后旧版本就没了，想回去？没门 团队不好用：所有人共用一个账号，分不清谁上传了什么 v1.3 ，一次性解决这些问题。 🚀 六大核心更新 1️⃣ 短链接：告别长 URL ，分享更专业 每份文件自动生成 8 位随机短链接： 旧链接： https://jpage.example.com/api/files/42/render 新链接： https://jpage.example.com/s/kX9mP2wQ 上传即自动生成，无需手动操作 复制链接按钮直接复制短链接格式 MCP 工具返回的也是短链接 已有文件启动时自动补生成，平滑升级 以前：发链接前总得删掉 /api/files/ ，怕暴露系统结构 现在：短、干净、专业，直接发 2️⃣ ZIP 包上传：整站项目，一次搞定 支持两种模式，自动识别： 网站包模式 （ ZIP 内含 index.html + 资源目录） 上传后自动解压，作为完整项目预览 注入 <base> 标签，CSS/JS/图片等相对路径自动指向资源服务 资源文件通过 /api/files/:id/asset/* 独立访问 适合：AI 生成的完整网站、前端 Demo 、带资源的项目报告 批量文件模式 （ ZIP 内含多个独立 HTML/MD ） 自动识别并拆分，每个文件独立创建记录 适合：一次性上传多份文档 安全防护也没落下：Zip Slip 路径穿越检测、膨胀炸弹限制、Symlink 拦截、文件数量上限。 以前：一个带 3 张图片的 HTML 页面，得传 4 次 现在：打包成 ZIP ，一次上传，完整预览 3️⃣ 版本历史：覆盖不再怕，随时回滚 每次覆盖上传，旧版本自动备份到版本历史： 版本列表 ：查看所有历史版本 内容查看 ：查看任意版本的原文内容 渲染预览 ：直接渲染历史版本，所见即所得 一键恢复 ：不满意？恢复到任意历史版本 版本清理 ：删除不需要的历史版本，释放空间 以前：改坏了就改坏了，只能重新上传 现在：完整的版本时间线，随时回到任何节点 4️⃣ 标签、收藏、分类：文件管理，井井有条 三种组织维度，灵活组合： 🏷️ 标签系统 ：给文件打标签，跨分类关联。支持多标签筛选，一个文件可以属于多个标签 ⭐ 收藏功能 ：重要文件一键收藏，快速访问，不会被淹没在列表里 📁 分类管理 ：按项目、按客户、按类型——你说了算。未分类文件也有归属 以前：50 个文件排成一排，找到目标靠运气 现在：标签筛选 + 分类归档 + 收藏置顶，3 秒定位 5️⃣ 多用户管理：团队协作的基础 角色系统 ： admin 和 user 两种角色，权限分明 用户管理界面 ：管理员可创建、编辑、删除用户 文件隔离 ：普通用户只能看到自己的文件和公开文件，管理员看全局 用户级 API Token ：每人最多 10 个独立 Token ，格式 jp_ + 32 位随机串 MCP 也支持用户级 Token 认证——不同用户通过各自的 Token 连接，文件归属自动隔离。 以前：团队共用一个账号，谁传了什么分不清 现在：每人独立账号，MCP 自动隔离，安全又清晰 6️⃣ UI/UX 全面升级：不只是功能，体验也进化了 📊 上传进度条 ：XHR 实时进度 + 百分比显示，大文件上传不再焦虑 🦴 骨架屏加载 ：列表加载时显示骨架屏，告别突兀的白屏闪烁 🎨 Badge 标签 ：文件类型（ HTML/MD ）、权限状态（公开/私有）一目了然 ** Modal 弹窗**：自定义 Modal 替代原生 prompt/confirm ，风格统一 🔄 iframe Loading Spinner ：预览页面加载中显示旋转指示器 📱 移动端优化 ：Toast 底部居中，预览页紧凑模式，触摸友好 🫙 空状态引导 ：没有文件时显示 CTA 按钮，引导用户开始上传 🛡️ 安全加固 v1.3 在安全层面做了多项增强： CSP 策略 ：主页面启用 Content-Security-Policy ，渲染端点按需跳过 iframe Sandbox 加强 ：移除 allow-same-origin ，进一步隔离渲染内容 Mermaid 安全等级 ： securityLevel 设为 strict ，防止 SVG 注入 MCP 认证隔离 ：Token 认证不再创建 session ，避免会话污染 ZIP 安全防护 ：Zip Slip 路径穿越检测、膨胀炸弹限制、Symlink 拦截 📊 MCP 协议扩展 MCP Tools 从 6 个扩展到 15 个 ，新增： 类别 新增工具 版本管理 list_file_versions 、 restore_file_version 标签管理 list_tags 、 add_tags_to_file 收藏管理 star_file 、 unstar_file 分类管理 list_categories 、 create_category 、 set_file_category upload_file 工具也增强了——支持 base64 编码的 ZIP 上传、覆盖指定文件、添加标签和分类，一次调用完成全部操作。 🏗️ 技术基础设施 数据库迁移系统 ：正式的 Migration Runner ，启动时自动执行未应用的迁移，升级无感 结构化日志 ：JSON Lines 格式输出， logger.info/warn/error/audit 四个级别，Docker logs 直接看，12-factor 标准实践 设置菜单分组 ：前端设置菜单按功能分组，结构更清晰 🎯 实战场景：从想法到链接，一句话搞定 v1.3 的功能不是孤立的——配合即页的 Claude Code Skill （ jpage-upload ），整个流程可以变成一句话的事： 产品经理：原型图秒出，不用等设计师 「帮我做一个电商首页原型，顶部搜索栏、中部商品瀑布流、底部导航栏」 Claude Code 生成完整 HTML → 自动上传即页 → 返回短链接 → 直接甩到产品群里。交互可点击，布局可调整，评审效率翻倍。 不用 Figma 画半天，不用截图发微信—— 原型直接在线可交互 。 数据分析师：报告即出即分享 「根据这份 CSV 生成一份销售数据分析仪表板，带折线图和饼图」 AI 生成带 Chart.js 的完整 HTML 报告 → 上传即页 → 自动打上「报告」「 Q3 」标签 → 归入「数据分析」分类 → 短链接发邮件。 图表可交互，数据可筛选， 不是截图，是活的报告 。 技术写作者：Markdown 增强渲染，公式图表不崩 「写一份微服务架构设计文档，包含时序图和关键公式」 Markdown 文档自动上传，Mermaid 时序图完美渲染，KaTeX 数学公式原样展示。版本历史自动记录每次修改—— 文档即代码，版本可追溯 。 前端开发者：Demo 秒分享，不用部署 「做一个带动画的登录页 Demo 」 ZIP 包上传——HTML + CSS + JS + 图片资源一键打包，上传后自动解压，资源路径自动处理。短链接发 PM ， 30 秒从代码到可预览页面 。 一句话总结：装上即页 Skill 后，你和 AI 的对话就是你的「发布工作流」。 生成 → 上传 → 分类 → 标签 → 短链接分享，全程零手动操作。 🌟 谁最适合升级？ 如果你… v1.3 带给你的价值 经常分享链接给客户/同事 短链接更专业，不再暴露内部结构 用 AI 生成完整的 HTML 项目 ZIP 上传一次搞定，资源路径自动处理 文件越来越多，管理混乱 标签 + 分类 + 收藏，三维度组织 团队多人使用即页 独立账号 + Token 隔离，各管各的 经常覆盖更新文件 版本历史兜底，随时回滚 用 MCP 对接 AI 工具 15 个 Tools 覆盖全生命周期 📊 与常见方案对比（ v1.3 更新版） 维度 即页 v1.3 GitHub Gist 语雀/Notion Vercel HTML 完整渲染 ✅ ❌ 仅代码 ❌ 仅嵌入 ✅ Markdown 增强 ✅ 高亮+公式+图表 ❌ ⚠️ 基础 ❌ 自托管 ✅ Docker 一键 ❌ ❌ ❌ MCP 原生支持 ✅ 15 个 Tools ❌ ❌ ❌ ZIP 网站包上传 ✅ 自动解压预览 ❌ ❌ ⚠️ 需仓库 版本历史 ✅ 查看/恢复/删除 ✅ Git 版本 ✅ ✅ Git 版本 文件组织 ✅ 标签+分类+收藏 ⚠️ 仅标签 ✅ ⚠️ 仓库组织 短链接 ✅ /s/:key ✅ ✅ ⚠️ 需配置 多用户 ✅ 角色隔离 ❌ ✅ ⚠️ 团队版 上手门槛 🟢 极低 🟡 中 🟡 中 🔴 高 🏗️ 升级指南 已经部署了即页？升级非常简单： cd jpage git pull docker-compose up -d --build Migration Runner 会自动处理数据库升级，已有文件自动补生成短链接。 无需手动操作。 🔮 下一步规划 搜索与筛选 ：文件名/内容全文搜索 数据统计仪表盘 ：存储使用、文件分布、上传趋势可视化 实时协作预览 ：多人同时查看同一文件 更多 AI 集成 ：智能摘要、自动标签推荐 🎁 开源免费，MIT 协议 即页采用 MIT 开源协议， 免费商用、无功能限制 。 GitHub 仓库： https://github.com/code2rich/jpage 如果你也觉得「 AI 生成的精美内容值得被完整呈现」，欢迎 Star ⭐、提 Issue 、贡献代码。 v1.1 ，解决了「能不能分享」的问题。 v1.2 ，解决了「分享得好不好看」的问题。 v1.3 ，解决了「分享之后怎么管理」的问题。 短链接让分享更专业，ZIP 上传让项目更完整，版本历史让修改更安心，标签分类让管理更高效，多用户让团队更协作。 即页，从「即用即走」进化为「即用即管理」。 拖入文件，即刻成页。 即页，让分享回归简单。
🤔 你是不是也遇到过这种情况？ 用 Claude Code 生成了一份带交互图表的 HTML 报告，想发给同事看——结果对方打开是一堆代码。 用 AI 写了一份排版精美的 Markdown 文档，里面有数学公式、流程图——发到微信里公式全乱，Mermaid 图表直接变文本。 截图？ 交互没了，链接点不了，代码块不能复制。 传附件？ 对方还得下载、找软件打开，体验断层。 部署到 Vercel ？ 为了一个临时分享，值得吗？ 💡 所以我做了「即页」 一个极简的文件预览分享工具： 拖入 HTML / Markdown 文件，立刻生成可访问的链接 Markdown 完整渲染：代码高亮、KaTeX 数学公式、Mermaid 流程图 公开/私有权限控制 支持 MCP Server 和 Claude Code Skill ，可以在 AI 编码时直接上传 技术栈 ：Express + SQLite + Docker ，单容器部署，零配置。 使用场景 ：AI 生成的报告、技术文档、数据分析可视化、教学材料……任何需要"发给他人看一眼"的场景。 🔗 链接 GitHub 仓库： https://github.com/code2rich/jpage 微信公众号详细介绍： https://mp.weixin.qq.com/s/2gxYio4WYH0fRaMiylT0Wg 欢迎试用，有问题或建议随时反馈 🙏