天天看點

圖床(Typora + uPic/PicGo +七牛雲)

圖床(Typora + uPic/PicGo + 七牛雲)

筆者平時使用 Typora 編寫 markdown 文檔,文檔中常常會放置圖檔,如果文檔不需要分享的話,其實講圖檔存放在本地就可以了。由于我有在多台機器編寫 markdown 筆記,還有将筆記上傳到一些部落格平台的需求,是以搭建一個簡單的圖床還是很有必要的。

伺服器

Github

其實 GitHub 可以是一個不錯的選擇,畢竟免費。但對于國内使用者來說,翻牆和網速是個比較大的問題。

使用方式比較簡單,建立一個倉庫,然後後續就可以配合 uPic 或 PicGo 綁定倉庫的位址,将圖檔傳到指定倉庫。

Gitee

同樣,Gitee 也是免費的,伺服器也在國内,但是之前有出現過 Gitee 添加防盜鍊,導緻很多部落客的部落格内的圖檔全部變成了 Gitee 的 logo,直接造成了一些經濟損失和影響。

使用方式和 Github 類似。

七牛雲

其他國内的雲伺服器其實也是類似的,都是可以的,比如騰訊雲、阿裡雲等。筆者選擇七牛雲的原因是,自己本身有購買一個域名,然後七牛雲免費的 10G 記憶體,也完全夠目前的需求。

Windows

PicGo

Mac

在 Mac 上打開 Typora,接着打開設定( File – Settings ),選中左側的圖檔,然後按照下圖勾選。

圖床(Typora + uPic/PicGo +七牛雲)

對于下面的上傳設定,我們也完全可以選擇其他的方式,點選下拉框也可以看到裡面的可選項:iPic、uPic等。完全可以根據個人喜好選擇,當然其後續配置稍有差别。這裡選擇 uPic 也沒有特别的理由,主要是覺得官方網站、維護感覺比較專業。

圖床(Typora + uPic/PicGo +七牛雲)

uPic

安裝

點選 Typora 中的

Download uPic

即可跳轉到 uPic 的官網 。可以使用以下指令通過 homebrew 安裝,如果沒有安裝請先安裝 homebew:

國内的話網絡可能會比較慢,可以從 Gitee 鏡像下載下傳。

再或者可以從 App Store 付費下載下傳(❌)。

配置

安裝完成後,LaunchPad 裡面就會有 uPic 的圖示,輕按兩下運作他就會出現在上面的狀态欄。

圖床(Typora + uPic/PicGo +七牛雲)

點選圖示,然後點選 Preferences ,就可以看到 uPic 的界面了。

圖床(Typora + uPic/PicGo +七牛雲)

網上很多教程需要在設定中設定插件,貌似目前不需要,至少我沒有設定,如有問題請自行百度。

然後,點選 Host 設定伺服器,左下腳的➕号,選擇伺服器。

預設會有一個 SMSS 的伺服器(被我删掉了)

圖床(Typora + uPic/PicGo +七牛雲)

七牛雲

選擇七牛雲,分别設定區域、空間、通路Key和密鑰Key、域名以及存儲的檔案名稱。

圖床(Typora + uPic/PicGo +七牛雲)
區域和空間

打開七牛雲官網,打開控制台 – 對象存儲Kodo – 空間管理 – 建立空間。

空間名随意,存儲區域選擇一個近一點的,通路控制選擇公開。

圖床(Typora + uPic/PicGo +七牛雲)
圖床(Typora + uPic/PicGo +七牛雲)
通路Key & 密鑰Key

個人中心 – 密鑰管理,複制粘貼到對應位置即可。

圖床(Typora + uPic/PicGo +七牛雲)
域名

需要在控制台 – CDN – 域名管理中添加,當然也可以直接使用 30 天免費的。

全部保持預設選項即可,記得選擇比對的空間。

此外,在域名管理頁面,有一個 CNANE 值,需要添加到域名的相關記錄中。

圖床(Typora + uPic/PicGo +七牛雲)

比如阿裡雲,找到雲解析DNS–域名解析–解析設定,在其中添加記錄:

  • 記錄類型選擇 CNAME;
  • 主機記錄:字首最好寫成伺服器的名字,具有辨別性,比如 qiniu(這裡完整的域名是填寫在前面 uPic 的名字,同時要與域名管理的域名保持一緻);
  • 記錄值:上面域名管理的 CNAME 值;
  • 其他的保持預設;
圖床(Typora + uPic/PicGo +七牛雲)

驗證

設定完畢後,點選 Typora 設定裡面圖檔頁籤中,上傳設定下的驗證,提示成功即可。

圖床(Typora + uPic/PicGo +七牛雲)

錯誤

uPic

如果沒有删除 SMSS,記得修改預設的 Host,在這裡:

圖床(Typora + uPic/PicGo +七牛雲)

Reference

  1. https://www.atdevin.com/3551.html