一键自动化博客发布工具,用过的人都说好(头条篇)

使用一键自动化博客发布工具blog-auto-publishing-tools把博客发布到头条上。

虽然头条现在非常强大，但是我还是不得不吐槽一下头条的博客发布，居然不支持markdown格式。

并且在某些浏览器上还会出现编辑页面打不开的情况，让我一度怀疑是我浏览器的问题。

不过，这都不重要，重要的是blog-auto-publishing-tools这个工具可以实现头条的自动化。

前提条件

前提条件当然是先下载 blog-auto-publishing-tools这个博客自动发布工具,地址如下：https://github.com/ddean2009/blog-auto-publishing-tools

头条的实现

头条需要填写的内容也是挺多的。

我们接下来一个个来实现。

标题

虽然头条的标题是一个textarea，但是没有id或者name，所以我们只能通过placeholder来获得这个标题：

    # 文章标题
    title = driver.find_element(By.XPATH, '//div[@class="publish-editor-title-inner"]//textarea[contains(@placeholder,"请输入文章标题")]')
    title.clear()
    if 'title' in front_matter['title'] and front_matter['title']:
        title.send_keys(front_matter['title'])
    else:
        title.send_keys(common_config['title'])

正文

头条的正文用的也是ProseMirror，这是一个动态的文本编辑器，会随着你输入的内容动态更新html。所以不能用传统的textArea的方式来实现。

image-20240510113139564

在实现上我们可以使用拷贝粘贴的方式来实现。

现在还剩一个大问题，就是头条不支持markdown格式。

我们还需要考虑先把markdown格式转换成html，然后直接拷贝html到正文的内容里面。

网上有很多把markdown转换成html的工具，其中一个比较出名的就是pandoc。

pandoc的功能很强大，可以转换很多格式的文本。

对于markdown转换成html，可以使用下面的命令：

 pandoc -f markdown -t html5 input.md -o output.html

当然为了拷贝出来的样式好看一些，这里我还添加了css文件。

实现方法都写在了convert_md_to_html方法里面了。

感兴趣的朋友可以去看看。

最后我们的实现代码如下：

    # 文章内容 html版本
    content_file = common_config['content']
    content_file_html = convert_md_to_html(content_file)
    get_html_web_content(driver, content_file_html)
    time.sleep(2)  # 等待2秒
    driver.switch_to.window(driver.window_handles[-1])
    time.sleep(1)  # 等待1秒
    # 用tab定位，然后拷贝
    cmd_ctrl = Keys.COMMAND if sys.platform == 'darwin' else Keys.CONTROL
    # 模拟实际的粘贴操作（在某些情况下可能更合适）：
    action_chains = webdriver.ActionChains(driver)
    # 定位到要粘贴的位置
    content_element = driver.find_element(By.XPATH, '//div[@class="publish-editor"]//div[@class="ProseMirror"]')
    content_element.click()
    time.sleep(1)
    action_chains.key_down(cmd_ctrl).send_keys('v').key_up(cmd_ctrl).perform()
    time.sleep(3)  # 等待3秒

解释下实现的逻辑。

convert_md_to_html是把markdown转换成了html。

get_html_web_content是在新的web tab中打开这个html文件，然后使用系统的复制功能把html内容拷贝到剪贴板上。

然后再定位到要粘贴的位置，使用系统的粘贴功能把内容粘贴到内容框中。

是不是很复杂？

标题设置

一般来说头条会自动为我们设置标题。所以这里就不选择了。

展示封面

目前还没看到头条的封面上传的input标签，所以这个功能展示还没实现。

大家就手动上传封面吧~~~

摘要

摘要是一个textarea，我们根据placeholder来定位到这个元素：

        summary_input = driver.find_element(By.XPATH, '//div[@class="multi-abstract-cell-content-input"]//textarea[contains(@placeholder,"好的摘要比标题更吸引读者")]')
        summary_input.send_keys(summary)

原创首发

当然，我们要设置成原创：

    original_button = driver.find_element(By.XPATH, '//div[@class="original-tag"]//span[contains(text(),"声明原创")]')
    original_button.click()
    time.sleep(2)

这里用xpath定位，判断text中是否包含声明原创这几个字。

最终发布

最后就是最终的发布按钮了，我们通过class中是否包含publish-btn-last来判断。

        publish_button = driver.find_element(By.XPATH, '//div[contains(@class,"publish-btn-last")]')
        publish_button.click()

总结

头条页面设计的基本上没啥规范，所以获取元素比较困难，大部分都是需要通过xpath来定位才行。