緣起
自己搭建minio做我的個人博客圖床好一段時間了, 一直用minio自帶的web管理后台來上傳圖片, 它的界面長下面這個樣子
上傳完后, 需要點下文件列表里剛剛傳上去的文件的分享按鈕
然后會出來下面這個界面
恩, 沒錯, 如果你直接復制這個鏈接到瀏覽器地址欄然后打開, 當你滿心歡喜的以為能看到你剛才上傳的好看的 風景/小姐姐 圖片了, 結果現實只有一個白底黑子的瀏覽器錯誤報告...
內心多半是一萬句"xxx"
其實要看到真正的圖片倒也不難, 把http://10.244.1.134/blog/images/1.gif里面的http://10.244.1.134改成你自己配置的minio域名就行了, 比如 https://minio.example.com
但是這也太麻煩了, 還讓不讓愉快的寫markdown了啊. 於是就萌生了一個寫一個vscode插件來傳圖片到minio的想法, 因為我主要都是用vscode來編輯markdown的.
vscode-minio-picman
vscode-minio-picman顧名思義, 適用於vscode的minio圖床插件, 因為版本的顧名思義就是
A vscode plugin used to upload images to your minio server
這個插件可以讓你將剪貼板或本地磁盤中圖片通過上傳到minio, 完后可以直接給你正確圖片的鏈接
放一張演示gif
上傳完成后, 如果你當前正在編輯的是markdown文件, 那么插件會自動幫你生成markdown格式的圖片並插入到編輯器中, 像上面演示的那樣
如果當前沒有正在編輯的文件或者編輯的不是markdown文件的話, 則會彈出一個窗口提示你上傳成功啦, 這個彈窗上有一些按鈕, 允許你復制此圖片不同格式的鏈接, 如下圖
終於不用像之前那樣蠢呼呼的在minio自帶控制台里點分享按鈕在替換域名那樣麻煩了. 又可以愉快的markdown了! 👏
vscode-minio 使用前
使用前需要你有一個minio文件服務器, 然后在vscode設置頁面中填好相關的設置
⚠️需要確保配置的bucket name在minio中已經創建好了的, 否則無法上傳成功
vscode-minio 快捷鍵
插件默認:
ctrl/cmd+shift+x上傳剪貼板圖片ctrl/cmd+shift+z從本地選擇一張圖片上傳
也可以自己到vscode相關的設置頁面自定義這兩個命名的快捷鍵(鍵盤按下cmd+shift+p然后搜索Keyboard shortcuts)
vscode-minio 倉庫地址
vscode-minio-picman, 歡迎圍觀吐槽或pr
為什么不用picgo
看了下picgo是好像需要通過插件支持minio, picgo的vscode的插件好像暫時還不支持picgo插件系統.
不過很感謝vscode-picgo, 獲取剪貼板圖片的代碼抄的就是這個項目的, 讓我省了很多時間和精力 🙏