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

· 浏览次数 : 6

小编点评

**实现知乎博文自动发布的步骤:** **1. 下载并安装 blog-auto-publishing-tools** **2. 获取知乎标题的元素:** - 使用 `driver.find_element(By.XPATH, '//textarea[contains(@placeholder, "请输入标题")]')` 获取标题元素。 **3. 设置标题字段的值:** - 清空标题元素。 - 使用 `title.send_keys(common_config['title'])` 设置标题值。 - 等待 2 秒,确保标题已成功设置。 **4. 获取知乎内容的元素:** - 使用 `driver.find_element(By.XPATH, '//div[@class="DraftEditor-editorContainer"]//div[@class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"]')` 获取内容元素。 **5. 将内容转换为 HTML:** - 使用 `convert_md_to_html()` 函数将 markdown 内容转换为 HTML。 **6. 打开并访问新标签:** - 使用 `driver.switch_to.window(driver.window_handles[-1])` 切换到新标签。 - 等待 1 秒,确保页面加载完毕。 **7. 模拟粘贴操作:** - 使用 `action_chains.key_down(cmd_ctrl).send_keys('v').key_up(cmd_ctrl).perform()` 模拟粘贴操作。 **8. 设置封面:** - 使用 `driver.find_element(By.XPATH, "//input[@type='file']")` 获取封面元素。 - 使用 `file_input.send_keys(download_image(front_matter['image']))` 将封面上传到 markdown 文件中。 **9. 发布文章:** - 点击发布到专栏按钮。 - 确认发布后,点“查看更多精彩内容”链接。 **注意:** - `download_image()` 是一个自定义函数,用于下载图片并读取其内容。 - `common_config` 是一个包含网站配置的字典。 - `convert_md_to_html()` 是一个自定义函数,用于将 markdown 内容转换为 HTML。 - 以上代码仅供参考,可能需要根据实际情况进行调整。

正文

我们已经学习了很多自动化的知识了,接下来让我们看看在blog-auto-publishing-tools中是如何实现自动发送博文到知乎的。

前提条件

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

知乎的实现

知乎的字段不是太多,算是中规中矩。但是有些实现还是需要一些技巧的。一起来看看吧。

设置标题

知乎的标题是一个textarea,可以看到知乎的textarea有class,placeholder这些属性。class后面的那一长串是自动生成的。

所以可以使用的字段就只有placeholder这个属性了。

image-20240510213849893

所以,我们可以这样来定位标题字段:

    # 文章标题
    title = driver.find_element(By.XPATH, '//textarea[contains(@placeholder, "请输入标题")]')
    title.clear()
    title.send_keys(common_config['title'])
    time.sleep(2)  # 等待3秒

设置内容

知乎的内容部分也是动态的,通过调试可以看到,好像是用的是一个叫做DraftEditor的东西(不太确定)。

基本上和之前讲过的CodeMirror是类似的东西。

如果你看过我之前的文章,那么就可以知道类似这种动态的标签,我们可以使用拷贝和粘贴的方法来实现内容的输入。

另外,知乎是不支持markdown格式的。

虽然知乎有个识别markdown格式的东西,但是如果你试过就会发现,markdown在知乎并不好使。

所以,我们在拷贝之前,需要把markdown格式转换成为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']
    # 注意,zhihu 不能识别转换过后的代码块格式
    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秒
    # 不能用元素赋值的方法,所以我们使用拷贝的方法
    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="DraftEditor-editorContainer"]//div[@class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"]')
    content_element.click()
    time.sleep(2)
    # 模拟实际的粘贴操作
    action_chains.key_down(cmd_ctrl).send_keys('v').key_up(cmd_ctrl).perform()
    time.sleep(3)  # 等待5秒 不需要进行图片解析

解释下实现的逻辑。

convert_md_to_html是把markdown转换成了html。

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

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

设置封面

很棒的是知乎的的上传封面有一个input标签,如下所示:

image-20240517234037280

所以我们可以使用selenium的input上传功能,来上传封面。

封面数据可以写到markdown文件的YAML Front Matter中,如下所示:

image-20240507154807745

具体的实现代码如下:

        file_input = driver.find_element(By.XPATH, "//input[@type='file']")
        # 文件上传不支持远程文件上传,所以需要把图片下载到本地
        file_input.send_keys(download_image(front_matter['image']))
        time.sleep(2)

投稿至问题

