typora+PicGo(app)+github 配置markdown圖床
typora+PicGo(app)+github 配置markdown圖床
?github
1.註冊github github地址。
2.建立一個新專案,用來儲存圖片。
3.生成一個token用於PicGo操作你的倉庫:
訪問:settings/tokens
然後點選
Generate new token
。
把repo的勾打上即可。然後翻到頁面最底部,點選
Generate token
的綠色按鈕生成token。
**注意:**這個token生成後只會顯示一次!你要把這個token複製一下存到其他地方以備以後要用。
?Picgo
1. 下載地址
選擇下載型別:
2.解壓安裝到非英文目錄
3.配置picgo
倉庫名——github名/專案倉庫名
分支——預設主分支master或main即可
Token——在github中儲存的token
儲存路徑——專案下的子目錄
自定義域名——這裡用的是cdn.jsdelivr.net/gh提升圖片的載入速度
重新命名——在上傳圖片的時候可以給圖片重新命名(預設時間命名)
別的就不一一介紹了。
?Typora
1.下載安裝最好用的markdown編輯工具
2.配置typora
檔案->偏好設定
根據我圖中配置即可:
上傳服務: 選擇PicGo(app)
PicGo路徑:選擇你安裝的PicGo下的exe檔案
?開始工作
1.截圖粘帖到typora中
2.右擊圖片——>上傳圖片——>重新命名——>上傳成功
3.可以在picgo和github倉庫中看到剛上傳的圖片
?踩坑記錄
1.敲黑板
之前沒用jsdelivr的服務,發現圖片在掛代理的時候可以載入,不掛代理很難載入出來。
這裡強烈建議大家去了解 jsdelivr的用法。
基本用法:
cdn.jsdelivr.net/gh/github名/倉庫名/檔名
2.驗證失敗可能因為你已經驗證成功並把兩張圖上傳到github圖床了
解決:請去github倉庫刪除 typora-icon.png typora-icon2.png兩張圖 並重新檢測。
3. 出現 Failed to fetch
解決:確認在PicGo中開啟了Server服務,監聽埠與typora 檢驗埠保持一致
4.上傳失敗
有可能是網速的原因,建議多上傳幾次試試。
typora結合picgo實現上傳圖片到gitee
1、下載PicGo
到PicGo 官網上下載PicGo,最新版的是2.3.0-beta.3,但是據說還不夠穩定,我個人是比較喜歡穩一點的,所以安裝了2.2.2版本的。
然後自己根據自己的電腦系統來進行安裝,我這裡是win10所以下載的是這個:
安裝完之後如果開啟的時候出現
A JavaScript error occuredin the main process
,不能開啟picgo,我們可以在win的搜尋欄輸入
%appdata%
然後把picgo的資料夾刪除掉就可以開啟了。這裡一定要記得你安裝的路徑,因為等一下配置typora的時候需要用到picgo的啟動路徑。
2、安裝node.js
因為picgo結合gitee需要使用到nodejs,所以我們需要下載nodejs。有關node.js安裝的教程,網上很多,推薦一個吧: https://www.cnblogs.com/minxiang-luo/p/12490526.html.我這裡就不多贅述了。
3、建立gitee倉庫和生成令牌
記得一定要選擇公開。
之後就是生成私人令牌,進入設定
點選生成私人令牌
(注:令牌只會顯示一次,如果不復制的話,就只能重新修改令牌,步驟:修改 --> 重新生成令牌)
這些全選就完事了。
4、配置picgo的gitee
然後再picgo安裝gitee外掛
(注:若沒有安裝 node.js ,則會安裝不了外掛。因為外掛下載需要使用到 node.js 的npm!)
配置gitee,在左側的圖床設定選擇gitee圖床,進行設定:
具體可以看你設定的倉庫的url,如下:
配置好之後選擇設為預設圖床確定
5、設定typora
然後再需要上傳圖片的時候點選上傳圖片就可以了
About Me
........................................................................................................................ ● 本文作者:小麥苗,部分內容整理自網路,若有侵權請聯絡小麥苗刪除 ● 本文在個人微 信公眾號( DB寶)上有同步更新 ● QQ群號: 230161599 、618766405,微信群私聊 ● 個人QQ號(646634621),微 訊號(db_bao),註明新增緣由 ● 於 2021年1月完成 ● 最新修改時間:2021年1月 ● 版權所有,歡迎分享本文,轉載請保留出處 ........................................................................................................................ ● 小麥苗的微店: ● 小麥苗出版的資料庫類叢書: http://blog.itpub.net/26736162/viewspace-2142121/ ● 小麥苗OCP、OCM、高可用、MySQL、DBA學習班: http://blog.itpub.net/26736162/viewspace-2148098/ ● 資料庫筆試面試題庫及解答: http://blog.itpub.net/26736162/viewspace-2134706/ ........................................................................................................................ 請掃描下面的二維碼來關注小麥苗的微 信公眾號( DB寶)及QQ群(230161599、618766405)、新增小麥苗微 信(db_bao), 學習最實用的資料庫技術。
........................................................................................................................ |
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/26736162/viewspace-2754673/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Typora+PicGo設定GitHub圖床PicGoGithub圖床
- 使用Typora+PicGo配置Gitee圖床PicGoGitee圖床
- VScode+PicGo+Github+jsdelivr使用圖床書寫MarkdownVSCodePicGoGithubJSVR圖床
- Github+picGo搭建圖床GithubPicGo圖床
- 使用GitHub作圖床工具Github圖床
- 把GitHub作為圖床Github圖床
- github搭建圖床配合typoraGithub圖床
- PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- 利用Github搭建免費圖床Github圖床
- PicGo+jsDelivr+GitHub搭建免費圖床,Typora使用圖床PicGoJSVRGithub圖床
- typora 圖床配置方法圖床
- PicGo+GitHub:打造自己的圖床PicGoGithub圖床
- github作為圖床的使用方式Github圖床
- Typora 配置碼雲圖床圖床
- github+picgo+typora搭建免費圖床GithubPicGo圖床
- gitPic,利用Github做圖床小工具Github圖床
- 使用jsdelivr + GitHub + PicGo搭建免費圖床JSVRGithubPicGo圖床
- 如何使用 Github 作為自己的免費圖床Github圖床
- PHP 指令碼實現 Markdown 文章上傳到七牛圖床PHP指令碼圖床
- 教你如何使用github+jsDelivr搭建免費圖床GithubJSVR圖床
- 一勞永逸,使用 PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- 圖床圖床
- 使用GitHub當部落格圖床提升部落格訪問速度Github圖床
- Alfred Workflow 一鍵上傳圖片到 GitHub 返回 MarkdownAlfredGithub
- 圖床搭建圖床
- 圖床PicGo圖床PicGo
- 基於 Github API 的圖床 Chrome 外掛開發全紀錄GithubAPI圖床Chrome
- GitHub+JSDelivr+PicGo+Typora免費白嫖高速穩定圖床GithubJSVRPicGo圖床
- 如何製作一個手機上的Github圖床捷徑(workflow)Github圖床
- 推薦一個好用的圖床:極簡圖床圖床
- 我的圖床圖床
- 搭建微博圖床圖床
- PicGo:搭建圖床PicGo圖床
- 圖床神器PicGo圖床PicGo
- 20200108 - PicGo + GitHub 搭建個人圖床工具PicGoGithub圖床
- iPic for Mac(圖床神器)Mac圖床
- iPic - MAC圖床神器Mac圖床
- Typora + 七牛雲圖床快速配置,告別手動上傳圖片!圖床