前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一键自动化博客发布工具,用过的人都说好(csdn篇)

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

作者头像
程序那些事
发布2024-05-14 10:31:31
630
发布2024-05-14 10:31:31
举报
文章被收录于专栏:程序那些事程序那些事

CSDN应该是大家接触到最多的博客平台了,所以一款能够发布到CSDN的自动化工具还是非常有必要的。

今天给大家讲讲自动化CSDN博客发布的思路和一些问题的解决办法。

解决问题的思路一定是最重要的,知识是死的,问题是活的,如何在工作中解决遇到的问题是我们需要面临的大问题。

前提条件

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

CSDN的实现

csdn的文章编辑页面进入很简单,在你已经登录的情况下,直接访问https://editor.csdn.net/md/就可以进入他的博客发布页面了。

具体实现的代码在publisher/csdn_publisher.py中。

标题

csdn的标题部分,没有ID,也没有name,只有一个孤零零的input。

那么我们怎么找到这个元素呢?

一个常用的办法是通过xpath和placeholder来定位到这个input元素。

image-20240508101945309

代码语言:javascript
复制
    # 文章标题
    title = driver.find_element(By.XPATH, '//div[contains(@class,"article-bar")]//input[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'])
    time.sleep(2)  # 等待3秒

文章内容

csdn的文章内容部分也是动态变动的,不是一个固定的textarea,但是看了它的代码,用的也不是常见的CodeMirror,我猜应该是自己实现的一个动态编辑器。

不过没关系,万变不离其宗。

既然不用使用send_keys来添加内容,我们就是用复制和拷贝大法来实现这个功能。

代码语言:javascript
复制
    # 文章内容 markdown版本
    file_content = read_file_with_footer(common_config['content'])
    # 用的是CodeMirror,不能用元素赋值的方法,所以我们使用拷贝的方法
    cmd_ctrl = Keys.COMMAND if sys.platform == 'darwin' else Keys.CONTROL
    # 将要粘贴的文本内容复制到剪贴板
    pyperclip.copy(file_content)
    action_chains = webdriver.ActionChains(driver)
    content = driver.find_element(By.XPATH, '//div[@class="editor"]//div[@class="cledit-section"]')
    content.click()
    time.sleep(2)
    # 模拟实际的粘贴操作
    action_chains.key_down(cmd_ctrl).send_keys('v').key_up(cmd_ctrl).perform()
    time.sleep(3)  # 等待3秒

拷贝就是通用的流程了。

但是拷贝之前,我们需要先定位到拷贝的地址。

这里我用的是xpath定位到editor class下面的cledit-section。

定位之后,按下click按钮,然后直接粘贴内容即可。

发布文章按钮

内容都输入好之后,我们就可以点击右边的发布文章按钮了。

csdn的按钮没有id,所以我们还是得使用xpath来定位到这个button。

代码语言:javascript
复制
    # 发布文章
    send_button = driver.find_element(By.XPATH, '//button[contains(@class, "btn-publish") and contains(text(),"发布文章")]')
    send_button.click()
    time.sleep(2)

点击发布文章后,会有一个弹窗框:

image-20240508105432619

这个弹出框里面是需要填写的一些额外信息。比如文章标签,添加封面,文章摘要,分类专栏,文章类型和可见范围等等内容。

文章标签

添加文章标签的路径有点复杂。

image-20240508110312590

首先我们点击添加文章标签按钮,这时候又会弹出一个对话框。

在这个对话框里面,我们需要文字搜索框,输入tag,然后回车,然后继续输入tag,继续回车。

做完所有的操作之后,还需要点击右上角的x关闭按钮,把这个弹出框关闭。

代码语言:javascript
复制
    # 文章标签
    if 'tags' in front_matter and front_matter['tags']:
        tags = front_matter['tags']
    else:
        tags = csdn_config['tags']
    if tags:
        add_tag = driver.find_element(By.XPATH,
                                        '//div[@class="mark_selection"]//button[@class="tag__btn-tag" and contains(text(),"添加文章标签")]')
        add_tag.click()
        time.sleep(1)
        tag_input = driver.find_element(By.XPATH, '//div[@class="mark_selection_box"]//input[contains(@placeholder,"请输入文字搜索")]')
        for tag in tags:
            tag_input.send_keys(tag)
            time.sleep(2)
            tag_input.send_keys(Keys.ENTER)
            time.sleep(1)

        # 关闭按钮
        close_button = driver.find_element(By.XPATH, '//div[@class="mark_selection_box"]//button[@title="关闭"]')
        close_button.click()
        time.sleep(1)

添加封面

CSDN的封面会自动检测文章内容中的图片,把这些图片设置为文章的封面。

当然我们也可以自行设置。

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

要注意的是,这里的image地址是在markdown文件中的yaml front matter中设置的。

如图所示:

image-20240507154807745

设置摘要

csdn的摘要部分也没有ID,还是需要通过xpath来进行获取。

这里通过textarea的placeholder来进行获取。

代码语言:javascript
复制
    # 摘要
    if 'description' in front_matter['description'] and front_matter['description']:
        summary = front_matter['description']
    else:
        summary = common_config['summary']
    if summary:
        summary_input = driver.find_element(By.XPATH, '//div[@class="desc-box"]//textarea[contains(@placeholder,"摘要:会在推荐、列表等场景外露")]')
        summary_input.send_keys(summary)
        time.sleep(2)

分类专栏

csdn的分类专栏需要提前创建好。

每个专栏都是一个checkbox,我们可以通过checkbox的value来定位到这个专栏选项。

实现代码如下:

代码语言:javascript
复制
    # 分类专栏
    categories = csdn_config['categories']
    if categories:
        for category in categories:
            category_input = driver.find_element(By.XPATH, f'//input[@type="checkbox" and @value="{category}"]/..')
            category_input.click()
            time.sleep(1)

可见范围

最后可以设置的就是文字的可见范围了。

可见范围是有id的,我们可以根据id来获取到这个input,然后点击他。

代码语言:javascript
复制
    # 可见范围
    visibility = csdn_config['visibility']
    if visibility:
        visibility_input = driver.find_element(By.ID, visibility)
        visibility_input.click()

最后的发布

最后,我们终于可以发布了。

csdn的发布按钮也没有id,我们只能通过对应的class和button的text内容来定位到发布按钮。

代码语言:javascript
复制
    # 发布
    if auto_publish:
        publish_button = driver.find_element(By.XPATH, '//div[@class="modal__button-bar")]//button[contains(text(),"发布文章")]')
        publish_button.click()

总结

CSDN的实现还是比较复杂的,因为涉及到的东西比较多。大家可以好好琢磨琢磨。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2024-05-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序那些事 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • CSDN应该是大家接触到最多的博客平台了,所以一款能够发布到CSDN的自动化工具还是非常有必要的。
    • 前提条件
      • CSDN的实现
        • 标题
        • 文章内容
        • 发布文章按钮
        • 文章标签
        • 添加封面
        • 设置摘要
        • 分类专栏
        • 可见范围
        • 最后的发布
      • 总结
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档