说实话,这个我真的不知道怎么实现,因为每个文章对应的问题是不一样的。

所以这个作为待解决的问题。如果有朋友希望我实现这个功能,可以跟我说。

文章话题

知乎这个文章话题实现起来比较困难。

因为知乎会自动给你文件打上话题。如果要自定义话题的话,需要先删除已有的话题,然后再添加上自己的话题。

这个这里就不实现了。

专栏收录

专栏当然要收录在自己的专栏里面啦。

所以我们需要点击发布到专栏按钮。

还好,知乎的的专栏按钮是有一个id的。

    # 专栏收录
    pubish_panel = driver.find_element(By.ID, 'PublishPanel-columnLabel-1')
    pubish_panel.click()

最后的发布

最后就是确认发布了。我们找到最后的发布按钮,点击即可。

        confirm_button = driver.find_element(By.XPATH, '//button[contains(text(), "发布")]')
        confirm_button.click()

点我查看更多精彩内容:www.flydean.com

与一键自动化博客发布工具,用过的人都说好(知乎篇)相似的内容:

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

之前收到很多朋友的要求,说是需要一个公众号的自动发布工具。 现在,它来了。 前提条件 前提条件当然是先下载 blog-auto-publishing-tools这个博客自动发布工具,地址如下:https://github.com/ddean2009/blog-auto-publishing-tool

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

我们已经学习了很多自动化的知识了,接下来让我们看看在blog-auto-publishing-tools中是如何实现自动发送博文到知乎的。 前提条件 前提条件当然是先下载 blog-auto-publishing-tools这个博客自动发布工具,地址如下:https://github.com/dde

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

虽然头条现在非常强大,但是我还是不得不吐槽一下头条的博客发布,居然不支持markdown格式。 并且在某些浏览器上还会出现编辑页面打不开的情况,让我一度怀疑是我浏览器的问题。 不过,这都不重要,重要的是blog-auto-publishing-tools这个工具可以实现头条的自动化。 前提条件 前提

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

之前说过blog-auto-publishing-tools的实现方式是连到现有的浏览器中,而不是使用内置的浏览器。 其中一个很大程度的原因是像腾讯云这种博客发布平台几乎每天都需要重新登录一次,登录还需要手机扫码。所以自动化实现起来非常复杂。 所以,我们需要一个已经登录好的浏览器,来实现自动化功能。

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

终于要讲解我们亲爱的掘金了。掘金是一个非常不错的平台。所以很多朋友会把博客发布到掘金上。 发布到掘金要填写的内容也比较多。今天给大家介绍一下如何用blog-auto-publishing-tools这个工具自动把博客发布到掘金平台上去。 前提条件 前提条件当然是先下载 blog-auto-publi

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

51cto是一个优秀的博客平台,今天给大家讲解一下blog-auto-publishing-tools如何自动发布博客到51cto上。 当然在实现过程中有可能会遇到各种困难,不过不用担心,我们一个个来解决。 前提条件 前提条件当然是先下载 blog-auto-publishing-tools这个博客

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

CSDN应该是大家接触到最多的博客平台了,所以一款能够发布到CSDN的自动化工具还是非常有必要的。 今天给大家讲讲自动化CSDN博客发布的思路和一些问题的解决办法。 解决问题的思路一定是最重要的,知识是死的,问题是活的,如何在工作中解决遇到的问题是我们需要面临的大问题。 前提条件 前提条件当然是先下

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

infoq的博客发布界面也是非常简洁的。首页就只有基本的标题,内容和封面图片,所以infoq的实现也相对比较简单。 一起来看看吧。 前提条件 前提条件当然是先下载 blog-auto-publishing-tools这个博客自动发布工具,地址如下:https://github.com/ddean20

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

cnblogs和其他的博客平台相比会比较复杂,需要设置的项目也比较多一些,弄懂了cnblogs的实现方式,那么你应该对selenium的整个框架使用已经烂熟于心了。 除了正常的标题,内容,摘要之外,cnblogs还需要设置个人分类,合集,投稿选项,投稿至网站分类,tags标签等内容。 要填的东西比较

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

阿里云有个开发者社区,入驻过的朋友可能想要把自己的博客发布到阿里云社区上。 今天我来介绍一下blog-auto-publishing-tools自动发布博客到阿里云的实现原理。 阿里云的博客发布界面比较简单,只有标题,正文,摘要,关联试用产品,发布子社区,文章图片这几个选项。 一起来看看如何实现吧。