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

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

前言:html

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

​ 其風格簡約,功能強大,支持圖片複製粘貼,再加上如今支持圖片自動上傳並返回url,之後在寫博客就不在須要先上傳到服務器在手動引用了。服務器

1.0 申請七牛雲 文件存儲 並配置ssl

步驟:註冊實名(略過) -->>左上角菜單選擇對象存儲-->>空間管理-->>新建空間-->>綁定域名(域名須要備案,七牛測試域名只有30天)-->>配置ssl(博客園等線上博客圖片須要ssl才行)編輯器

  • 新建對象存儲測試

    新建七牛雲對象存儲

  • 新建空間url

    新建七牛雲空間1

    儲存空間名稱和儲存區域須要記下來,後面要用到:3d

    新建空間2

  • 綁定域名code

    點擊綁定域名,而後添加域名,而後執拗CNAME去域名服務商將域名解析過來便可htm

    綁定域名

  • 配置ssl對象

    配置ssl

    配置ssl

    七牛雲證書是免費的,上傳新證書而後申請證書,驗證域名全部權 ,綁定便可

2.0 Typora設置

步驟:選擇左上角文件 -->> 偏好設置-->>圖像

Typora設置

  • 打開配置文件

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

2.1 Typora配置七牛雲

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

點擊右上角頭像,選擇密匙管理:

Snipaste_2021-08-12_18-45-04

bucket、area

bucket=儲存空間名稱
area=儲存區域,填入存儲區域的編號便可

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

bucket**

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 測試使用

image-20210812190411751

做者:淚夢紅塵
原文連接:https://www.s1g.cn/tools/45.html

相關文章
相關標籤/搜索