使用Typora配合七牛雲圖床,實現愉快的碼文輸出

作者:Stark-C

上次在張大媽這裡分享了我一直以來都是用Typora創作的,其中說到圖片處理這塊需要配合圖床來完成的。雖說有值友要求我接著寫一下配置圖床的教程抄作業,不過那個時候我婉拒讓他自己百度,因為感覺張大媽這裡的創作者貌似對第三方編輯器並不感冒所以不想寫~~

不過前兩天我使用的七牛雲圖床發簡訊說我證書即將過期,正好我使用的那個域名也將失效,所以我需要換 個域名重新配置。趁此機會,也順便過來水了這篇文章,需要可以幫助有這個需求的人。

其實我的創作流程比較簡單,就是Typora(markdown編輯器)+ PicGo(圖床管理工具)+圖床,一次配置即可達到一勞永逸的創作體驗。Typora目前售價89元(當然你也可以自己找它之前最後一版免費版), PicGo是開源免費軟體,下載下來直接使用,圖床可用的很多,免費付費的都有,常見的有騰訊雲,阿里雲,GitHub,SM。MS,七牛雲等。

為什麼需要圖床

我們在使用Typora創作的時候會遇到這樣的一個問題,我們直接從本地上傳到Typora裡面的圖片,在上傳到張大媽這樣的平臺之後圖片會無法載入,原因是我們直接插入的本地圖片在Typora裡面的連結就是基於本地,而上傳到張大媽的時候,張大媽的伺服器是無法解析到我們本地圖片,所以就導致上傳失敗。

不過有了圖床,這個問題便會解決。圖床你可以簡單的理解為網路上專門儲存圖片的伺服器,我們使用圖床工具配置好之後,我們在上傳本地圖片的時候,圖床工具就會自動將我們的圖片上傳到圖床,然後圖床那邊又會產生該圖片的一個外鏈連結返回到Typora,而這個外鏈連結是公開訪問的,所以我們在使用Typora上傳到任何平臺的時候,平臺伺服器識別的就是這個公開的外鏈連結,自然也就正常識別了!

圖床我個人選擇的是七牛雲,唯一有難度的可能就是需要有一個自己的域名了。域名對於經常混值得買的數碼玩家來說,基本人手一個以上了(之前我也分享過免費域名的獲取方法),就算沒有隨便阿里雲騰訊雲那邊買一個,幾塊錢一個用一年,還是很划算的。以下教程預設大家已經有一個域名的前提下進行的。

當然我這裡並不是替七牛雲打廣告,在七牛雲之前,我試過免費的github和SM。MS(畢竟免費的才是最香的),但是問題是因為它們的伺服器都在國外,實測我在上傳到時候會非常的不穩定,很多圖片會上傳失敗,最後才選擇的七牛雲。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

七牛雲認證使用者每個月送10個G容量,如果只是用作我們寫文章已經足夠了。我去年在七牛雲充值了50塊錢,現在一年多了,竟然還有三十多的餘額,也就是我一年多才用了十幾塊錢,還是非常划算的,最主要的是它還足夠的穩定。

OK!教程開始!

準備工作:

1,Typora

官網地址:https://www。typoraio。cn/

2,七牛雲賬號

官網地址:https://www。qiniu。com/

註冊的時候選擇個人賬號,需要實名認證,認證很快,基本一分鐘內就能完成。

3,下載安裝PicGo

因為軟體免費開源,軟體首發GitHub,好在國內也有映象網站支援:

山東大學映象站:https://mirrors。sdu。edu。cn/github-release/Molunerfinn_PicGo/

第一步,下載安裝PicGo

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

開啟上面的山東大學映象站下載對應的PicGo版本。有Mac版和Window版,Window版直接exe版本即可。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

選擇“僅為我安裝”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後這裡請務必記下安裝路徑,等下在配置Typora中會用到的。

第二步,配置Typora

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

Typora開啟“偏好設定—影象”,方框內選擇“上傳圖片”,勾選“對本地位置的圖片應用上述規則”。上傳服務選擇“PicGo(app)”,PicGo路徑選擇第一步安裝時候的路徑即可。

第三步,新增域名解析

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

我這裡以騰訊旗下的 DNSPod為例,先開啟“我的域名”,選擇需要操作的域名。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

點選”新增記錄“,主機記錄隨意填(稍後會修改),記錄型別選擇“CNAME”,記錄值先隨意填一個“網址”(稍後會修改),搞定之後選擇“確定”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

完成之後就能看見這裡剛新增的記錄。這個頁面先不要關掉,稍後還會用到。

第四步,建立七牛雲端儲存空間

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

開啟七牛雲官網登入註冊好的賬號,點選右上角的“控制檯”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

點選“新建儲存空間”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

儲存空間名稱隨意選擇,因為我的域名沒有備案,儲存區域需要選擇“亞太”,訪問控制選擇“公開”,完成之後選擇“確定”

PS:如果你那邊的域名備案過選擇國內的區域即可。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

彈出空間建立成功的提醒。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

之後就能在空間管理這裡看到我們剛剛建立的儲存空間了。

第五步,七牛雲繫結域名並建立域名加速

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

