跳到主要内容

我的博客

寻求诗与远方

好不容易写好了一篇博客,现在想要把它发布到各个平台上供大家一起欣赏?

然后一个网站一个网站打开要发布的博客站点,手动点创建文章,然后拷贝粘贴写的markdown文件。

甚至有些网站还不支持markdown格式,你还需要对格式进行转换。

每次重复这样的机械化工作,完全就是浪费生命。

现在不需要了,给大家推荐一个一键自动化博客发布工具,完全的一键操作,让你轻松告别手动发布博客的烦恼。

这个工具是什么

这个工具的全称叫做 blog-auto-publishing-tools博客自动发布工具,地址如下:https://github.com/ddean2009/blog-auto-publishing-tools。

在数字化时代,内容创作与传播的速度与广度对于个人或企业品牌的建设至关重要。然而,许多博客作者和内容创作者在发布内容时,面临着跨平台发布的繁琐与不便。每个平台都有其独特的发布规则和操作流程,手动发布不仅耗时耗力,而且容易因为重复劳动而出现错误。为了解决这一痛点,我开发了这款博客自动发布工具。

我的原则就是能自动的,绝不手动。

这款博客自动发布工具,旨在帮助用户实现一键式多平台发布。

用户只需在工具中编写或导入博客内容,选择想要发布的平台(如CSDN、简书、掘金、知乎、头条、51blog、腾讯云、阿里云等),点击发布按钮,即可将内容快速推送到各个平台。

只需要编写好Markdown格式的博客即可,同时能够根据各平台的规则自动调整格式,确保内容在不同平台上的展示效果一致。

支持的博客平台

目前这个工具已经支持下面这些平台:

  • 支持简书
  • 支持cnblogs
  • 支持alicloud
  • 支持51cto
  • 支持infoq
  • 支持掘金
  • 支持oschina
  • 支持segmentfault
  • 支持头条
  • 支持txcloud
  • 支持知乎

应该已经覆盖了绝大部分的平台了。如果还有其他的平台,大家可以留言给我。

工具的实现方式

这个工具本质上是基于selenium这个自动化框架实现的。

通过模拟人工的点击操作,可以完成绝大多数需要人手工才能完成的工作。解放大家的双手。

另外这个自动化的实现方式有两种,一种是在运行程序的过程中启动一个浏览器。另外一种是依附到现有的浏览器上来操作现有浏览器的页面。

本工具选择的是依附到现有的浏览器上。

主要是因为有些博客平台需要用手机扫码二维码才能登录。比如阿里云,腾讯云等。所以在程序中很难模拟这种登录的过程。

为什么不直接调用博客平台的发博客的接口来实现?而是选择页面自动化这种实现方式?

因为博客平台的发博客接口需要传入很多数据,直接调用的话,很多内容是没法考虑到的,比如:标签,分类,封面等等。所以我觉得自动化工具帮大家填好内容了,大家只需要看一眼,点击发布就行了,这样更加方便,如果要进行修改的话也更加灵活。

当然,如果大家真的有需要实现接口发送,可以私信给我,我可以研究研究怎么实现。

工具的缺点

当然,这个工具虽然有诸多优点,可以自动填充,发送博客。

但是实话实话,缺点还是有的。

总结一下:selenium有的缺点它都有。比如,封面图片上传目前没法自动化,需要手动操作,或者不使用封面图片。

怎么使用

  1. 目前这个工具是基于chrome的,所以你需要先下载一个chrome。

  2. 然后就是下载和chrome配套的chrome Driver Chrome Driver

  3. chrome 以debug模式启动

chrome --remote-debugging-port=9222

在命令行你会看到类似下面的内容:

DevTools listening on ws://127.0.0.1:9222/devtools/browser/d4d05dd2-5b74-4380-b02d-12baa123445

这行ws很重要,我们把它记下来。

  1. 修改配置文件

修改config/common.yaml 里面的内容:

# chrome driver地址
service_location: /Users/wayne/Downloads/work/chromedriver-mac-arm64/chromedriver
# chrome调试地址
debugger_address: localhost:9222/devtools/browser/4aab2b8b-112c-48a3-ba38-12baa123445

把service_location和debugger_address修改为你自己本机的配置。

enable:
csdn: True
jianshu: True
juejin: True
segmentfault: True
oschina: True
cnblogs: True
zhihu: True
cto51: True
infoq: True
toutiao: True
alicloud: True
txcloud: True

