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


大家好,我是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 鏈接的話,網頁頭導航信息處就會出現不安全 的標識

    Snipaste_2020-12-19_11-58-21

  • 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

記住里面的AKSK 參數

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

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

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

下面以阿里雲為例,二級域名 SSL 證書申請配置過程如下:

Snipaste_2020-12-19_15-41-11

Snipaste_2020-12-19_15-52-07

Snipaste_2020-12-19_15-52-50

購買二級域名配置完成之后,把二級域名的SSL證書下載到本地中,一般是壓縮包形式存儲的,利用解壓軟件進行解壓即可;

轉到七牛雲的 Snipaste_2020-12-19_15-48-52轉到七牛雲網站,進入 SSL 證書管理中心,添加本地SSL 證書

Snipaste_2020-12-19_15-45-54

Snipaste_2020-12-19_15-46-04

Snipaste_2020-12-19_15-46-31

  • 證書備注名,沒有特殊要求隨便取一個名字即可;
  • 證書內容,對應下載 SSL 證書中的 pem 文件中的內容;
  • 證書私匙 ,key 文件里面的內容,

Snipaste_2020-12-19_16-08-51

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

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

綁定域名

根據下面模板根據自己情況進行修改

Snipaste_2020-12-19_16-11-03

綁定完成之后,只差一步就是需要 CNAME 解析

Snipaste_2020-12-19_16-25-12

將圖中的 CNAME 內容復制一下,到雲服務器商處進行 DNS解析 即可

Snipaste_2020-12-19_15-53-03

Snipaste_2020-12-19_15-53-25

Snipaste_2020-12-19_15-53-58

Snipaste_2020-12-19_16-21-42

DNS 解析完成之后,等待一段時間,出現下面效果,即代表配置成功!

result

綁定好自己的域名之后,修改 Typora 配置文件中的三個參數,分別為:域名、空間名稱、及對應的存儲區域編號三個參數,其他不變對配置文件進行保存,進行驗證;驗證成功之后就可以正常使用啦

本來只是想簡單介紹一下 Typora 與七牛雲圖床配置教程,寫着寫着發現需要寫的點越來越多,然后就寫到了這里;為了讓寫的東西讓大家理解,里面插了許多配圖,七牛雲后台的圖片存儲量也是直線上升

Snipaste_2020-12-19_16-51-48

所以建議大家在利用圖床工具插入圖片時,在沒有特殊場景下盡量用截圖代替高清圖,雖然 10G 存儲空間看上去很多,實際用的時候並不是,當然土豪的話完全可以忽略

好了,以上就是本篇文章的全部內容啦,覺得文章不錯請不要吝嗇你的雙手,歡迎大家點贊、留言、轉發,最后感謝大家閱讀!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM