為了防止 Typora 編輯的 MarkDown 文檔在復制到其他地方出現圖片丟失的問題,我采用了 PicGo-Core+GitHub 實現圖床的功能。
說明
- Typora軟件版本為:0.9.98 。
- 需安裝
node.js
環境,可自行百度。 - 系統為
Windows 10
。
GItHub倉庫設置
新建倉庫
像下圖一樣操作,注意一定要是 Public,並且 Add a README file。
生成token
在 GitHub 的 Settings/Developer settings
中選擇 Personal access tokens
生成 token,這個 token 是用來給 PicGo-Core 訪問你的 GitHub 並且上傳圖片的。
安裝 PicGO-Core
安裝 PicGo-Core
有兩種方法,第一種方法比較簡單,但下載速度比較慢,第二種比較快,但配置比較麻煩。
第一種方法
下載安裝
直接在 Typora
中 偏好設置->圖像
的上傳服務中選擇 PicGo-Core(command line)
然后點擊 下載或更新
,等待下載即可。
配置PicGo-Core
安裝好之后,還需要下載上傳 GitHub 的插件 github-plus,這一步不是必須的,但是官方提供的 GitHub 上傳圖床功能並不好用,嫌麻煩可以不進行這一步。
點擊圖中的 驗證圖片上傳選項
,這是 Typora 通過上傳兩種圖片來驗證上傳功能是否正確,在這里是用來找到 PicGo-Core 的安裝位置。
下圖中的 C:\Users\micror\AppData\Roaming\Typora\picgo\win64\picgo.exe
就是 PicGo-Core 的安裝路徑。
打開 cmd,運行
cd C:\Users\micror\AppData\Roaming\Typora\picgo\win64
然后運行命令
picgo install github-plus
即可安裝。
第二種方法
下載安裝
確保已經安裝好了 node.js,直接打開 cmd 中運行 npm install picgo -g
,等待安裝即可。
輸入命令查看版本,如果有輸出則添加成功。
picgo -v
配置PicGo-Core
安裝成功后,繼續輸入
picgo install github-plus
等待即可安裝 github-plus。
同時還需要在 Typora 中配置圖像設置,選擇 Custom Command
。
Typora圖像配置
設置 PicGo 的配置
無論是用哪種方法安裝的 PicGo-Core ,它的配置文件都在一個地方,都可以用下面的方法打開,或者直接打開配置文件路徑 C:\Users\用戶名\.picgo\config.json
。
如下圖所示,分為2個步驟:
- 上傳服務選擇
PicGo-Core(command line)
- 打開配置文件,在打開的配置文件,添加相關信息。
{
"picBed": {
"uploader": "githubPlus",
"current": "githubPlus",
"githubPlus": {
"branch": "main",// 倉庫的分支
"customUrl": "https://cdn.jsdelivr.net/gh/用戶名/倉庫名@latest", // 訪問的自定義url
"origin": "github", // 存放的圖片類型
"repo": "用戶名/倉庫名", // 存放圖片的倉庫
"path": "images",// 倉庫中存放圖片的文件夾,也可以不填
"token": "" // 訪問github的倉庫的token,就是一開始生成的
}
},
"picgoPlugins": {
"picgo-plugin-github-plus": true // 啟用github-plus插件
}
}
上面的 customUrl
,在這里我是使用了 jsdeliver cdn 進行加速訪問,如果不知道是什么,就直接按照我的配置設置,或者不填。
第一種方法
第二種方法
其中的命令為
...\node.exe C:\Users\micror\AppData\Roaming\npm\node_modules\picgo\bin\picgo upload
它的格式是:node.exe的路徑+ 空格 +picgo的路徑+ 空格 +upload
測試配置
點擊驗證圖片上傳選項,如果顯示驗證成功,則表示配置成功。
圖片重命名上傳
picgo-plugin-rename-file 插件可以幫我們按照一定的規則將文件進行重命名,防止上傳錯誤,具體設置請看picgo-plugin-rename-file。
輸入命令安裝:
picgo install rename-file
安裝完成后,打開picgo
的配置文件C:\Users\用戶名\.picgo\config.json
末尾最后一個大括號前添加下面的配置信息。
,
"picgo-plugin-rename-file": {
"format": "{y}/{m}/{d}/{hash}-{origin}-{rand:6}"
}