Typora原生态的图片格式快速转化为HTML格式

• 2022 年 4 月 10 日
• 筆記
• Markdown

Typora更改图片样式

前言

​ 在Typora中插入的图片，默认是居中且显示原图大小的，如果想要缩小显示，可以右击图片选择缩放图片。
​ 但是，当我上传到博客园中时，并没有保留 居中、缩放 的样式，所以我就只能通过HTML代码来改变图片样式：

<center>
<img style="border-radius: 20px;"
     src=""
     alt=""
     width="" >
</center>

• style="border-radius: 20px; 设置图片圆角（但我的博客园主题不能正常显示）
• src用来放置图片链接
• alt用来定义图片链接失效后的显示文字（最好加上，方便本地查询）
• width设置图像宽度（等比例调整高度）

​ 对于一份上传到图床上的图片代码：

​ 若是每次都实施复制、粘贴工作：

<center>
<img style="border-radius: 20px;"
     src="xxxxxxxxxx.png"
     alt="图片alt"
     width="688" >
</center>

​ 图片少了还可以接受，若是有大量图片需要调整，这会不会太费劲了。
​ 本着自己动手，丰衣足食的原则，写了一个小程序来帮我减少这种重复工作；
​ 效果展示如下：

​ 使用步骤：

1. 复制需要更改的图片代码（形如 ![]()）到该 exe 文件，点击回车即可生成HTML格式的图片代码
2. 将转化成功后的代码复制到Typora中（ctrl+C就行）
3. 对width属性做个微调（非必须）

​ 因为水平有限，所以只能实现到这个等级，以后有机会再完善完善😼

​ 有需要的自行提取下载：//www.aliyundrive.com/s/WkGiYP7MA1B