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