Typora+PicGo設定GitHub圖床
平時在寫筆記或部落格時,一般都會插入圖片,由於Typora的圖片只能儲存在本地,變動圖片就會訪問不到了,所以需要圖床的存在。以下講解如何使用 Typora配置PicGo,以及PicGo結合GitHub圖床,實現直接上傳圖片到GitHub。
準備
Typora下載安裝
PicGo下載安裝
GitHub賬號註冊與倉庫建立
準備裡沒有可說的,不會自己想辦法。
軟體設定
GitHub Tokens生成
-
登入進入Github首頁
-
點選右上角的頭像,選擇【Settings】
-
進入Settings後,點選左側下方的【Developer settings】
-
網頁跳轉後,選左邊的【Personal access tokens】,點選【Generate a personal access token】
-
【Note】裡填寫為什麼建立這個Token,可隨意填寫,下方勾上【repo】即可,
然後滑到最下方點選【Generate token】 -
然後會生成一條Token資訊,生成的Token只會出現一次,記得複製儲存。
Typora設定
開啟Typora,點選左上角選單欄的【檔案】,點選彈出框裡下方的【偏好設定】
開啟頁面,左側選擇【圖象】,影像裡的設定按下設定:
- 設定插入圖片時為【上傳圖片】
- 勾選【對本地位置的圖片應用上述規則】
- 在上傳服務中選擇【PicGo(app)】
- 在路徑中選擇【PicGo安裝目錄PicGo.exe】
PicGo設定
開啟執行PicGo,左側開啟【圖床設定】,選擇【GitHub圖床】。
引數設定說明:
- 倉庫名:表示遠端倉庫地址,固定格式 Github使用者名稱/倉庫名,前期準備用到的倉庫
- 分支名:表示分支,預設填入master,需要根據自己Github上的分支進行填寫,看個人設定
- Token:填入Github中生成的Token,就是讓複製儲存的那個
- 儲存路徑:可以自定義一個檔案路徑
- 自定義域名:建議使用https:cdn.jsdelivr.net/gh/Github使用者名稱/倉庫名
最後記得【設為預設圖床】
驗證圖片上傳
在Typora偏好設定的那個介面,點選左下的【驗證圖片上傳選項】,一般還會出現以下兩種情況:
-
Failed to fetch
-
解決辦法:開啟【PicGo設定】,點選【設定Server選項】,
將埠改為【36677】埠,這是PicGo推薦的預設埠號,然後儲存,成功。 -
“success”:false
-
解決方法:開啟【PicGo設定】,將【時間戳重新命名】開啟
此時再去驗證圖片上傳便會返回驗證成功,如下所示:
就已經設定搭建好了,可以使用了。
相關文章
- typora+PicGo(app)+github 配置markdown圖床PicGoAPPGithub圖床
- 使用Typora+PicGo配置Gitee圖床PicGoGitee圖床
- 把GitHub作為圖床Github圖床
- Github+picGo搭建圖床GithubPicGo圖床
- 使用GitHub作圖床工具Github圖床
- github搭建圖床配合typoraGithub圖床
- PicGo+jsDelivr+GitHub搭建免費圖床,Typora使用圖床PicGoJSVRGithub圖床
- 利用Github搭建免費圖床Github圖床
- GitHub+JSDelivr+PicGo+Typora免費白嫖高速穩定圖床GithubJSVRPicGo圖床
- PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- PicGo+GitHub:打造自己的圖床PicGoGithub圖床
- github作為圖床的使用方式Github圖床
- gitPic,利用Github做圖床小工具Github圖床
- 20200108 - PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- 使用jsdelivr + GitHub + PicGo搭建免費圖床JSVRGithubPicGo圖床
- github+picgo+typora搭建免費圖床GithubPicGo圖床
- Github+PicGo搭建個人免費圖床GithubPicGo圖床
- 如何使用 Github 作為自己的免費圖床Github圖床
- VScode+PicGo+Github+jsdelivr使用圖床書寫MarkdownVSCodePicGoGithubJSVR圖床
- 教你如何使用github+jsDelivr搭建免費圖床GithubJSVR圖床
- 使用GitHub當部落格圖床提升部落格訪問速度Github圖床
- 一勞永逸,使用 PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- 圖床圖床
- Github Colilot VS Code設定Github
- 圖床PicGo圖床PicGo
- 圖床搭建圖床
- 如何製作一個手機上的Github圖床捷徑(workflow)Github圖床
- 基於 Github API 的圖床 Chrome 外掛開發全紀錄GithubAPI圖床Chrome
- 圖床神器PicGo圖床PicGo
- 我的圖床圖床
- PicGo:搭建圖床PicGo圖床
- iPic - MAC圖床神器Mac圖床
- Blog的圖床搭建圖床
- 搭建微博圖床圖床
- typora 圖床配置方法圖床
- iPic for Mac(圖床神器)Mac圖床
- 什麼?圖床又掛了!試試我造的這款免費,穩定,完全自主可控的開源圖床吧圖床
- 透過Github同步你的VScode設定GithubVSCode