即页 v1.4 正式发布:内容模板市场、Markdown 渲染模板、全文搜索、访问统计——AI 内容生成进入「风格化」时代

查看 4|回复 0
作者:heyzen   

告别千篇一律的 AI 输出,让每份内容都有独特的视觉风格

先回顾一下
v1.3 我们带来了短链接、ZIP 网站包、版本历史、标签收藏分类、多用户管理——即页解决了「分享之后怎么管理」的问题。
但很快,新的痛点浮出水面:
  • AI 生成的页面长得都一样:同样的白底黑字,同样的默认样式——看起来就像「 AI 生成的」
  • 想要特定风格?只能手动调 CSS:深色仪表板、学术报告、GitHub 风格……每次都要从头写
  • 文件越来越多找不到:50 份文件靠翻列表,想找一份特定的数据分析报告?大海捞针
  • 链接发出去了,不知道谁看过:分享出去的短链接,完全没有访问数据——发了个寂寞
  • AI 不会学习你的风格:每次生成内容都是全新开始,不会参考你之前满意的样式

    v1.4 ,一次性解决这些问题。
    🚀 五大核心更新
    1️⃣ 内容模板市场:AI 生成的风格指南
    这是 v1.4 最重磅的功能。内容模板市场让 AI 学会「参考风格」,而不是从零开始。
    9 种场景分类,覆盖常见需求
    [td]场景[/td]
    [td]用途[/td]
    📊 仪表板
    数据可视化、监控面板
    📝 报告
    周报、分析报告、总结
    📄 简历
    个人简历、作品集
    🎯 落地页
    产品介绍、活动推广
    📓 笔记
    技术笔记、会议纪要
    🎤 演示
    演示文稿、PPT 风格
    🃏 卡片
    海报、信息卡片
    ✉️ 邮件
    邮件模板、Newsletter
    📌 其他
    不分类的内容
    3 个系统内置模板,开箱即用:
  • 深色数据仪表板 — 深色主题 + CSS Grid 布局 + 统计卡片 + 柱状图
  • 项目周报 — 结构化 Markdown 周报模板
  • 极简落地页 — 渐变 Hero + 特性卡片 + CTA 按钮

    完整的模板管理
  • 上传自定义模板:把你满意的作品变成模板,供下次参考
  • 模板预览:HTML 直接 iframe 渲染,Markdown 实时预览
  • 使用热度排序:最常用的模板排在最前
  • 关键词搜索 + 场景筛选:3 秒找到目标模板
  • 权限控制:私有模板仅自己可见,公开模板全员共享

    MCP 协议深度集成
    AI 工具(如 Claude Code )可以直接调用模板市场:
    [ol]
  • list_content_templates — 按场景/关键词搜索模板列表
  • get_content_template — 获取模板完整样例内容
    [/ol]
    AI 拿到模板后的工作流:学习风格 → 生成风格一致但内容全新的作品 → 上传到即页

    以前:AI 每次生成白底黑字的默认样式,手动调 CSS 花半小时
    现在:指定模板风格,AI 自动学习配色和布局,一次生成到位

    2️⃣ Markdown 渲染模板:4 种风格,随心切换
    v1.4 引入了 Markdown 渲染模板系统,同一份 Markdown 可以用不同的视觉风格渲染:
    [td]模板[/td]
    [td]风格特点[/td]
    默认模板
    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 个,新增:
    [td]工具[/td]
    [td]功能[/td]
    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 的风格。
    🌟 谁最适合升级?
    [td]如果你…[/td]
    [td]v1.4 带给你的价值[/td]
    AI 生成的页面风格单一
    模板市场让 AI 学会风格参考,告别千篇一律
    经常写 Markdown 文档
    4 种渲染模板一键切换,不同场景不同风格
    文件越来越多
    全文搜索 + 访问统计,找文件不再靠翻列表
    分享链接给客户/领导
    访问统计让你知道内容有没有被看到
    用 MCP 对接 AI 工具
    17 个 Tools ,模板市场深度集成
    运维即页服务
    /health 端点 + 全面异步化,更稳定更可靠
    📊 与常见方案对比( v1.4 更新版)
    [td]维度[/td]
    [td]即页 v1.4[/td]
    [td]GitHub Gist[/td]
    [td]语雀/Notion[/td]
    [td]Vercel[/td]
    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
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部