Typora + 七牛雲圖床快速配置，告別手動上傳圖片！

zeroing1發表於2020-12-20

圖床

大家好，我是zeroing，本文將介紹關於 Typora 軟體如何配置七牛雲圖床，實現圖片即插即用，可以先看一下最終效果!

c演示

可以看到圖片藉助 Typora 軟體自動將本地儲存轉化為第三方圖片網路連結

在開始教程之前，先介紹一下 Typora 和七牛雲，Typora 是一個 Markdown編輯器，用於 Markdown 文件編輯閱讀，該軟體目前是我寫文件常用的軟體

Snipaste_2020-12-19_11-13-14

軟體除了對 Markdown 基本語法支援之外，也提供了許多主題模板，結合提供的主題模板，無需手動排版，只需要更改主題模板中的 CSS 樣式即可排出一篇好看文章，而且只需設定一次即可

Snipaste_2020-12-19_11-09-33

關於 Markdown 語法不太清楚的小夥伴，可以百度瞭解一下

七牛雲是一個企業級的雲服務商，而本文只用到裡面的圖床工具，(圖床一般指儲存圖片的伺服器，把本地圖片上傳到伺服器上生成 http/htpps 網頁連結)；使用時需要購買對應雲服務商的雲端儲存空間，七牛雲每個賬號每月會有 10G 大小的免費儲存，只要正常使用 10G 的儲存空間足夠用了(當然排除上傳高清圖片情況，一張幾 MB 的那種)，不夠的話後面可以購買

藉助圖床工具可將圖片轉化為網頁連結，再利用 Markdown 語法將圖片連結插入到文章中，不需要再把圖片一張一張手動地上傳到文章，節省了文章排版時間

為什麼要選擇七牛雲呢？

其實選擇阿里雲、騰訊云云服務商也可以，只要伺服器儲存穩定就行；之前用的圖床工具是藉助谷歌的一個外掛 新浪微博圖床 ，這個外掛是免費的(需要自己登入微博賬號)，藉助它把圖片拖進視窗，外掛可以自動將圖片轉化為網頁連結，工具小巧簡單也是一個不錯的圖床工具

Snipaste_2020-12-19_11-39-39

但這種工具存在下面幾個缺點：

1，操作相對繁瑣；例如我想上傳一張圖片我需要下面幾個步驟：
- 1，開啟外掛，
- 2，拖動圖片，
- 3，登入賬號，
- 4，複製 Markdown 連結，
- 5，將步驟 4 中的連結貼上到 Markdown 語法中；
  
  上傳一張圖片我需要進行 5 個操作，但我希望只需一步就能完成，就是把圖片拖進 Markdown 語法中能自動轉化為網路連結，可惜目前這個外掛實現不了此；
2，此外掛不支援 https 協議網路連結，只支援 http 協議；https 要比 http 安全，經過加密處理；比如說在我個人網站中，如果文章中出現 http 連結的話，網頁頭導航資訊處就會出現不安全 的標識
3，不穩定，圖片是託管到了新浪圖床的伺服器中，你無法確定你的圖片什麼時候到期失效被刪除；例如新浪微博圖床開啟一次防盜鏈，一大撥外聯圖片就無法正常使用；因此最穩健且實惠的方法是藉助第三方平臺自建一個儲存物件

測試域名配置

以上囉嗦了這麼多，主要對 Typora 與圖床工具做了簡單介紹，下面內容為正式配置教程

在開始配置之前，需滿足以下要求（要求 3 非必須，但具備的話會更好，要求1，2僅僅只是為了測試七牛雲圖床工具的可用性）

1，Typora 0.9.96及以上版本（0.9.96以上版本才支援第三方平臺圖床配置）；
2，七牛雲賬戶註冊並完成實名認證( 只有完成實名認證的賬戶才會有後面每個月10G 的免費儲存空間)；

Snipaste_2020-12-19_12-17-59

3，一個經過備案後的域名(用於新增自定義域名，配置 HTTPS 協議用的)；

七牛雲

