FoodTalks Article Layout Tool

FoodTalks 文章自动排版工具，用于把 Word 文档或微信公众号文章链接快速转换为可复制到后台资讯编辑器的图文内容。

快速开始

1. 双击 双击启动排版工具.cmd。
2. 浏览器会自动打开本地工具页面。
3. 上传文章文件，或输入微信公众号文章链接。
4. 工具会自动开始排版。
5. 排版完成后点击“复制图文”，再粘贴到后台编辑器。

不要直接双击 layout-tool.html。这个文件需要通过本地服务打开，正确入口是 双击启动排版工具.cmd。

支持的输入

• Word 文档：.docx
• Markdown 文档：.md
• 纯文本：.txt
• 微信公众号文章链接

暂不支持 .doc 文件。如有 .doc，请先用 Word 另存为 .docx 后再上传。

运行环境

首次使用前需要安装：

• Node.js 18 或更高版本

首次双击启动时，脚本会自动安装依赖：

• npm install
• npx playwright install chromium

如果公司网络限制导致安装失败，请切换网络后重新双击启动。

工具行为

• 上传文章文件后会自动排版。
• 输入微信公众号链接后会自动采集并排版。
• 重新选择同一个文件也会重新排版。
• 关闭工具页面后，本地服务会自动退出。
• 如果只是刷新页面，服务不会立即退出。

当前排版规则概览

• 标题只输出 h2 和 h3 标签，不额外附加 font-size、margin、id 等样式。
• 正文段落输出为普通 p 标签。
• 段落之间统一使用 <p><br /></p> 作为空行。
• 标题下方紧接正文时不加空行；标题上方如有内容会保留空行。
• 图片默认宽度为 600px，极端狭长图片会在预览中自适应较窄宽度。
• 图片注释为 12px、居中、颜色 #7f7f7f。
• 参考文献为 16px、颜色 #7f7f7f。
• 参考文献条目会自动补 [1]、[2]、[3] 编号；如果已有编号会保留，并规范为 [1] 内容。
• 连续多行独立链接之间不会插入空行。
• 中文语境中的英文标点会尽量转换为中文标点，英文句子、小数、域名等会尽量保持不变。

图片注释识别

工具不会再把图片自身的 alt 自动当作图片注释。

目前只识别图片下方附近的段落：

• 图片后 3 个段落内最多识别 2 行注释。
• 第一行必须紧跟图片，并且满足以下条件之一：
  • 段落本身是居中样式；
  • 像图片注释的短句；
  • 包含图片注释关键词。
• 第二行更严格，必须包含图片注释关键词。
• 遇到下一张图片、标题或参考文献区会停止识别。

默认关键词包括：

图片来源、资料来源、数据来源、来源、制图、截图、图注、注：、Source、Photo、Image、Credit

微信公众号文章采集

公众号文章采集由本地服务 server.js 完成，工具会优先使用快速直连方式；必要时会使用浏览器采集方式兜底。

如果公众号文章采集失败，常见原因包括：

• 文章链接无效或已删除；
• 网络访问微信公众号不稳定；
• 微信限制访问频率；
• 电脑防火墙或代理阻止了本地服务访问网络。

文件说明

• 双击启动排版工具.cmd：普通用户启动入口。
• layout-tool.html：工具页面，不建议直接打开。
• server.js：本地服务，用于打开工具、采集公众号文章、代理公众号图片。
• package.json：项目依赖和启动脚本。
• README.md：使用说明。

开发启动

也可以在当前目录手动运行：

npm install
npm start

然后访问：

http://localhost:8797