本地編輯器與插入圖片
現在越來越多的人使用 Markdown 來編輯文章,特別是出現了許多優秀的本地 Markdown 編輯器,帶來了良好的碼字體驗.但是本地 Markdown 編輯器中插入圖片是個需要關注的問題
一般來說,技術型文章中的圖片基本來自於作者的截圖,本地編輯器一般支持自動將剪貼板圖片保存到本地,然后將圖片路徑插入 md 文檔中.但是這樣的 md 文檔發布到平台之后,其中的圖片鏈接將失效.因此, Markdown 用戶迫切地需要將圖片轉換為 url 鏈接的功能
將圖片上傳至圖床
圖床指的是一類提供雲存儲圖片的網站,用戶上傳圖片后會獲得圖片的公共鏈接
這里推薦一個圖床,感謝 SM.MS 提供的優質服務
盡管有一定的限制,但是完全足夠日常使用
- 單文件最大 5 MB
- 每次操作最多上傳 10 個文件
- 每小時最多上傳 100 個文件
網頁應用一般不支持剪貼板操作,要實現直接上傳剪貼板至圖床,我們需要在本地安裝一些圖床輔助工具
圖床輔助工具
通過圖床提供的接口,可以編寫輔助工具,從而在本地使用圖床服務,不再需要打開瀏覽器
這幾年有很多人都分享了他們編寫的圖床輔助工具.Mac下比較有名的像 iPic.感謝他們的努力,Windows 下也涌現了許多優秀的圖床工具,這里推薦一個自己日常使用的工具:PicGo
GitHub 地址: https://GitHub.com/Molunerfinn/PicGo/
PicGo 支持 本地圖片/剪貼板 上傳,內置多達八種圖床,並且支持第三方插件
圖床中包括易於使用的 SM.MS,其他的圖床一般需要注冊申請並且有一定的限制
鏈接格式選擇 Markdown
怕麻煩的同學,建議將 SM.MS 設置為默認圖床
PicGo 快速使用流程:
- 截圖
- Ctrl + Shift + P 上傳至圖床(可修改快捷鍵)
- Ctrl + V 粘貼鏈接至編輯器
注意隱私:
不要將私密信息上傳至圖床,因為任何人都可以看到,注意 PicGo 同時提供了刪除功能
穩定性
誰也無法保證一個圖床網站是否一直穩定可靠,微博圖床就是前車之鑒.所以對於圖片的重要程度,需要自己有一個清晰的認識.如果是非常重要的圖片,你需要更加可靠的地方來存放你的圖片,比如本地或者知名大型網站
代碼托管網站是一個不錯的選擇,PicGo 支持GitHub,你只需要在 GitHub 的用戶設置中創建一個 token,並新建一個專門用於存放圖片的倉庫, 最后將相關信息配置到 PicGo 即可立即使用
唯一的問題是 GitHub 在國內的訪問速度不是很理想. 好在 PicGo 插件 GitHub-plus 添加了對 Gitee 的支持,配置方法則與 GitHub 類似
遷移
完美主義者應該會認為截圖后直接粘貼圖片才是完美的體驗,而即時上傳其實在一定程度上打斷了用戶的操作流暢性.因為多了一個上傳的步驟,而且用戶必須在看見/聽見上傳成功的提示后才能粘貼 url.如果還考慮到網絡波動,也許會有1~4秒的時間,用戶是處於等待狀態.因此, 更好的解決方案也許是 Migrate - 遷移
對於編輯好的 md 文件,里面存放的圖片應當是本地路徑.通過使用"遷移"功能,可以將圖片遷移到其他圖床並獲得一個 md 文件的副本.PicGo 插件 pic-migrater 提供遷移功能,可惜在我的電腦上沒有試驗成功
edited with typora