Typora加七牛雲實現實時圖片自動上傳

前言：

​ Typora是一款輕便簡潔的Markdown編輯器,支援即時渲染技術,這也是與其他Markdown編輯器最顯著的區別.重點是免費!

​ 其風格簡約，功能強大，支援圖片複製貼上，再加上現在支援圖片自動上傳並返回url，以後在寫部落格就不在需要先上傳到伺服器在手動引用了。

1.0 申請七牛雲 檔案儲存 並配置ssl

步驟：註冊實名（略過) -->>左上角選單選擇物件儲存-->>空間管理-->>新建空間-->>繫結域名（域名需要備案,七牛測試域名只有30天）-->>配置ssl（部落格園等線上部落格圖片需要ssl才行）

  • 新建物件儲存

  • 新建空間

    儲存空間名稱和儲存區域需要記下來，後面要用到：

  • 繫結域名

    點選繫結域名，然後新增域名，然後固執CNAME去域名服務商將域名解析過來即可

  • 配置ssl

    七牛雲證書是免費的,上傳新證書然後申請證書,驗證域名所有權 ,繫結即可

2.0 Typora設定

步驟：選擇左上角檔案 -->> 偏好設定-->>影象

  • 開啟配置檔案

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

2.1 Typora配置七牛雲

accessKey、secretKey 找到右上角頭像選擇祕鑰管理。

點選右上角頭像，選擇密匙管理：

​

bucket、area

bucket=儲存空間名稱

area=儲存區域，填入儲存區域的編號即可

華東z0 華北z1 華南z2 北美z3 東南亞z4

**

url

空間管理 -->>域名管理

協議+域名就是url欄位的值：https://img.s1g.cn/

補充完後如下：

{

    "picBed": {

      "uploader": "qiniu",

      "qiniu": {

        "accessKey": "****************************************",

        "secretKey": "****************************************",

        "bucket": "lmhcprj", // 儲存空間名

        "url": "https://img.s1g.cn", // 自定義域名

        "area":  "z0", // 儲存區域編號

        "options": "", // 網址字尾，比如？lmhc

        "path": "img/" // 自定義儲存路徑，比如 img/

      }

    },

    "picgoPlugins": {}

}

2.2 測試使用

作者：淚夢紅塵

原文連結：https://www.s1g.cn/tools/45.html