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

cnblogs · 浏览次数 : 0

小编点评

**cnblogs的实现方式** 1. **个人分类和合集:** - 使用配置文件配置个人分类和合集。 - 在配置文件中定义元素的ID和标签名。 2. **网站分类:** - 在配置文件中定义网站分类名称。 - 使用配置文件定义网站分类的ID。 3. **tag标签:** - 在配置文件中定义tag标签的ID和标签名。 - 使用配置文件定义tag标签的ID和标签名。 4. **文章内容:** - 通过ID获取textarea元素的内容。 - 使用ActionChains滚动到元素。 5. **添加到合集:** - 使用配置文件配置选项选择元素。 - 通过ID定位元素并点击。 6. **投稿至网站分类:** - 从配置文件中获取网站分类名称。 - 通过ID定位按钮并点击。 7. **摘要:** - 通过ID定位元素并获取内容。 - 使用ActionChains滚动到元素。 8. **tag标签:** - 通过ID定位元素并获取内容。 - 使用ActionChains滚动到元素。 - 输入tag标签并提交。 9. **提交文章:** - 通过XPATH定位提交按钮并点击。

正文

cnblogs和其他的博客平台相比会比较复杂,需要设置的项目也比较多一些,弄懂了cnblogs的实现方式,那么你应该对selenium的整个框架使用已经烂熟于心了。

除了正常的标题,内容,摘要之外,cnblogs还需要设置个人分类,合集,投稿选项,投稿至网站分类,tags标签等内容。

要填的东西比较多,比较复杂。接下来我们会一项项的介绍cnblogs的具体实现方式。

前提条件

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

cnblogs的实现

因为需要设置个人分类,合集,投稿选项,投稿至网站分类,tags标签等内容,所以我们需要在配置文件中提供这些内容。

配置文件在config/cnblogs.yaml中。

首先是个人分类和合集部分:

# 个人分类  工具技巧 AIGC
categories:
  - 工具技巧

# 添加到合集: 工具技巧 AIGC
collections:
  - 工具技巧

这两个部分都是需要你自己提前在cnblogs中创建好的。否则你会找不到这些内容,对应的界面地址如下:

image-20240507171326499

接下来是投顾至网站分类:

image-20240507171845646

cnblogs的这些网站分类是直接用文字来说明的,所以我们需要在配置文件中再定义一个网站分类:

topic: 开源研究

最后就是tag标签了,我们直接设置即可:

tags:
  - 人工智能
  - aigc
  - openai
  - ai开发
  - 程序那些事

image-20240507172029658

文章标题

不得不说cnblogs的实现就是正规,cnblogs几乎每个输入的标签都是带有ID的,所以我们实现起来特别的简单,这里要给cnblogs点个赞。

    # 文章标题
    title = driver.find_element(By.ID, 'post-title')
    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'])
    time.sleep(2)  # 等待2秒

我们找到ID,直接调用send_keys方法即可。

文章内容

cnblogs的文章内容是一个textarea,也是带有ID的,所以我们直接根据ID获取即可:

    # 文章内容
    file_content = read_file_with_footer(common_config['content'])
    content = driver.find_element(By.ID, 'md-editor')
    content.send_keys(file_content)
    time.sleep(5)  # 等待5秒

页面滚动

如果你观察cnblogs的页面,可以看到文章内容之后已经占满了整个屏幕,如果我们还需要继续处理后面的内容的话,就需要对页面进行一个滚动操作。

这里我们借用了ActionChains的scroll to element方法。

首先我们找到最下面的发布按钮,然后直接滚动到这个发布按钮即可。

    # 滚轮滚到最下面的位置
    submit_button = driver.find_element(By.XPATH, '//button[@data-el-locator="publishBtn"]')
    ActionChains(driver) \
        .scroll_to_element(submit_button) \
        .perform()
    time.sleep(1)

个人分类

个人分类是一个下拉框。

image-20240507173020475

他有一个比较特别的tag name叫做cnb-post-category-select。

所以我们可以通过这个tag name找到这个元素,然后点击他。

因为所有的要选择的元素都是在cnb-post-category-select这个tag内部的,所以我们调用post_category_select.find_element来查找它内部的input元素。

