博客自动化同步 -- 简书文章同步到wordpress中(01)

前言

最近心血来潮在自己服务上面搭建了wordpress，准备再次折腾一下自己的网站。
https://www.intolearn.com/

虽热搭建了自己的博客，但是还是以简书为基础，所有的图片资源还是用简书的链接（主要是因为自己的服务器宽带不够，最重要的是可以直接复制简书的markdown文档到wordpress中，不用自己再上传图片，更简单），目前已经把简书上面的部分文章都已经搬到wordpress上面了。

但是每次写文章都得在wordpress中再搞一次，总觉得有点麻烦，但是在网上搜了一下没有找到有同步的插件，所以就想着自己搞一个。

最开始想通过postman模拟提交，但是失败了，说来也巧刚好昨天看到公司的测试妹子在搞自动化的测试脚本，今天就问了她一下，她说是用java和Selenium来做的，我又不懂java，就搜了一下Selenium发现原来是可以用nodejs来做，然后就简单的测试了一下。效果如下图

gif图片有点大可能要等一下才加载得处理

搭建环境

1. 安装chorme浏览器的驱动程序都是独立的可执行文件

Browser	Component
Chrome	chromedriver(.exe)
Internet Explorer	IEDriverServer.exe
Edge	MicrosoftWebDriver.msi
Firefox	geckodriver(.exe)
Safari	safaridriver

我的浏览器是chrome所以我选择的是chromedriver(.exe)
首先查看chorme浏览器的版本，选择相应的chromedriver下载，我下载的是77.0.3865.40这个版本
`

image.png
image.png
image.png
关于如何选择版本可以看下图，这是官方的文档https://sites.google.com/a/chromium.org/chromedriver/downloads
image.png

2. 下载好以后解压，把chromedriver.exe考到chorme的安装目录中。
   

   image.png

3. 然后设置环境变量

   
   image.png

4. 测试是否成功
   打开命令行窗口输入 chromedriver
   

   image.png
   这样就表示可以了
   我在安装这个东西的时候搞了半天，设置好环境变量后还重启了电脑才可以的。

创建项目

image.png

1. 安装selenium-webdriver

npm install selenium-webdriver --save

2. 编写代码

let driver = await new Builder().forBrowser('chrome').build();
await driver.get('https://www.intolearn.com');

这样一个简单的自动化打开网页就好了。