经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » 编程经验 » 查看文章
一键自动化博客发布工具,用过的人都说好(infoq篇)
来源:cnblogs  作者:flydean  时间:2024/5/11 8:54:29  对本文有异议

infoq的博客发布界面也是非常简洁的。首页就只有基本的标题,内容和封面图片,所以infoq的实现也相对比较简单。

一起来看看吧。

前提条件

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

infoq的实现

接下来我会带领大家一步步实现infoq的博客自动发布。

上传封面

infoq的上传封面底层是一个input标签:

image-20240507210315786

这个是可以通过selenium来实现的。

我们先找到这个input标签,然后调用send_keys即可实现图片的上传:

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

这里要注意的是,要上传的封面是放在markdown的最上面yaml front matter里面的。

如图所示:

image-20240507154807745

另外要注意的是,因为博客的上传功能只支持本地上传,所以如果你的image是远程地址的话,需要先把远程图片现在到本地,然后再用本地图片来上传。

下载图片到本地的代码这里就不写了。

感兴趣的朋友可以直接去看我的代码。

文章标题

infoq的文章标题没有ID,这样的话我们就需要通过xpath来定位文章标题。

一般来说标题的地方都有placeholder,所以我们可以通过xpath来定位到标题:

  1. # 文章标题
  2. title = driver.find_element(By.XPATH, '//input[@placeholder="请输入标题"]')
  3. title.clear()
  4. if 'title' in front_matter['title'] and front_matter['title']:
  5. title.send_keys(front_matter['title'])
  6. else:
  7. title.send_keys(common_config['title'])
  8. time.sleep(2) # 等待3秒

文章内容

之前有提到segmentfault和oschina用的是codemirror,而infoq用的是ProseMirror。

这种动态富文本编辑器会根据你的输入动态修改html内容。所以没办法像textArea那样直接获取元素之后设置他的内容。

这里我们只能采用拷贝粘贴的方式来设置。

怎么定位到文章内容框呢?

因为我们现在刚刚输入完文章标题。所以只需要输入两次tab键就可以把鼠标定位到文章内容输入框了。

所以,我们的代码如下:

  1. # 文章内容 markdown版本
  2. file_content = read_file_with_footer(common_config['content'])
  3. # 用的是CodeMirror,不能用元素赋值的方法,所以我们使用拷贝的方法
  4. cmd_ctrl = Keys.COMMAND if sys.platform == 'darwin' else Keys.CONTROL
  5. # 将要粘贴的文本内容复制到剪贴板
  6. pyperclip.copy(file_content)
  7. action_chains = webdriver.ActionChains(driver)
  8. # tab
  9. action_chains.key_down(Keys.TAB).key_up(Keys.TAB).perform()
  10. time.sleep(2)
  11. # 模拟实际的粘贴操作
  12. action_chains.key_down(cmd_ctrl).send_keys('v').key_up(cmd_ctrl).perform()
  13. time.sleep(3) # 等待3秒

点发布文章按钮

点击发布文章按钮,这个比较简单,直接根据class的名字获取到对应的元素即可:

  1. # 发布文章
  2. send_button = driver.find_element(By.XPATH, '//div[contains(@class, "submit-btn")]')
  3. send_button.click()
  4. time.sleep(2)

设置摘要

点完发布文章按钮,会出现一个弹出框,在弹出框里面可以设置摘要和标签等信息。

摘要部分是一个textarea,我们可以通过xpath的方式定位到它:

  1. if summary:
  2. summary_input = driver.find_element(By.XPATH, '//div[@class="summary"]/textarea')
  3. summary_input.clear()
  4. summary_input.send_keys(summary)
  5. time.sleep(2)

设置标签

标签是一个input,这里我们也是通过xpath来定位:

  1. if tags:
  2. for tag in tags:
  3. tag_input = driver.find_element(By.XPATH, '//div[@class="search-tag"]//input')
  4. tag_input.send_keys(tag)
  5. time.sleep(1)
  6. tag_input.send_keys(Keys.ENTER)

在设置标签的过程中,每设置完成一个,我们就按一下回车,接下来就可以设置下一个标签了。

非常的方便。

最后的提交

最后的最后,我们就可以真正的点击提交按钮了。

  1. if auto_publish:
  2. publish_button = driver.find_element(By.XPATH, '//div[@class="dialog-footer-buttons"]/div[contains(text(),"确定")]')
  3. publish_button.click()

这个提交按钮不是很好定位,我们只能通过div的class和text来找到提交按钮。

总结

infoq的界面看起来比较简单,但是实现过程中还是有一些要注意的事项。

大家在实现的过程中需要留意。

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

原文链接:https://www.cnblogs.com/flydean/p/18184083

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号