使用扣子Coze迁移优快云文章至微信

近期开通了微信公众号(DeveloperMrMeng),计划慢慢把我以前写的文章给搬到公众号上去,以后就两端同时更新了,但是对我来说微信公众号的编辑器有点难用,习惯了在优快云写文章,所以后面还是会在优快云上写好再迁移过去。

然后呢迁移的时候就有个问题,优快云的内容直接复制粘贴过去格式会全部乱掉,手工调整那是调整不了一点,于是乎查了查网上同行都在用什么办法迁移,也问了一位运营公众号的朋友,给出了一个效果很不错的办法,步骤如下:

  1. 在优快云的博客地址前面添加read:

    回车后就会进入阅读模式,就会屏蔽掉正文之外的内容。
  2. 复制阅读模式下的全文内容至.md后缀的文件,借助VsCode中markdown相关的插件将内容转换为markdown格式:


    需要安装相关的扩展:
  3. 然后复制该markdown格式的内容至任意在线转换网站即可,例如mdnice.com,然后右侧会按照微信一定规则渲染成微信公众号的可用格式,此时点击右侧工具栏的公众号图标即可复制为微信公众号的可用格式,而且所有图片格式也无需担心,都可以完美显示。
  4. 然后在公众号中稍微调整一下格式即可:

然后我就想简化一下这个步骤,最开始是想打算借助微信官方API直接把转换后的内容直接写入到草稿中,结果发现写入进去的格式还是乱的,即使我先通过微信官方API获取到正确格式的草稿内容,再原封不动调用API写入进去还是会丢失格式,就没有花太多时间去研究了,最后写了个很简单的扣子应用,帮我根据优快云链接将内容转换为markdown格式并自动复制到粘贴板中,然后跳转到markdown在线转换网页,这样我就可以crtl+v,再点击以下复制就可以粘贴过去了,效果如下,虽然没做到我想要的效果,但也能节省些许步骤吧。

这个小应用可以直接在扣子商店中搜索到,名称为优快云2WeChat

此应用有一个数据库表,用来根据用户名存储每个用户自己喜欢用的markdown转换地址,使用后下次打开就还是自己上次使用的地址。

2025.11.6日更新:VIP文章无法通过http的方式拿到正文完整内容,所以增加了一个变通的方式来迁移。

VIP文章迁移方法:

F12打开开发者界面,在元素中搜索article_content,然后右键这个div->复制->复制outerHTML

然后将复制的内容粘贴在coze应用下图的位置中(URL和Html只能二选一),点击确认即可。

以下是写这个应用的步骤,只是为了方便自己一丢丢,有大佬有更好的方案也可以评论区分享一下。

实现步骤:

进入扣子开发平台,新建一个项目:

创建第一个工作流:convert_csdn_2_markdown

逻辑是根据传入的url,调用http api读取完整的html内容,然后使用脚本直接截取指定标签内的内容拼接起来,然后调用html2markdown插件转换为markdown格式返回。

最开始的版本转换这一步我是调用的大模型帮我转的,但是大模型转换太慢了,要等3 40秒,还不如我手工搬呢,所以采用脚本处理了。

以下是每个节点的设置:

下面这段脚本代码也是我让AI帮我生成的,我没写一行代码:

async function main({ params }: Args): Promise<Output> {
    // 提取 h1 标签内容
    const h1Regex = /<h1\s+class="title-article"\s+id="articleContentId"[^>]*>.*?<\/h1>/is;
    const h1Match = params.html_in.match(h1Regex);
    const h1Content = h1Match ? h1Match[0] : '';
  
    // 查找开始标签的位置
    const startTagRegex = /<div\s+id="article_content"\s+class="article_content clearfix"[^>]*>/i;
    const startMatch = params.html_in.match(startTagRegex);
    
    if (!startMatch) {
      // 如果没有找到 article_content,只返回 h1(如果存在)
      return h1Content || null;
    }
    
    const startIndex = startMatch.index!;
    const startTagEnd = startIndex + startMatch[0].length;
    
    // 从开始标签后开始查找匹配的结束标签
    let divCount = 1; // 已经有一个开始的div
    let currentIndex = startTagEnd;
    
    while (currentIndex < params.html_in.length && divCount > 0) {
      // 查找下一个div标签(开始或结束)
      const nextDivRegex = /<\/?div[^>]*>/gi;
      nextDivRegex.lastIndex = currentIndex;
      const nextMatch = nextDivRegex.exec(params.html_in);
      
      if (!nextMatch) {
        break; // 没有找到更多的div标签
      }
      
      const tagContent = nextMatch[0];
      
      // 判断是开始标签还是结束标签
      if (tagContent.startsWith('</div>')) {
        divCount--; // 结束标签,计数减1
      } else if (!tagContent.includes('/>')) {
        divCount++; // 开始标签(非自闭合),计数加1
      }
      // 自闭合标签(如 <div ... />)不影响计数
      
      currentIndex = nextMatch.index + nextMatch[0].length;
      
      // 如果计数为0,说明找到了匹配的结束标签
      if (divCount === 0) {
        const endTagStart = nextMatch.index;
        const endTagEnd = currentIndex;
        
        // 提取 article_content 的完整内容(包括开始和结束标签)
        const articleContent = params.html_in.substring(startIndex, endTagEnd);
        
        // 拼接 h1 和 article_content 内容
        if (h1Content) {
          return h1Content + '\n' + articleContent;
        } else {
          return articleContent;
        }
      }
    }
    
    // 如果没有找到匹配的结束标签,返回 h1(如果存在)
    return h1Content || null;
  }

创建数据库:csdn2wechat_mdtool_url

这里记得选多用户模式,单用户模式没法写入数据,只能读删改。然后加入自己需要的字段即可。

创建第二个工作流:read_md_url

用户后续界面上读取自己配置的md地址

具体节点配置如下:

创建第三个工作流:update_md_url

后续界面点击按钮时,传入用户昵称和填写的md地址,根据用户昵称判断数据库是否有记录,没有则新增,有则进行更新。

具体节点配置如下:

创建UI界面,方便复用:

这里就利用左侧提供的工具,拖拖拽拽,自己想要什么加什么,然后为按钮添加事件,调用之前步骤写好的工作流即可。

首先对整个界面添加加载事件,用来根据用户昵称读取自己的markdown转换地址:

然后确认按钮的事件有两个:

第一个是调用转换工作流,获取转换后的markdown内容:

第二个是将获取到markdown转换地址填充在地址栏内:

复制并跳转至MD按钮的事件则有三个:

第一个是调用更新工作流进行更新:

第二个是将markdown控件内的内容复制到粘贴板:

第三个是跳转到指定地址:

最后测试没问题后发布即可。


以上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

DeveloperMrMeng

觉得有用的佛系投币哦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值