将 Markdown 一键转换为公众号格式,告别繁琐排版。
- Markdown 编辑 - 支持完整 Markdown 语法
- 样式模板 - 5 套精美主题一键切换
- 代码高亮 - 支持 12+ 编程语言
- 一键复制 - 直接粘贴到公众号编辑器
- 引用脚注 - 自动生成链接引用列表
npm installnpm run devnpm run build
npm start- 在左侧编辑器输入 Markdown 内容
- 选择喜欢的样式主题
- 点击「复制到公众号」按钮
- 前往公众号后台直接粘贴
| 主题 | 说明 |
|---|---|
| 默认简洁 | 简洁大方,适合技术文章 |
| 科技蓝 | 深色配色,科技感强 |
| 暖色柔和 | 温暖柔和,适合生活类文章 |
| 清新绿 | 清新自然,适合教程类文章 |
| 优雅紫 | 优雅高贵,适合设计类文章 |
multipub/
├── src/
│ ├── app/ # Next.js 页面
│ │ ├── layout.tsx # 根布局
│ │ └── page.tsx # 主页面
│ ├── components/ # React 组件
│ │ ├── Editor.tsx # Markdown 编辑器
│ │ ├── Preview.tsx # 预览面板
│ │ └── ThemeSelector.tsx # 主题选择器
│ └── lib/ # 核心库
│ ├── markdown/
│ │ └── renderer.ts # Markdown 渲染器
│ └── themes/
│ └── index.ts # 主题定义
├── public/ # 静态资源
├── package.json
└── tsconfig.json
- 框架: Next.js 15 + React 19
- 语言: TypeScript
- 样式: Tailwind CSS 4
- Markdown: marked + highlight.js
- 状态: React useState(Phase 2 将使用 Zustand)
- Markdown 编辑器
- 实时预览
- 5 套主题样式
- 一键复制功能
- Chrome 扩展开发
- 自动注入公众号编辑器
- Web 端集成"发送到扩展"功能
- 图片上传处理(待优化)
- 知乎专栏支持
- 小红书支持
- 掘金支持
- ARCHITECTURE.md - 项目架构设计
- THEME_DEVELOPMENT.md - 主题开发指南
- PHASE2_PLAN.md - Chrome 扩展方案
MIT
开发团队: 归零工作室 当前版本: v0.2.0 (Phase 2)
- 在 Chrome 中打开
chrome://extensions/ - 开启「开发者模式」
- 点击「加载已解压的扩展程序」
- 选择
extension目录 - 复制扩展 ID,配置到
.env.local:NEXT_PUBLIC_EXTENSION_ID=你的扩展ID