在七牛雲的“域名管理”頁面,點選“新增域名”,在頁面中的加速域名裡填入二級域名。啥是二級域名?比如說我其實需要繫結的主域名為“zdm999。eu。org”,二級域名就是在該主域名前面隨意加上其它的任意名稱即可,我這裡直接加上“stark-c”就可以,需要說明的是,這裡新增的名稱稍後會用到。前面說過,我的域名沒備案,這裡系統會沒提醒“域名沒備案”,不用管,直接新增頁面下的“建立”即可。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後會提醒驗證域名歸屬權,我們需要用到的就是上圖紅色方框裡的資訊,該頁面不要關閉,稍後會用到。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

回到第三步的域名解析那步沒有關掉的網頁,新增一條記錄,記錄的資訊就是上步紅色方框裡的資訊。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

新增成功後的記錄前面會有一個綠色小點就表示成功。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

這個時候再回到七牛雲的域名繫結頁面,點選“點選驗證”,就可以看見域名建立成功的提示了。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後再域名管理這裡就能看見我們繫結的自己的域名了。不過這裡會發現CNAME下面顯示的是未配置,點選自己剛剛繫結的域名,進入下一個頁面。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

該頁面的基本資訊下面有一個CNAME後面有一串類似於網址的字元,先複製下來

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後再次回到域名解析的網頁,將第三步建立的“CNAME”予以更改。主機記錄修改成我們前面繫結域名”中,二級域名新增的名稱(我前面說的我二級域名新增的為stark-c),記錄型別不要動,還是預設的“CNANE”,記錄值為上步七牛雲那邊複製的CNAME後面的那串字元。然後點選“確定”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

看到這個頁面就說明操作成功。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

OK,再回到七牛雲這邊的域名管理,就可以看到我們新增的這個域名的“CNAME”顯示已配置了。

此時我們的加速域名就建立成功了!

第六步,配置SSL證書

目前我們建立的加速域名通訊協議還是預設的http,因為這個協議目前是不安全的,可能它的圖片連結會被一些網站攔截,所以我們需要配置SSL證書,將http協議轉為更安全的https就可以了。

好在不管是騰訊雲還是阿里雲,都提供了免費的SSL證書申請,我們直接使用即可。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

這裡還是以騰訊雲的 DNSPod 為例,選擇我們域名後面的“SSL”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

選擇“申請免費證書”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

選擇免費版,確定

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

證書繫結域名選擇我們前面繫結的加速域名,域名驗證方式為自動DNS驗證,申請郵箱輸入QQ郵箱即可,最後點選“提交申請”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

點選“完成”。騰訊這邊的SSL證書下發很快,個人實測基本一分鐘內就可以了,屆時還會有簡訊提醒。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後在SSL證書頁面,就能看見我們剛剛申請對應網站的證書了。點選“下載”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

下載頁面選擇“其它”下載。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後解壓下載下來的壓縮包,解壓之後得到四個檔案。此時我們需要用到的分別為字尾為 pem 和 key 的兩個檔案,這兩個檔案可以直接用記事本開啟。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後回到自己的七牛雲主頁,找到“SSL證書”並開啟

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

點選“上傳自有證書”,在該頁面:證書備註名隨意,證書內容填字尾為 pem 的檔案內容,證書秘鑰填字尾為key的檔案內容(都用記事本開啟的內容)。完成之後點選“確定上傳”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

回到七牛雲域名配置,點選nn上圖方框中的“配置”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

點選“修改配置”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

按照上圖中的設定,開啟HTTPS,記得點選下方的“儲存”配置。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後就是從HTTP到HTTPS的配置過程。配置過程可能較長,我這邊差不多一個小時。完成之後就開啟HTTPS協議了。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

記得在該頁面下開啟“圖片自動瘦身”。

第七步,配置配置PicGO

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

先在七牛雲點選右上角的個人設定選擇“金鑰管理”

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

先記著這裡的AK和SK(直接複製即可)

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後開啟PicGO,先點開“PicGO設定”,先開啟“時間戳重新命名”,然後圖床只勾選七牛雲。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

開啟圖床設定:

這裡的設定AccessKey和SecretKey就是對應七牛雲秘鑰管理裡面的AK和SK

設定Bucket就是我們在七牛雲上建立的儲存空間名

設定訪問網址就是我們設定的二級域名,前面加上https://

設定儲存區域設定自己自己儲存空間區域對應的編號

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

儲存區域編號對照表如上圖。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

然後在上傳區可以直接拖一個圖片進去。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

如果沒有問題,電腦的右下角就會彈出“上傳成功” 的提示。

使用Typora配合七牛雲圖床,實現愉快的碼文輸出

最後開啟Typora,直接拖一張照片,如果圖片的網址為我們設定的圖床地址,就說明我們Typora圖床配置成功!

OK,此教程結束!

總結

今天的教程看起來可能很複雜,其實是我為了照顧首次操作的小白,幾乎每個步驟都寫出來,基本上照著抄作業都能一次成功。但是一次配置一勞永逸,以後在Typora上創作的文章複製貼上,基本就能直髮到全網平臺,還是非常的方便的。

好了,以上就是今天給大家分享的內容,我是愛分享的Stark-C,如果今天的內容對你有幫助請記得收藏,順便點點關注,我會經常給大家分享各類有意思的軟體和免費乾貨!謝謝大家~

炒股開戶享福利,入金抽188元紅包,100%中獎!

開啟App看更多精彩內容