这些按照你自己的需求开启。

  1. 运行程序

运行open_all.py 可以自动打开所有的博客网站。

运行publish_all.py 可以自动发布博客内容。

切记,在发布博客之前,一定要先保证你的账号是登录状态,否则无法发送博客。

简书的实现

接下来我们会从最简单的简书开始,讲解一下具体的实现细节。

配置文件

首先是配置文件,这里我用的是yaml格式的配置文件。

里面配置了service_location, debugger_address 这些非常重要的东西。

因为不同的博客平台可能有不同的配置。所以这里我们为每个博客平台设置了一个单独的配置文件。

启动浏览器

这里使用的是append模式,append到当前打开的浏览器上面。所以我们需要提前以debug模式开启一个chrome浏览器。

这里我们使用的chrome浏览器。

# 启动浏览器驱动服务
service = Service(common_config['service_location'])

# Chrome 的调试地址
debugger_address = common_config['debugger_address']

# 创建Chrome选项,重用现有的浏览器实例
options = Options()
options.page_load_strategy = 'normal' # 设置页面加载策略为'normal' 默认值, 等待所有资源下载,
# options.page_load_strategy = 'eager' # 设置页面加载策略为'eager' 默认值, 不等待资源下载,
# options.page_load_strategy = 'none' # 完全不会阻塞 WebDriver

options.add_experimental_option('debuggerAddress', debugger_address)

# 使用服务和选项初始化WebDriver
driver = webdriver.Chrome(service=service, options=options)

主要就是在启动chrome的时候,需要选择service和options。

发布博客

启动好浏览器,接下来就可以发布博客了。

首先我们打开简书的首页:

    # 打开新标签页并切换到新标签页
driver.switch_to.new_window('tab')

# 浏览器实例现在可以被重用,进行你的自动化操作
driver.get(jianshu_config['site'])
time.sleep(2) # 等待2秒

driver.switch_to.new_window 确保我们是在新的tab页打开的简书首页。通过调用driver.get方法,我们可以打开简书的首页。

接下来就是需要点击写文章按钮。

要点击文章按钮,首先需要找到这个按钮。

怎么找到它呢?

熟悉selenium的朋友一定知道怎么用的,这里我给不熟悉的朋友介绍一下,在chrome浏览器中找到要定位的元素,右键选择检查,就可以找到了。

    # 写文章按钮
write_btn = driver.find_element(By.CLASS_NAME, 'write-btn')
write_btn.click()
time.sleep(2) # 等待3秒

这里我们通过class name来查找发布文章的按钮。

image-20240429231837646

selenium中可以通过class,xpath,tag,id等类型进行元素的定位和查找。

id是最简的,因为id是全局唯一的,你只需要找到对应id即可。

tag和class往往会有很多个,不是很好定位。这个时候就需要用到xpath定位了。

xpath定位很强大,但是也比较复杂,接下来我们会在实际的案例中进行总结。

点击写文章,我们会跳转到新的写文章的界面,在简书中,左边是文集区,中间是文章区,右边是发布文章区:

image-20240429233421885

接下我们要做的就是点击左边的文集,然后点击中间的文章,最后在最右边发布文章。

在点击左边的文集之前,需要先切换到最新打开的tab页面:

    # 切换到新的tab
driver.switch_to.window(driver.window_handles[-1])
# 等待新标签页完成加载内容
wait.until(EC.text_to_be_present_in_element((By.TAG_NAME, 'li'), '日记本'))

然后我们做一个等待,等待日记本这几个字出现再进行下面的操作。

接下来就是点击要选择的文集:

    # 找到要发表的文集
# 使用XPath表达式查找元素
article_collection = jianshu_config['article_collection']
li_element = driver.find_element(By.XPATH, f'//li[@title="{article_collection}"]')
li_element.click()
time.sleep(2) # 等待3秒

这里通过xpath来找到要发表的文集。

这里的article_collection是写在配置文件里面的,需要修改为你自己的文集,否则程序会报错

点击新建文章按钮:

    # 点击新建文章按钮
new_article_btn = driver.find_element(By.CLASS_NAME, 'fa-plus-circle')
new_article_btn.click()
time.sleep(2) # 等待3秒

找到文章内容,然后通过send_keys方法,把内容填写到content里面:

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

