微信公众号资源排版生成器

一款专为微信公众号创作者设计的资源推文排版工具。输入资源标题、网盘链接、展示图片，即可实时预览推文效果，一键复制带格式的富文本内容，直接粘贴到公众号编辑器中使用。

• 实时预览：左侧编辑，右侧即时渲染手机端推文效果
• 单/多资源模式：顶部一键切换；单资源生成标准下载推文，多资源生成带编号 ① ② ③ 的合集列表
• 批量导入：多资源模式下支持粘贴多条分享文本一键解析，兼容以下格式：
  • 资源名称 https://链接（标题与链接同行）
  • 资源名称\n链接：https://链接（标题与链接分两行）
  • 夸克 App 官方分享文本（自动提取 「」 中的文件名、链接及提取码）
  • 夸克带口令码的分享文本（/~xxx~:/ 行自动跳过）
  • 以上格式混合粘贴均可正确识别
• 智能解析：单个链接输入框同样支持粘贴 App 分享原文，自动提取标题、链接和提取码
• 标题标签：快捷添加"无水印"、"可编辑"、"免费下载"等常用后缀标签
• 图片压缩：上传图片前自动压缩（最大宽度 800px，JPEG 0.7 质量），减少推文体积
• 一键复制：将推文正文（含格式）复制为富文本，可直接粘贴到公众号编辑器
• 独立复制标题：单独复制纯文本标题，方便填写公众号文章标题栏
• 云端存储：登录后可将当前配文保存到云端，随时加载历史记录（单/多资源模式均支持）
• 草稿暂存：编辑内容自动保存到浏览器本地，刷新不丢失

docker compose up -d

服务启动后访问 http://localhost:3000。

SQLite 数据库文件挂载在 ./server/db.sqlite，数据持久化保存在本地。

安装依赖

npm install

启动开发服务（前后端同时运行）

npm run dev

单独构建前端

npm run build

生产环境运行（后端托管前端静态文件）

node server/index.js

1. 注册或登录账号
2. 确认顶部开关处于「单资源」状态
3. 填写资源标题，可点击快捷标签自动拼接后缀
4. 粘贴网盘分享链接（支持直接粘贴 App 分享的完整文本，自动提取有效链接）
5. 上传资源预览截图（支持多张，自动压缩）
6. 右侧预览区实时显示最终推文效果
7. 点击"复制到公众号"，打开公众号编辑器粘贴即可

1. 点击顶部开关切换到「多资源合集」
2. 填写推文总标题（如"本期资源合集，共5份"）
3. 逐条添加资源，或点击「批量导入」粘贴多条分享文本一键解析
4. 上传封面展示图（可选）
5. 预览区自动渲染带编号的合集列表
6. 点击"复制到公众号"粘贴使用

• 点击"保存当前配文"将内容保存到云端，方便下次复用
• 点击历史记录条目可随时恢复之前的配文（模式和资源列表完整还原）

所有 /api/templates 接口需在请求头携带 Authorization: Bearer <token>。

.
├── src/
│   ├── App.jsx          # 路由配置
│   └── pages/
│       ├── Home.jsx     # 主编辑器页面
│       └── Login.jsx    # 登录/注册页面
├── server/
│   ├── index.js         # Express 后端服务
│   └── database.js      # SQLite 数据库初始化
├── docker-compose.yml
└── package.json

docker compose up -d

服务启动后访问 http://localhost:3000。

SQLite 数据库文件挂载在 ./server/db.sqlite，数据持久化保存在本地。

安装依赖

npm install

启动开发服务（前后端同时运行）

npm run dev

单独构建前端

npm run build

生产环境运行（后端托管前端静态文件）

node server/index.js

1. 注册或登录账号
2. 在左侧编辑栏填写资源标题，可点击快捷标签自动拼接后缀
3. 粘贴网盘分享链接（支持直接粘贴 App 分享的完整文本，自动提取有效链接）
4. 上传资源预览截图（支持多张，自动压缩）
5. 右侧预览区实时显示最终推文效果
6. 点击"复制到公众号"，打开公众号编辑器粘贴即可
7. 点击"保存当前配文"将内容保存到云端，方便下次复用

所有 /api/templates 接口需在请求头携带 Authorization: Bearer <token>。

.
├── src/
│   ├── App.jsx          # 路由配置
│   └── pages/
│       ├── Home.jsx     # 主编辑器页面
│       └── Login.jsx    # 登录/注册页面
├── server/
│   ├── index.js         # Express 后端服务
│   └── database.js      # SQLite 数据库初始化
├── docker-compose.yml
└── package.json