墨卡 Moka（由 OLD-SIX-AI-TEAM 开源）是一款专为自媒体创作者（如小红书博主、微信公众号运营者）打造的 AI 驱动爆款文案排版神器。它能够将普通的纯文本内容一键转化为具备高级设计感的高颜值图文卡片，极大地降低了排版设计的时间成本和门槛。墨卡不仅内置了包含杂志风、极简风、复古风等在内的 29 种精美单页排版模板以及 8 套专业配色方案，还深度整合了包括 Claude、OpenAI、阿里云百炼等在内的大模型 API，实现自动化的文案结构化整理与排版设计。同时，它还具备 AI 看图仿写排版风格、多页卡片连贯生成、文本实时点选编辑和超清图片本地导出等强大功能。无论是追求视觉情绪价值的小红书博主，还是强调专业权威性质的微信推文运营者，都能使用墨卡轻松实现所见即所得的高效创作。
機能一覧
- AI 智能文案排版与重构：支持接入 Claude、OpenAI、阿里云百炼等主流大语言模型，自动根据用户输入的扁平文案或话题大纲进行逻辑梳理、结构化拆解与视觉排版布局。
- AI 视觉设计模式（看图排版）：支持用户上传一张外部的排版参考图片，AI 将智能分析并提取原图的版式布局、字体风格与色彩情绪，自动把你的文案转化为具备该独特视觉效果的设计。
- 海量精美模板库：系统原生内置 29 种风格各异的模板，涵盖杂志风、便签风、手账风等经典风格，以及奶油风、日系风、ins风等小红书爆款风格，另包含科技、医疗、财经等公众号专业垂直风格。
- 多页卡片分页生成模式：专门针对图文轮播平台优化，支持全流程的分页设计，AI 可一次性自动规划并生成“高点击封面页”、“结构化内容页”以及“引导互动结尾页”的完整多图组合。
- 双平台专属语境优化：针对不同平台受众特点，提供“小红书（偏向情绪化、网感口语风）”和“微信公众号（偏向专业感、逻辑权威感）”的双轨优化选项。
- WYSIWYG 实时画布编辑：排版画布内实现“所见即所得”，鼠标点击任何生成的文字区块即可直接唤起输入光标进行文本修改、微调或插入表情符号。
- 灵活的拖拽排版与排序：支持对生成的内容段落和分页卡片进行可视化拖拽，创作者可随时更改图文结构，快速调整页面阅读顺序。
- 超高清图片一键导出：搭载 html-to-image 渲染技术，支持以 2x 高清或 4x 超清分辨率将最终排版图文渲染并导出为本地图片，满足各大社交平台的极致画质要求。
- 丰富的全局色彩方案：提供 8 套经过美学测试的专业预设配色（如珊瑚、抹茶、水墨、琥珀、梅子、青石、铁锈、松针），支持一键切换整个作品的色彩基调。
ヘルプの使用
欢迎使用墨卡 Moka！这是一款极具颠覆性的 AI 排版工具，无论你是技术极客还是零设计基础的自媒体小白，都能通过本指南快速上手，在几分钟内制作出令人惊艳的爆款图文卡片。本指南将分为**「环境配置与本地部署」与「核心功能操作详解」**两大部分为您进行保姆级介绍。
🛠️ 第一部分：环境配置与本地部署（面向开发者或私有化需求）
墨卡 Moka 是一个开源项目，允许用户将项目部署在个人电脑或私有服务器上。
1. 准备本地运行环境
在开始安装前，请确保你的电脑已经安装了 Node.js 运行环境，且版本要求在 Node.js >= 20.0.0，同时需要包管理工具 npm >= 10.0.0。你可以通过在终端输入 node -v 和 npm -v 来检查当前系统的版本。
2. 获取源码与安装依赖
使用 Git 命令克隆墨卡项目到本地，或者直接从 GitHub 页面下载项目 ZIP 压缩包并解压。打开你的系统终端（Terminal），进入项目根目录，运行以下命令安装项目所需的全部底层依赖库：
npm install
3. 配置大模型 API 环境变量
墨卡的核心智能化排版功能高度依赖于 AI 大语言模型。项目源码中提供了一个 .env.example 环境变量示例文件。
- 将该文件复制一份并重命名为
.env。 - テキストエディタで開く
.env，填入你的大模型 API 密钥及配置：VITE_LLM_PROVIDER：填写你使用的模型提供商（如 openai、anthropic 或 aliyun）。VITE_LLM_BASE_URL：填写 API 的基础调用地址（如使用阿里云则填入百炼的兼容地址）。VITE_LLM_API_KEY：填写你申请到的 API Key（此密钥请严格保密）。VITE_LLM_MODEL：指定具体调用的模型版本（推荐使用qwen-plus、gpt-4o-mini或claude-sonnet-4等智能程度较高的模型）。
4. 启动与构建
配置完成后，在终端运行以下启动命令：
npm run dev
稍等片刻，浏览器会自动打开 http://localhost:5173，你就可以在本地愉快地使用墨卡了。若要部署到公网生产环境（如 Cloudflare Pages），只需执行 npm run build 生成 dist 构建文件夹，并上传托管即可。
🎨 第二部分：墨卡 Moka 核心功能与操作流程详解（面向所有创作者）
墨卡 Moka 的操作界面直观友好，主要分为控制面板（左侧区域）和预览编辑区（右侧区域）。以下是具体的实战操作指南，帮助你快速完成从文本到视觉海报的跨越：
💡 模式一：基础排版模式（文字一键变图文）
- 输入灵感或文案：在左侧工作区的输入大框中，直接粘贴你写好的几百字干货文案；或者仅仅输入一个话题（例如：“推荐五款适合初学者的手冲咖啡器具”），AI 会自动帮你扩写并排版。
- 设定受众平台：在顶部控制栏中选择你需要发布的平台。选“小红书”，AI 生成的文案会加入丰富的 Emoji、带有情绪价值的口语表达；选“微信公众号”，文案将变得严谨、富有逻辑感并带有权威口吻。
- 选择视觉模板：系统内置了 29 种单页排版模板。点击下拉菜单，挑选如“杂志风”、“极简线”、“奶油风”、“暗夜风”等符合你当前内容调性的风格。
- 定制色彩基调：在下方的配色面板中，点击不同的颜色圆圈（如琥珀、抹茶、松针等），为你的设计定下视觉主色调。
- ワンクリック生成：所有选项就绪后，点击蓝色的“生成排版图”按钮。系统将自动调用 AI，把你的段落文字智能拆解为“主标题、副标题、核心正文、引用金句”，并在右侧预览区秒级渲染出精美的海报。
🖼️ 模式二：AI 设计模式（让 AI 像素级模仿你的心头好）
如果你在浏览其他博主时看到了一张排版极为出色的图文，却苦于没有模板，可以使用这个特色杀手锏：
- 在模板选择区切换至“AI 设计”专属模板。
- 找到控制面板的“上传参考图”入口，把你截取或保存的心仪排版图片上传到系统中。
- 在文本框内输入你自己的文案内容，点击生成。
- AI 视觉模型会对参考图片进行逆向工程分析，提取其版式划分规则、色彩比例和元素风格，最终将你的文本天衣无缝地嵌入到相似的设计框架中，为你生成百分百原创的高阶设计。
📚 模式三：多页分页模式（打造沉浸式滑动卡片组）
针对小红书等多图滑动机制的平台，单张长图往往会导致跳出率变高。分页模式能帮你完美解决这个问题：
- 将应用的工作模式从“单页版”一键切换到“分页版”。
- 此时，模板库会自动过滤并显示支持多图串联的 26 种分页系列模板。
- 填入长篇内容并点击生成后，奇迹发生了——AI 会自动帮你策划出“极具吸睛力的封面主图”、“逻辑递进且排版连贯的内容过渡页图”以及“带有引导点赞、关注和求评论的结尾总结图”。
- 拖拽与顺序微调：在右侧的预览列表中，你可以用鼠标按住任意一张卡片的边缘进行上下拖拽，像洗牌一样轻松调整图文的前后阅读顺序。
✏️ 最终调整与超清下载（发布前的临门一脚）
- 所见即所得修改：AI 生成的排版断句偶尔可能需要微调。此时无需返回左侧重新生成，你只需在右侧最终呈现的排版图上，直接鼠标点击该行文字，画面会原地进入光标编辑状态！你可以像使用 Word 或备忘录一样，快速对文字进行删减、强制换行或替换表情符号。
- 超清画质导出：全部确认完美后，点击右下角的“导出”按钮。系统贴心提供了 2x 高清 与 4x 超清 分辨率选项。墨卡会在浏览器本地利用引擎瞬间将所有页面打包下载至你的设备中，图像锐利、放大不糊，可直接无缝分发至所有主流社交媒体平台。
アプリケーションシナリオ
- 小红书爆款滑动图文制作
专为小红书博主日常高频发帖设计，博主只需输入一段穿搭心得、美食探店评价或读书笔记大纲，选择“奶油风”或“ins风”配合多图分页模式，几秒钟即可一键生成带有吸睛封面、精致内页和互动结尾的高点击率轮播图文卡片。 - 微信公众号知识金句海报
公众号小编和新媒体运营者可用于从上万字的长文中提取核心金句或关键知识点，选择“商务风”或“科技风”单页模板，快速生成具有专业感、权威感的高质量金句海报，插入在推文首尾或作为朋友圈裂变宣发的物料。 - 电商带货与个人 IP 吸粉引流
无需耗费成本聘请专业设计师，带货运营人员可以通过“AI设计模式”上传同行的爆款引流图片风格作为参考，将自己的带货文案或干货分享直接转化成具有相同视觉吸引力的原创卡片，提高商品点击转化率与账号吸粉效率。 - 矩阵号内容的工业化批量产出
借助 AI 自动拆解文本与自动化排版的能力，拥有多个账号的矩阵运营团队只需输入不同的选题大纲，即可在极短时间内批量输出符合多种垂直领域（如母婴、财经、法律、医疗等）调性的专属排版图，将内容生产效率提升数十倍。
QA
- 墨卡 Moka 完全免费使用吗？
墨卡本身是一个开源项目，其网页工具、排版引擎和交互功能完全免费提供，但由于其智能排版需要消耗 AI 算力，您需要自行配置第三方的大模型 API 密钥（如阿里云百炼、OpenAI、Claude 等）。您产生的费用仅为您调用对应模型提供商所消耗的 Token 计费。 - 生成的排版图片导出后在手机上看会模糊吗？
绝对不会。墨卡内置了先进的 html-to-image 前端渲染技术，不仅支持标准导出，还专门提供了 2x 高清和 4x 超清的图片导出选项，能够完美适配高像素手机屏幕、小红书和微信朋友圈等社交平台对高分辨率图片的严苛要求。 - 我是非技术人员，完全不懂代码可以使用吗？
可以，项目拥有极其直观的可视化网页界面，非技术人员可以通过相关平台部署的网页直接在浏览器内填入 API Key 体验全部功能。如果你稍微懂一点操作，也可以根据官方文档轻松将其一键部署在 Cloudflare Pages 等免费云托管服务上供自己永久使用。 - AI 生成排版后，我发现有个错别字，支持手动修改吗？
完全支持。墨卡拥有“所见即所得”的画布实时编辑功能。在右侧生成排版海报后，你无需重新生成，直接用鼠标点击需要修改的文字区块，就会出现光标，你可以自由进行修改、删减文字或调整换行。 - AI 能够识别并模仿其他优秀博主的排版设计吗？
可以。墨卡提供了极具特色的“AI看图设计模式”，允许你上传一张外部的精美排版参考图，AI 强大的视觉模型会分析该图片的版式语言、元素分布和设计风格，并将你输入的文字内容智能融入并生成具有类似美感的新排版。