注意,这里我单独添加了一个footer内容,也就是自定义的文章尾部,方便大家做一些特殊的操作。

最后是找到文章的标题框:

    # 文章标题
title = driver.find_element(locate_with(By.TAG_NAME, "input").above({By.ID: "arthur-editor"}))
title.clear()
title.send_keys(common_config['title'])
time.sleep(2) # 等待3秒

简书的这个标题框不太好找,使用xpath很难定位,所以这里使用了一个小技巧:

先定位到它附近的arthur-editor,然后调用selenium的above命令,找到在他上面的input tag。

image-20240429234936105

这个定位非常巧妙,大家可以学习一下。

然后就是发布按钮了:

    # 发布按钮
publish_button = driver.find_element(By.XPATH, '//a[@data-action="publicize"]')

publish_button.click()

是不是一切都做完了呢?

并不是。

如果你的markdown里面有图片的话,很可能出现异常,说是有图片未上传成功。

那么我们需要定位到弹窗窗口的确定按钮,再点击发布按钮一次。

# 检查弹窗
alert = wait.until(EC.text_to_be_present_in_element((By.XPATH, '//div[@role="document"]'), '有图片未上传成功'))
if alert:
ok_button = driver.find_element(locate_with(By.TAG_NAME, "button").near({By.XPATH: '//div[@role="document"]'}))
ok_button.click()
time.sleep(2)
print("Alert accepted")
# 重新发布一次
publish_button.click()
else:
print("No alert found")

总结

好了,自动发布到简书的任务就完成了。

总结一下,简书其实还是比较简单的,因为没有各种tag,也没有封面图片。就是博客内容对图片识别效果不太好。

flydean,自动化工具博客自动发布阅读需 9 分钟

新版博客用docusaurus重构已经有些日子了,根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意,落花无情。

algolia总是不给我回复,我只能对着algolia的申请页面仰天长叹。

正常情况的申请

按照docusaurus官方文档上说的,当我们需要搜索的时候,打开https://docsearch.algolia.com/apply/填一下申请,提交就行了。

image-20240412142349147

但是可惜的是,我填好资料,点这个join the program很多次了,就是没有反应。

怎么办呢?我仔细检查了它的官方文档,看他的描述说是需要等待2个星期。但是2个星期实在太久了,在我们只争朝夕的今天,怎么行。

还好,我看到它还有一种手动上传的办法,笨是笨了点,总比没有的好。那就开始吧。

flydean,搜索algoliadocusaurus阅读需 5 分钟

之前给大家介绍了picgo和免费的图床神器。我们本可以开开心心的进行markdown写作了。

但是总是会有那么一些爬虫网站过来爬你的文章,还把你的文章标明是他们的原著。咋办呢?这里有一个好的办法就是把markdown中上传的图片加上自己的水印不就行了。

说干就干。接下来我会介绍如何在picgo中进行配置,给上传的图片加上水印。

flydean,图床picgowatermark阅读需 4 分钟

前前后后也写了很多博客和文章了,作为一个资深的markdown用户,我是非常喜欢markdown的简洁语法,可以让我在不太关注于文字格式的前提下,获得比较好的阅读和排版体验。

但是用markdown语法也有一个坏处,就是在向markdown中使用图片的时候就有点麻烦了。

如果你使用的是vscode或者typora,在使用图片的时候只有两种方法,第一就是用外链图片,你需要先找到这个图片的url地址,然后再使用markdown语法把这个图片嵌入。

第二种方法就是把图片拷贝到本地,然后在markdown中做本地图片的引用。本地图片引用虽然比较简单,但是你这篇文章就没办法在各个公共平台进行传播了。

之前我都是用的csdn的图床服务,但是每次都需要手动获取图片的url,非常的麻烦。

那么有没有什么好的办法可以简单,快速的在markdown中使用图床服务呢?

今天给大家介绍一个非常强大的软件picgo和对应的免费图床服务。

flydean,图床picgo阅读需 6 分钟

最近忙了很久,终于从繁冗的工作中解脱出来,有空重新整理我的博客了。

之前一直使用的是wordpress,优点就是方便,满足我日常的博客写作就够了。但是缺点也很明显:可扩展性不够强,甚至markdown语法都不能很好的支持。

所以我有很多博客其实已经写好了,但是苦于格式的问题,一直没有发出来:)

flydean,new blog回顾阅读需 1 分钟