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

你們好，我是zeroing，本文將介紹關於 Typora 軟件如何配置七牛雲圖牀，實現圖片即插即用，能夠先看一下最終效果!

能夠看到圖片藉助 Typora 軟件自動將本地存儲轉化爲第三方圖片網絡連接

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

軟件除了對 Markdown 基本語法支持以外，也提供了許多主題模板，結合提供的主題模板，無需手動排版，只須要更改主題模板中的 CSS 樣式便可排出一篇好看文章，並且只需設置一次便可

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

七牛雲是一個企業級的雲服務商，而本文只用到裏面的圖牀工具，(圖牀通常指存儲圖片的服務器，把本地圖片上傳到服務器上生成 http/htpps 網頁連接)；使用時須要購買對應雲服務商的雲存儲空間，七牛雲每一個帳號每個月會有 10G 大小的免費存儲，只要正常使用 10G 的存儲空間足夠用了(固然排除上傳高清圖片狀況，一張幾 MB 的那種)，不夠的話後面能夠購買

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

爲何要選擇七牛雲呢？

其實選擇阿里雲、騰訊云云服務商也能夠，只要服務器存儲穩定就行；以前用的圖牀工具是藉助谷歌的一個插件 新浪微博圖牀 ，這個插件是免費的(須要本身登陸微博帳號)，藉助它把圖片拖進窗口，插件能夠自動將圖片轉化爲網頁連接，工具小巧簡單也是一個不錯的圖牀工具

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

• 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 的免費存儲空間)；

• 3，一個通過備案後的域名(用於添加自定義域名，配置 HTTPS 協議用的)；

七牛雲

在進行下面操做以前，請確保上面的的要求 1 和 2 你已經可以知足；接下來首先登陸七牛雲，進入管理控制檯

點擊左側欄的對象存儲 Kodo

點擊左側的 空間管理

點擊上方的新建空間，填寫右側的新建存儲空間 的基本信息，

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

上面點擊肯定以後，後面會彈出來一個 空間建立成功的提醒，提示系統提供會自動配備測試域名，有效期30天，換句話說，這個測試域名只能用 30 天，30天后測試域名會被官網收回，也就是以前經過該域名上傳的圖片連接都會失效，因此在使用圖牀工具以前，儘可能使用本身通過備案後的域名做爲空間的配置域名

空間建立完畢以後，進入剛剛建立的空間概覽，這裏須要記得幾個參數用於後面 Typora 軟件配置

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

除了上面三個參數以外，還須要兩個參數，進入用戶中心的密匙管理；

記住裏面的AK 和 SK 參數

Typora 配置

上面5個參數知道了以後，接下就須要把上面參數配置到 Typora 軟件中，打開 Typora 軟件，依次點擊文件->偏好設置-> 圖像，基本配置見下圖；

點擊圖中的 下載與更新 ，等待下載更新，完成後點擊 打開配置文件，

電腦會自動打開一個配置文件(開始時裏面是空的)，依次將上面提到的 5 個參數填入下面 json 字符對應位置

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

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

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

---

添加自適應域名，設置HTTPS 協議

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

想長時間穩定使用七牛雲圖牀工具須要配置咱們本身的域名，域名在阿里雲、騰訊云云服務器商均可以買到，也很便宜一年幾塊錢；但配置的域名須要備案，下面一部分將介紹一下七牛雲怎麼添加自定義域名，及 怎麼配置 HTTPS 協議

1，子域名SSL 證書申請

配置 HTTPS 協議時，後面須要 CNAME 解析(DNS 解析)，但主域名通常用來創建我的網站或博客，建立網站時須要域名解析將域名轉換到 IP 地址，解析過的域名再作七牛雲的 CNAME 解析時會有衝突，所以這裏須要藉助一個未解析的二級域名，例如 images.xxx.com(xxx.com爲備案後的主域名)

2，配置二級域名的 SSL 證書

在七牛雲自定義域名配置 HTTPS 協議時，須要上傳 SSL 證書，一個域名綁定一個 SSL 證書，阿里、騰訊等雲服務器商提供的免費SSL 安全證書一般是非通配符域名 ，須要再申請一個搭配二級域名的 SSL 安全證書

下面以阿里云爲例，二級域名 SSL 證書申請配置過程以下：

購買二級域名配置完成以後，把二級域名的SSL證書下載到本地中，通常是壓縮包形式存儲的，利用解壓軟件進行解壓便可；

轉到七牛雲的 轉到七牛雲網站，進入 SSL 證書管理中心，添加本地SSL 證書

• 證書備註名，沒有特殊要求隨便取一個名字便可；
• 證書內容，對應下載 SSL 證書中的 pem 文件中的內容；
• 證書私匙 ，key 文件裏面的內容，

3，自定義域名設置，HTTPs 協議配置

打開七牛雲中建立的空間概覽 ，點擊域名管理，點擊 綁定域名

根據下面模板根據本身狀況進行修改

綁定完成以後，只差一步就是須要 CNAME 解析

將圖中的 CNAME 內容複製一下，到雲服務器商處進行 DNS解析 便可

DNS 解析完成以後，等待一段時間，出現下面效果，即表明配置成功！

綁定好本身的域名以後，修改 Typora 配置文件中的三個參數，分別爲：域名、空間名稱、及對應的存儲區域編號三個參數，其餘不變對配置文件進行保存，進行驗證；驗證成功以後就能夠正常使用啦

原本只是想簡單介紹一下 Typora 與七牛雲圖牀配置教程，寫着寫着發現須要寫的點愈來愈多，而後就寫到了這裏；爲了讓寫的東西讓你們理解，裏面插了許多配圖，七牛雲後臺的圖片存儲量也是直線上升

因此建議你們在利用圖牀工具插入圖片時，在沒有特殊場景下儘可能用截圖代替高清圖，雖然 10G 存儲空間看上去不少，實際用的時候並非，固然土豪的話徹底能夠忽略

好了，以上就是本篇文章的所有內容啦，以爲文章不錯請不要吝嗇你的雙手，歡迎你們點贊、留言、轉發，最後感謝你們閱讀！