自建公众号写作台:AI润色、实时排版与远程审稿全流程指南

1 阅读

重构内容创作流:从分散工具到一体化工作台

在当前的自媒体与技术文档创作生态中,效率瓶颈往往不在于“写”本身,而在于写作前后的边缘环节。传统的公众号创作流程通常呈现碎片化特征:作者在通用文档软件中完成初稿,随后手动调整字号、行距、代码块样式,再迁移至公众号后台进行二次排版。若涉及团队协作,这种割裂感更为明显——Markdown源文件难以直接预览,截图反馈无法精准定位段落,而本地文件共享又常因网络协议限制导致格式错乱。

image-20250910140251326

为了解决这一痛点,构建一套集“编写、预览、润色、审稿”于一体的本地化写作工作台成为趋势。本文将以开源项目 doocs/md 为核心,结合人工智能大模型接口与内网穿透技术,探讨如何搭建一个支持实时排版、AI深度介入及远程安全协作的专业级写作环境。这套体系不仅适用于个人创作者提升单兵作战效率,也为小团队提供了低成本、高安全性的协同方案。

image-20250910150728678

核心引擎:doocs/md 的项目价值与架构解析

image-20250910181724206

doocs/md 是一款专为技术博客与公众号排版设计的开源 Markdown 编辑器。与通用编辑器不同,它的核心设计理念是“所见即所得”的公众号适配。其架构主要包含三大模块:左侧的源码编辑区、中间的实时渲染预览区以及右侧的主题配置面板。

image-20250910125735315

在功能层面上,doocs/md 解决了两个关键问题。首先是格式标准化。公众号后台的富文本编辑器对 HTML 标签处理较为敏感,直接复制 Markdown 常导致样式丢失。doocs/md 内置了复杂的转换逻辑,能够将 Markdown 语法精准映射为公众号支持的 HTML 结构,支持一键复制为公众号专用格式,极大降低了格式调试成本。其次是视觉可控性。它提供了从字体、行间距到代码高亮主题的全方位自定义能力,允许创作者在发布前模拟移动端与桌面端的展示效果,确保视觉体验的一致性。

image-20250909182312062

此外,该项目的模块化设计使其具备良好的扩展性。通过开放 API 接口,它可以接入主流的大语言模型(LLM),实现大纲生成、文本润色、摘要提取等智能化功能,从而将 AI 真正嵌入到创作的核心流程中,而非仅仅作为外挂辅助工具。

image-20250910134433216

基础环境搭建:Node.js 与项目部署

image-20250910140931377

搭建这一工作台的基石是稳定的本地开发环境。由于 doocs/md 基于现代前端技术栈构建,因此需要配置 Node.js 运行时环境。目前推荐采用 v20.19.5 或更高版本的 LTS(长期支持)版本,以确保兼容性与稳定性。

image-20250909170533865

部署过程始于依赖项的安装与配置。为了加速 npm 包的下载,建议切换至国内镜像源(如淘宝 npmmirror),这一步在依赖众多的大型项目中能显著缩短等待时间。随后,通过 Git 克隆项目仓库或下载 ZIP 压缩包,解压至本地目录。进入项目根目录后,使用 pnpm 或 npm 安装项目依赖。

image-20250909170752323

值得注意的是,项目启动后默认监听在 localhost:5173 端口。此时,用户可以在本地浏览器中通过 http://localhost:5173 访问编辑器。虽然这一步仅实现了本地访问,但它验证了环境配置的完整性,并为后续的远程访问与功能扩展奠定了基础。在此阶段,创作者即可开始体验基础的 Markdown 编写与实时预览功能,感受其相较于传统编辑器在视觉同步上的优势。

image-20250909170927865

智能化升级:接入大模型与自定义指令

image-20250909171417295

AI 的深度集成是提升写作效率的关键变量。doocs/md 提供了原生的 AI 助手入口,支持接入兼容 OpenAI 标准接口的第三方大模型,如通义千问。这一环节的设定,旨在让 AI 从“通用聊天”转向“垂直写作”。

image-20250909171557384

API 配置与模型选择

image-20250909172249792

在配置 AI 功能前,需要在阿里云百炼等平台申请 API Key,并获取模型的服务端点地址。以通义千问-plus 为例,其 API 地址通常位于 dashscope.aliyuncs.com 域名下。在 doocs/md 的 AI 设置面板中,填入 API Key 与服务端点,即可完成模型连接。这一过程无需修改代码,通过图形化界面即可完成配置。

image-20250909172326671

自定义指令的工程化实践

image-20250909172444291

默认的系统提示词往往难以满足公众号写作的特定需求。为了实现高质量的自动化辅助,需要设计精细的“自定义指令”(Prompt)。例如,针对公众号阅读场景,可以设计如下指令逻辑:要求 AI 在生成大纲时采用层级分明的编号结构(如 1.1, 1.2);限制段落长度以适应移动端阅读习惯(每段不超过 3 行);强制使用列表与引用块来突出关键信息;同时,严禁输出无关的免责声明或 AI 式客套话。

image-20250909173908095

这种结构化的指令设定,使得 AI 输出的内容不再是散乱的文本,而是符合排版规范的 Markdown 源码。创作者只需将 AI 生成的结果粘贴至编辑器,即可直接预览最终效果。这种“生成即预览”的闭环,大幅减少了人工调整格式的时间成本,使 AI 真正成为写作流中的一部分,而非独立的思考工具。

image-20250909161933549

突破地域限制:内网穿透与 HTTPS 安全访问

image-20250909163132123

本地部署的优势在于数据隐私与响应速度,但其局限性在于无法被外部网络直接访问。这对于远程审稿、异地协作构成了障碍。浏览器出于安全考虑,限制非 HTTPS 环境下的剪贴板 API 调用,这意味着在非本地环境中无法直接使用“复制为公众号格式”功能。因此,引入内网穿透技术是构建完整远程协作流程的必要步骤。

image-20250909182001970

cpolar 的应用逻辑

image-20250910144443814

cpolar 是一款轻量级的内网穿透工具,能够将局域网内的本地服务映射到公网,并提供自动化的 HTTPS 证书管理。相比于购买云服务器并配置域名 SSL 证书的传统方案,cpolar 以极低的成本实现了即开即用的公网访问能力。

image-20250815171734046

在实际操作中,用户在本地启动 cpolar 客户端,创建一条指向本地 5173 端口的隧道。系统会自动生成一个临时域名或允许用户绑定固定的二级子域名。通过配置 Vite 开发服务器的 allowedHosts 选项,可以允许穿透后的域名进行跨域访问,从而解决浏览器安全策略拦截的问题。

image-20250909182100948

远程审稿的实际价值

image-20250815171846757

通过 cpolar 生成的 HTTPS 地址,团队成员或客户可以通过任意设备的浏览器访问写作台。由于采用了 HTTPS 协议,剪贴板 API 正常工作,审稿人可以直接预览最终发布的排版效果,包括代码高亮、图片显示及主题色调。审稿意见可以基于真实的视觉反馈提出,避免了因截图模糊或格式差异导致的沟通误解。此外,固定二级子域名的使用,为团队建立了一个长期稳定、易于记忆的内部创作门户。

image-20250815171446129

安全加固:访问控制与数据隐私保护

image-20250731121517683

随着写作台对外开放,安全性成为不可忽视的环节。默认无验证的公网访问允许任何人浏览和修改内容,甚至可能滥用 AI API 资源,导致额度被恶意消耗。因此,实施访问控制是上线前的最后一道防线。

image-20250910123447584

cpolar 提供了 HttpAuth(HTTP 认证)功能,允许为特定的隧道设置用户名和密码。在隧道配置的高级选项中,填入预设的凭证信息,即可在浏览器访问时弹出登录框。这一机制简单有效地拦截了未授权访问,保护了创作者的隐私内容与 API 资源。

image-20250910123612341

同时,API Key 的管理同样需要严谨。密钥不应硬编码在前端代码或公开文档中,而应通过环境变量或安全配置存储。一旦密钥疑似泄露,应立即在云平台撤销并重新生成。对于团队协作,建议使用统一的子域名入口,并定期轮换 HttpAuth 凭证,以构建多层次的安全防护体系。

image-20250910123713150

综合效能评估:从流程优化到价值创造

image-20250910124839260

搭建这套基于 doocs/md 的写作工作台,其核心价值在于流程的重塑与整合。它将原本分散的“写作-排版-预览-发布-审稿”环节压缩到一个统一的界面中,消除了上下文切换带来的认知负荷。

image-20250910125530021

从效率维度看,实时预览与一键复制功能将排版时间从小时级缩短至分钟级,甚至秒级。AI 的深度集成则进一步提升了内容生产的密度,通过结构化指令,AI 能够快速生成符合规范的大纲与初稿,创作者只需专注于观点深化与逻辑打磨。从协作维度看,HTTPS 远程访问与 HttpAuth 安全验证,使得异地协作变得简单且安全,审稿流程从异步的文件传递转变为实时的视觉同步。

image-20250910140048985

然而,技术工具并非万能。AI 生成的内容仍需人工校验事实准确性、数据引用及观点独特性。写作台的本质是赋能,而非替代。创作者应保持对内容的最终掌控权,将 AI 视为高效的助手,而非决策主体。通过合理配置指令、优化工作流程,这套工具链能够显著降低技术门槛,让创作者将更多精力投入到内容本身的价值创造中。在未来的内容创作中,具备 AI 协同能力与安全远程访问特性的本地化工具,将成为专业创作者的标准配置。

image-20250910140421669

image-20250910140515852

image-20250910145132198

image-20250910150955739

image-20250910151617992

image-20250910152108087

image-20250910154746824

image-20250910162933297

image-20250818095239735

image-20250818100001054

image-20250818100131402

image-20250910172457573

image-20250910182711306

image-20250910183005669

image-20250910183657283

image-20250910184227818

image-20250910184427419

image-20250910184538873

image-20250910184856642

image-20250910185204087

image-20250911095825102

image-20250911100023747

image-20250911100046590