为了防止 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}"
}