在進行下面操作之前，請確保上面的的要求 1 和 2 你已經能夠滿足；接下來首先登入七牛雲，進入管理控制檯 Snipaste_2020-12-19_12-20-39

點選左側欄的物件儲存 Kodo

Snipaste_2020-12-19_12-21-27

點選左側的 空間管理 Snipaste_2020-12-19_12-22-35

點選上方的新建空間，填寫右側的新建儲存空間 的基本資訊，

儲存空間名稱，自己隨意命名；
儲存區域：儘量選擇 華東、華北、華南中的一個(這裡需要記住區域對應編號，後面配置會用到華東-a0；華北-a1;華南-a2);
訪問控制： 公開；

Snipaste_2020-12-19_12-24-44

上面點選確定之後，後面會彈出來一個 空間建立成功的提醒，提示系統提供會自動配備測試域名，有效期30天，換句話說，這個測試域名只能用 30 天，30天后測試域名會被官網收回，也就是之前通過該域名上傳的圖片連結都會失效，所以在使用圖床工具之前，儘量使用自己經過備案後的域名作為空間的配置域名

Snipaste_2020-12-19_12-40-46

空間建立完畢之後，進入剛剛建立的空間概覽，這裡需要記得幾個引數用於後面 Typora 軟體配置

空間名稱；
CDN 測試域名；
儲存區域對應的編號；

Snipaste_2020-12-19_12-49-34

除了上面三個引數之外，還需要兩個引數，進入使用者中心的密匙管理；

Snipaste_2020-12-19_12-49-34

記住裡面的AK 和 SK 引數

Snipaste_2020-12-19_12-51-50

Typora 配置

上面5個引數知道了之後，接下就需要把上面引數配置到 Typora 軟體中，開啟 Typora 軟體，依次點選檔案->偏好設定-> 影像，基本配置見下圖；

Snipaste_2020-12-19_12-56-23

點選圖中的 下載與更新 ，等待下載更新，完成後點選 開啟配置檔案，

Snipaste_2020-12-19_13-03-07

電腦會自動開啟一個配置檔案(開始時裡面是空的)，依次將上面提到的 5 個引數填入下面 json 字元對應位置

Snipaste_2020-12-19_13-01-45

{
  "picBed": {
    "uploader": "qiniu",
    "qiniu": {
      "accessKey": "",
      "secretKey": "",
      "bucket": "", // 儲存空間名
      "url": "", // 自定義域名
      "area": "", // 儲存區域編號
      "options": "", // 網址字尾，比如？imgslim
      "path": "img/" // 自定義儲存路徑，比如 img/
    }
  },
  "picgoPlugins": {}
}

填寫完畢，後 Ctrl+ S 快捷鍵儲存即可，點選上傳設定服務中的 驗證圖片上傳選項，沒有報錯即代表配置成功

Snipaste_2020-12-19_13-03-07

Snipaste_2020-12-19_13-08-19

介紹到這裡，typora 和七牛雲圖床配置方法(基於七牛雲的測試域名)基本算是結束了，通過圖片拖拽就能實現圖片網路連結自動轉換！

新增自適應域名，設定HTTPS 協議

上面配置方法中提到了一點，以上配置過程中用到的是七牛雲提供的測試連結，只有30天有效期，並且圖片儲存連結為 HTTP協議的，網頁連結不安全的，可能會被部分網站攔截

想長時間穩定使用七牛雲圖床工具需要配置我們自己的域名，域名在阿里雲、騰訊云云伺服器商都可以買到，也很便宜一年幾塊錢；但配置的域名需要備案，下面一部分將介紹一下七牛雲怎麼新增自定義域名，及怎麼配置 HTTPS 協議

1，子域名SSL 證照申請

配置 HTTPS 協議時，後面需要 CNAME 解析(DNS 解析)，但主域名一般用來建立個人網站或部落格，建立網站時需要域名解析將域名轉換到 IP 地址，解析過的域名再做七牛雲的 CNAME 解析時會有衝突，因此這裡需要藉助一個未解析的二級域名，例如 images.xxx.com(xxx.com為備案後的主域名)

Snipaste_2020-12-19_14-49-35