基于BlogHelper一文多发的图片排版优化方式

基于BlogHelper一文多发的图片排版优化方式


前言:本文初编辑于2024年1月30日

CSDN:https://blog.csdn.net/rvdgdsva

博客园:https://www.cnblogs.com/hassle


总结:

我这些天捣鼓出了一种不需要图源且统一图片排版的一文多发方式

还是图源方便,但是这个也可以凑合着用

配合BlogHelper使用的自制小工具:Markdown-to-Html


问题:

大多数正规且不容易跑路的图床公司,通过以为客户提供下行流量的方式来维持收支。不过对于用户而言,要是之后没有写博客的习惯了,还是需要继续缴纳费用来支持过去写的博文提供观看。

那么此时我们注意到,各个网站,比如CSDN、博客园、知乎等都具有上传图片的功能。

也许有一种方法,可以在本地攥写Markdown文章,调用本地的图片,然后将自己的MD文章上传到网站时,图片也一并上传,岂不美哉!


方法:

BlogHelper是一个帮助国内用户写作的托盘助手,一键发布本地文章到主流博客平台(知乎、简书、博客园、CSDN、SegmentFault、掘金、开源中国)的软件。我们可以在本地进行Markdown文章的攥写,并且配置自己的图床并调用其中的图片进行使用。

然后开始尝试:能否将本地攥写调用本地的图片的Markdown文件上传至各个网站。然后发现BlogHelper确实能够提供这样的功能,但是格式是不会自动排版好的,难道要每篇文章都调一下格式吗?


局限:

Markdown文件中

<div align='center'><img src='https://123.jpg' width='50%'></div>

格式的图片插入方式可以在上传至CSDN和博客园时自动进行图片的上传

但是MD文件中以HTML格式插入的图片是没有办法在文章上传的时候也把图片上传上去的

那么我们就在本地编写以Markdown格式进行本地图片插入的文章

再将文章上传到各个网站

然后会发现在CSDN上,如果使用CSDN的编辑器,默认的图片插入格式是这样的

<div align='center'><img src='https://123.jpeg#pic_center' width='50%'></div>

如果使用BlogHelper进行本地Markdown文章上传,默认的图片插入格式是这样的

<div align='center'><img src='https://123.jpeg' width='50%'></div>

在博客园上,不论在博客园上编辑还是上传至博客园,默认的图片插入格式是这样的

<div align='center'><img src='https://123.jpeg' width='50%'></div>

但是默认的图片插入格式是真的,因为markdown图片插入默认靠左(部分通过#pic_center居中)而且图片尺寸无法更改,如果需要修饰一下图片的话就需要使用html格式了

我在震惊!关于CSDN和博客园难以言说的秘密这篇文章中总结了CSDN和博客园的图片插入语法不兼容的表现,并且发现特定形式的Html插入的图片格式可以符合两个网站的要求

<div align='center'><img src='https://123.jpg' width='10%'></div>

但是麻烦啊,难道需要我一个一个手动改吗?


方法:

我在Markdown-to-Html仓库中实现了将使用Markdown语法进行图片插入的语句转换为使用Html进行图片插入的语句,同时填充了图片居中和图片尺寸缩放的操作,具体表现是这样的

好棒啊,这样就方便多了


操作:

1、在本地进行Markdown文件的编写,调用的是自己电脑本地的图片,而不是图源的图片。需要注意,这里Markdown中的图片插入格式能且只能是Markdown的格式,不能是Html的格式,否则会影响第2步

2、使用BlogHelper将自己的文章上传至要发的网站,同时文章中的图片也会被上传上去。需要注意,进行的是“存稿”而不是“发布”,否则影响第3步

3、不出意外的话,在每个平台的默认图片插入格式都是不一样的,而且图片不好好排版的话真的有点丑,所以需要把Markdown格式插入的图片语句转换为Html格式插入的图片语句。把草稿copy一下变成一个txt文档,拖动到Markdown-to-Html仓库实现的exe文件上,会生成另一个txt文档,把这个文章的内容copy一下粘贴到平台的草稿上。如果还需要调整一下图片的话就自己操作一下。

4、发布文章,结束

热门相关:龙珠Z:神与神国语   野良犬粤语   眼下的一刻   首尔彩虹   红姐