typora+PicGo+gitee, Markdown 自動上傳圖片#
用 typora 寫文章,我們經常需要粘貼圖片,然而粘貼圖片後,上傳到 gitee 或者將此 md 文件發送給別人,會出現圖片無法顯示的情況。這時候用 picgo 上傳到 gitee 就十分合適,很適合需要將文檔上傳到 gitee 的人群,既免費又好用。那如何來操作呢?下面是操作流程
第一步,我們需要有 gitee 帳號,選擇 gitee 的原因是因為它是國內平台,訪問速度快捷!碼雲 gitee.#
第二步 創建倉庫,這個倉庫要求要公開,要不圖片放進來後無法訪問#
然後選擇管理
然後選擇開源,這裡一定要選擇開源!!!要不然圖片放進來後無法訪問
再勾選倉庫公開需知然後保存即可
第三步 在個人主頁找到個人設置然後點擊#
第四步 進入以後選擇 “私人令牌”,然後選擇 “生成新令牌”#
第五步 創建私人令牌#
提交後輸入密碼
提示私人令牌已生成,此時複製好您的私人令牌!!!
第六步 下載 PicGo#
github 下載速度較慢,這裡我分享百度雲盤和藍奏雲
百度網盤分享鏈接:鏈接:https://pan.baidu.com/s/1fQ6P4hpPj3bQNQ1jVQq23A?pwd=lt10
提取碼:lt10
藍奏雲鏈接:
https://wwlx.lanzoul.com/iA9bv0tukyod
密碼:76m9
第七步 配置 PicGo#
點擊插件設置
Gitee
圖床不是PicGo
的列表圖床,需要通過插件設置來添加,但是必須安裝Node.js
之後才能安裝PicGo
的插件,因為PicGo
要使用npm
來安裝插件。需要安裝的見下面地址:Node.js 下載地址
安裝完Node.js
,在 PicGo 插件設置裡搜索 gitee
,應該能出兩個選項,一個是 picgo-plugin-gitee
,另外一個是picgo-plugin-gitee-uploader
,重點來了,可能最近 npm 那邊的搜索服務崩了,搜索 gitee 居然不出任何結果,崩潰!
手動安裝 PicGo 插件#
所以本文記錄一下如何手動安裝 PicGo 插件!
首先確保安裝 Node.js, Win+R 鍵,輸入 cmd 調用 命令行窗口,輸入 npm -v 能顯示版本號,說明你 npm 可以使用
可以看到我的版本為 6.13.4
然後轉到 windows 配置目錄在C:\Users\XXX\AppData\Roaming\picgo
下,XXX 為電腦的用戶名,根據自己的情況修改即可
這裡我移動了Roaming
文件夾的位置
在路徑欄裡輸入 cmd 回車
最後使用 npm 手動安裝 gitee 圖床,命令如下:
npm install picgo-plugin-gitee-uploader
,然後重啟 picgo 再搜索一下 gitee 就能看到已安裝了。
大家也可以安裝其他的插件,PicGo 插件清單
重啟 picgo,之後點擊 圖床設置 ->gitee,來到下圖
repo就是創建倉庫後,倉庫地址的 id
branch默認就是 master,沒有其他分支,就不用更改
token就是第五步私人令牌複製的內容,如果複製丟失,可以回到第五步選擇修改,重新提交生成私人令牌
最後點擊 確定、設置為默認圖床至此 picgo 的設置就完成了。
第八步 Typora 配置#
注意,這裡的文件會在當前打開文件的地方生成一個upload
文件夾,此後的 md 文件只能在這個文件夾下編寫
依次點擊 文件 -> 偏好設置 -> 圖像
按圖中設置即可,其中PicGo 路徑就是 PicGo.exe 的安裝位置。
查看方式是,右擊桌面 PicGo 的圖標 -> 選擇屬性,框選的部分就是PicGo 路徑
注意不要雙引號
至此,Typora+PicGo+gitee 自動上傳圖片就搞定了。
我們粘貼一個圖片測試一下
然後右鍵上傳圖片即可
我們可以去 gitee 倉庫查看是否上傳成功
可以看到上傳成功