找到之后,我们输入个人分类,然后从下拉框中选择对应的个人分类tag,然后点击回车。

所有的个人分类都选择完毕之后,我们再次点击post_category_select,以关闭下拉框。

对应的代码如下:

    # 个人分类
    categories = cnblogs_config['categories']
    if categories:
        post_category_select = driver.find_element(By.TAG_NAME, 'cnb-post-category-select')
        post_category_select.click()
        for category in categories:
            category_search = post_category_select.find_element(By.XPATH, '//nz-select-search/input')
            category_search.send_keys(category)
            time.sleep(1)
            category_select = post_category_select.find_element(By.XPATH, f'//nz-tree-node-title[contains(@title, "{category}")]/div')
            category_select.click()
            time.sleep(0.5)
        post_category_select.click()
    time.sleep(2)

添加到合集

添加到合集的实现方式跟个人分类有些类似。

image-20240507173806856

默认情况下,添加到合集这个选项中的内容是隐藏的,所以我们需要首先点击这个选项头,让对应的选项露出来。

这里可以通过name来获取到这个元素。然后点击。

接下来就是通过text属性来查找collection_select中要选择的合集元素,然后点击他们。

注意,这里如果选择的是包含合集文字的span,如下所示。这个span是不可被点击的。

所以我们的解决办法就是找到它的父元素。

通过: collection_item.find_element(By.XPATH, '..') 来实现。

然后点击他的父元素即可。

image-20240507174113523

最终的实现代码如下:

    # 添加到合集
    collections = cnblogs_config['collections']
    if collections:
        collection_select = driver.find_element(By.NAME, '添加到合集')
        collection_select.click()
        # print(collection_select.get_attribute('innerHTML'))
        for collection in collections:
            collection_item = collection_select.find_element(By.XPATH, f'//span[contains(@class,"item__text") and contains(text(), "{collection}")]')
            parent_element = collection_item.find_element(By.XPATH, '..')
            # print(parent_element.tag_name)
            parent_element.click()
            time.sleep(0.5)
    time.sleep(2)

投稿选项

投稿选项比较简单,直接通过ID选择即可:

    # 投稿选项
    post_type = driver.find_element(By.ID, 'site-publish-site-home')
    post_type.click()
    time.sleep(2)

投顾至网站分类

网站分类的ID就是分类的名字,所以,我们可以下面代码来实现:

    # 投顾至网站分类
    topic = cnblogs_config['topic']
    if topic:
        post_type_detail = driver.find_element(By.NAME, '投稿至网站分类')
        post_type_detail.click()
        topic_item = driver.find_element(By.ID, topic)
        topic_item.click()
    time.sleep(2)

摘要

摘要也是通过ID来获取的,代码如下:

    # 摘要
    summary = common_config['summary']
    summary_item = driver.find_element(By.ID, 'summary')
    summary_item.send_keys(summary)
    time.sleep(2)

tag标签

tag标签是一个输入框。所以我们先定位到这个输入框,然后输入tag,等待网站的tag列表出来之后,直接回车即可。

实现代码如下:

    # tag标签
    tags = cnblogs_config['tags']
    if tags:
        tag_item = driver.find_element(By.ID, 'tags')
        tag_item.click()
        for tag in tags:
            tag_input = tag_item.find_element(By.TAG_NAME, 'input')
            tag_input.send_keys(tag)
            time.sleep(1)
            tag_input.send_keys(Keys.ENTER)
    time.sleep(2)

提交文章

最后就是提交文章啦,这个提交按钮需要根据xpath来获取:

    # 提交文章
    if auto_publish:
        submit_button = driver.find_element(By.XPATH, '//button[@data-el-locator="publishBtn"]')
        submit_button.click()

总结

cnblogs的实现还是比较规范的,主要就是各项内容会比较多一些,需要耗费一些时间来实现。

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

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

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

之前收到很多朋友的要求,说是需要一个公众号的自动发布工具。 现在,它来了。 前提条件 前提条件当然是先下载 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自动发布博客到阿里云的实现原理。 阿里云的博客发布界面比较简单,只有标题,正文,摘要,关联试用产品,发布子社区,文章图片这几个选项。 一起来看看如何实现吧。