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 元素。
# 文章标题 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 来添加内容，我们就是用复制和拷贝大法来实现这个功能。
# 文章内容 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。
# 发布文章 send_button = driver.find_element(By.XPATH, '//button[contains(@class, "btn-publish") and contains(text(),"发布文章")]') send_button.click() time.sleep(2)
复制代码
点击发布文章后，会有一个弹窗框：
这个弹出框里面是需要填写的一些额外信息。比如文章标签，添加封面，文章摘要，分类专栏，文章类型和可见范围等等内容。
文章标签
添加文章标签的路径有点复杂。
首先我们点击添加文章标签按钮，这时候又会弹出一个对话框。
在这个对话框里面，我们需要文字搜索框，输入 tag，然后回车，然后继续输入 tag，继续回车。
做完所有的操作之后，还需要点击右上角的 x 关闭按钮，把这个弹出框关闭。
# 文章标签 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 的封面会自动检测文章内容中的图片，把这些图片设置为文章的封面。
当然我们也可以自行设置。
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 中设置的。
如图所示：
设置摘要
csdn 的摘要部分也没有 ID，还是需要通过 xpath 来进行获取。
这里通过 textarea 的 placeholder 来进行获取。
# 摘要 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 来定位到这个专栏选项。
实现代码如下：
# 分类专栏 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，然后点击他。
# 可见范围 visibility = csdn_config['visibility'] if visibility: visibility_input = driver.find_element(By.ID, visibility) visibility_input.click()
复制代码
最后的发布
最后，我们终于可以发布了。
csdn 的发布按钮也没有 id，我们只能通过对应的 class 和 button 的 text 内容来定位到发布按钮。
# 发布 if auto_publish: publish_button = driver.find_element(By.XPATH, '//div[@class="modal__button-bar")]//button[contains(text(),"发布文章")]') publish_button.click()
复制代码
总结
CSDN 的实现还是比较复杂的，因为涉及到的东西比较多。大家可以好好琢磨琢磨。点我查看更多精彩内容:www.flydean.com
评论