从Notion一键发布到微信公众号:Claude Code自动化工作流实战教程

💡 作为一个内容创作者,最痛苦的莫过于写完文章后,还要在各个平台之间复制粘贴、调整格式、上传图片。本文将教你如何利用Claude Code + Notion MCP + 微信公众号接口,实现“Notion写作,一键分发”的自动化工作流。

为什么需要这套工作流?

传统的公众号发布流程通常是这样的:

  1. 在Notion或Typora中写作
  2. 复制内容到公众号后台编辑器
  3. 痛苦时刻:发现Markdown格式乱了,图片无法直接粘贴
  4. 重新上传每一张图片
  5. 手动调整引用块、代码块样式
  6. 制作封面图并上传
  7. 预览、保存草稿

使用这套Claude Code自动化工作流后,流程变成了:

  1. 在Notion中安心写作
  2. 在终端输入一行命令
  3. 自动完成:下载文章、下载图片、格式化排版、生成封面、上传素材、创建草稿
  4. 喝口水,去公众号后台点击“发布”

前置准备

在开始之前,你需要准备以下环境:

1. Claude Code

确保你已经安装并登录了Claude Code CLI工具。

2. Notion MCP Server

你需要配置Notion的MCP服务,以便Claude可以直接读取你的Notion页面。
~/.claude.json 中配置:

"mcpServers": {
  "notionApi": {
    "command": "npx",
    "args": ["-y", "@notionhq/notion-mcp-server"],
    "env": {
      "NOTION_TOKEN": "你的Notion_Integration_Token"
    }
  }
}

3. 微信公众号配置

你需要获取公众号的 AppIDAppSecret(在公众号后台-设置与开发-基本配置中查看),并确保你的服务器IP已加入白名单(如果是本地调试,可以临时加入本机IP)。

核心功能实现

我们通过编写自定义的 Python 脚本和 Claude Skills 来实现这一流程。主要包含以下几个核心模块:

1. 智能下载器 (download_notion_article.py)

这个脚本负责:

  • 读取 Notion 导出的 Markdown 文件
  • 自动提取并下载文中的所有图片到本地 images/ 目录
  • 将 Markdown 中的网络图片链接替换为本地路径
  • 解决 Notion 图片链接时效性问题

2. 样式渲染器 (publish_wechat.py)

这个脚本负责将 Markdown 转换为微信公众号支持的 HTML:

  • Callout 渲染:自动将 Notion 的 Callout 块(如 > 💡)转换为带有背景色和边框的精美引用样式。
  • 代码高亮:支持多种编程语言的语法高亮。
  • CSS 注入:内置了一套优雅的微信公众号排版 CSS。

3. 封面生成器 (gzh-banner)

利用 AI 绘图能力(如 Doubao Seedream),根据文章内容自动生成一张 2.35:1 比例的手绘黑板报风格封面图,并自动保存到文章目录。

4. 一键发布 (wx-write-article)

这是整个流程的指挥官,它会:

  • 自动上传文章内图片到微信素材库,并替换 URL
  • 自动上传生成的封面图
  • 创建公众号草稿
  • 开启评论:默认开启留言功能
  • 原创声明:支持标记原创(需后续手动确认)

实战演示

假设我在 Notion 写好了一篇名为《Claude Code添加Notion MCP教程》的文章。

第一步:获取文章

告诉 Claude Code:“把 Notion 这篇文章《Claude Code添加Notion MCP教程》下载到本地”。
Claude 会自动搜索 Notion 页面并下载 Markdown 内容。

第二步:一键处理

告诉 Claude Code:“把这篇文章发布到公众号”。
Claude 会自动执行我们封装好的 Skill,你将看到如下日志:

Processing markdown and downloading images...
Downloaded image: image_1.png
Article updated with local image paths...

Calling Image Generation API...
Banner saved to cover.png...

Inlining CSS styles...
Uploading article image: image_1.png...
Image uploaded successfully: http://mmbiz.qpic.cn/...
Uploading cover image...
Submitting draft...
Draft published successfully! Media ID: QD10yQ...

第三步:查看结果

登录微信公众号后台 -> 草稿箱,你将看到:

  • 文章已在草稿箱中
  • 封面图已自动设置
  • 正文排版精美,图片显示正常
  • Notion 的 Callout 块变成了漂亮的提示框

进阶技巧

预览功能

如果你担心排版效果,可以使用预览模式:

python3 publish_wechat.py "article.md" --preview

这会在本地生成一个 HTML 文件,供你在此浏览器中检查效果,而不会推送到公众号。

更新草稿

发现错别字?不需要删除重发,只需使用更新命令:

python3 publish_wechat.py "article.md" --update YOUR_MEDIA_ID

总结

通过将 Claude Code 强大的理解能力与 Python 脚本的执行能力结合,我们将一个繁琐的人工流程完全自动化了。这不仅节省了时间,更保证了每次发布格式的一致性和专业性。

快去试试配置你的自动化发布机器人吧!

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