Typora+PicGo+Github+Jsdelivr實現高效圖文寫做

這段時間有看到小夥伴兒討論圖牀的問題，都想知道有沒有好用的圖牀，答案確定是有的，好比國內的：騰訊雲、阿里雲、七牛雲、又拍雲等等，基本都是提供的有免費的CDN供用戶使用，大概都是10個G左右的空間（具體的我不清楚，畢竟本身只用過七牛的，別的只是知道而已。。。），對於通常需求量不大的用戶來講確定是沒問題了，可是對於技術產出較高的大佬們來講，確定不夠，因此這裏結合我本身使用的一些方法總結了這篇文章，跟你們分享我本身的解決方案。

工具簡介

typora

我如今本身寫文章、文檔什麼的基本都使用markdown，這是一種比較好的文本標記語言，特別是相對於編程的同窗來講，這裏我我的使用的Typora，這個我很早就接觸這個東西了，更早的時候是使用vscode自帶的markdown 或者HBuildX去寫的，後來偶然看到了typora就去使用這個了，通過多個版本的迭代，以前用的不爽的地方基本都改的差很少了，如今使用起來已經很流暢了（除了每次更新的時候有點慢。。）,至於markdown怎麼用，這個我就不寫了，網上教程大把，本身去找吧，界面長這樣子

PicGo

PicGo就是一個圖片上傳工具，目前支持SM.MS圖牀、騰訊雲COS、GitHub（待會兒咱們用到的）、七牛圖牀、Imgur圖牀、阿里雲OSS、又拍雲圖牀，用法也很簡單，在配置頁面配置好各個圖牀的參數，以下圖：

而後就能夠使用這個工具將圖片上傳到你配置的那個圖牀上面去，上傳方式目前有三種：

• 拖拽上傳
• 快捷鍵上傳（須要剪切板裏面有圖片，也就是你要先複製一張圖片）
• 命令行上傳

Github

emmm，這個我就不說了吧，能看到這篇文章的應該沒有不知道的，萬一真不知道也不要緊。

Jsdelivr

如圖所示，就是 開源的免費CDN，快速、可靠、自動化。他可以讓咱們快速的訪問咱們github、npm、wordpress上開放的資源。

使用方法

1.下載安裝typora +PicGo

Typora下載地址：www.typora.io/

PicGo下載地址：github.com/Molunerfinn… 找到圖片所示位置

2.申請github令牌

若是你已經有github帳號，直接登陸，沒有的話就註冊在登陸，怎麼註冊，我就不寫了，登錄進去鼠標點擊頭像，找到Settings，點擊

找到Developer settings，點擊

期間會讓你輸入密碼，直接輸入你的github帳號密碼就行，而後填寫名字，名字隨便寫（儘可能讓本身知道是什麼意思），下面紅框裏面的必須勾上，其餘的不用管

完成後點擊頁面左下方的綠色按鈕，而後成功之後會回到以前的頁面，顯示令牌

這個令牌只顯示一次，要複製令牌，本身找個地方保存起來，後面步驟要用到這個令牌

3.配置PicGo

打開PicGo，找到 圖牀設置>Github圖牀

• 倉庫名填寫，你的github上面你要放圖片的那個倉庫，必需要要是公有庫；

• 分支名，填寫你要上傳圖片的倉庫的那個分支，通常填寫master

• Token填寫剛剛讓你複製下來找個地方的保存的那串字符

• 儲存路徑，這個是相對於你的倉庫根路徑來講的，切記前面不能加斜槓，後面必需要加斜槓。如bg/

• 自定義域名：https://cdn.jsdelivr.net/gh/你的github用戶名/你設置的倉庫名@分支名，這個主要是用來上傳之後，他用來拼接路徑存在你的剪切板裏面，返回圖片的路徑給你（這裏的分支名這個位置，除了填寫分支名之外，還能夠填寫release名稱和commit tag，這個專業人士請自行研究，非專業人事就直接用分支名就能夠）

填寫完成之後，點擊確認，設置爲默認圖牀，而後就能夠切換到上傳區，上傳一張圖片試試，上傳完成之後會返回路徑給你，這個路徑格式也是能夠設置的

4.配置Typora

打開Typora 找到設置裏面的 圖像

PicGo路徑選你安裝的位置的路徑，而後點擊驗證圖片上傳選項，若是提示成功就大功告成，若是失敗，請重複上述步驟。

若有問題，請私信https://blog.misitebao.com/contact.html