本文档解决的问题

  Typora 是一款 Markdown 文档编写工具,也可以用来编写日常的工作记录。但是这个软件有个小问题,就是如果文档中插入了图片,在跨机器查看文档的时候图片就没法正常显示。

  好在 Typora 提供了一些插件可以解决这个问题,我们可以在编写文档时把图片上传到网络上,这样无论在哪里,只要有网络文档就可以正常显示。

  可以存储 Typora 的服务有很多,比如说 阿里云、腾讯云、SM.MS、七牛云、GitHub等,但是上述的像阿里云、腾讯云都需要收费、而七牛云有域名限制、GitHub网络又不好。所以再三思索下决定使用 Gitee,这样既可以存图片,又可以存 markdown 文档一举两得。

必要软件

我们需要下载两个软件:

Typora 安装

​ 下载完 Typora 之后,点击安装就可以了。如果想完成图片自动上传,则需要 Typora 支持上传服务设定。也就是在 偏好设置图像 设置中要有下面这个选项才可以。比较低的版本是没有这个的,所以最好下载最新版。

插件安装

​ 安装插件前需要先安装 Node,安装完之后执行如下命令可以检验是否安装成功

1
2
C:\Users\denggh\Desktop>node -v
v12.16.3

需要用到PicGo-Core 以及其两个插件,他们是 super-prefixgitee-uploader 。安装的相关命令如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 设置仓库为淘宝的,这样下载速度就会比较快
C:\Users\denggh\Desktop>npm config set registry https://registry.npm.taobao.org

// 安装 picgo-core
C:\Users\denggh\Desktop>npm install picgo -g

// 查看 picgo-core 安装到哪里了
C:\Users\denggh\Desktop>where picgo
C:\Users\denggh\AppData\Roaming\npm\picgo
C:\Users\denggh\AppData\Roaming\npm\picgo.cmd

// 安装 gitee-uploader 插件
C:\Users\denggh\Desktop>picgo install gitee-uploader

// 安装 super-prefix 插件
C:\Users\denggh\Desktop>picgo install super-prefix

插件Picgo配置

PicGo会把插件安装在配置文件所在的目录下。默认配置文件在 ~/.picgo/ 下,所以插件会安装在 ~/.picgo/node_modules/ 下。

具体来说,windows系统 C:\Users\用户名\.picgo 下的 ==config.json== 就是用于上传配置的文件。我们只需要修改此文件即可,填写好 gitee 下面的信息保存即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
"picBed": {
"uploader": "gitee",
"current": "gitee",
"gitee": {
"repo": "仓库名,格式是 user/repo 必填",
"token": "gitee 私人令牌 必填",
"path": "自定义存储路径,比如 img/ ,但是前提是仓库有这个文件路径,如 user/repo/img",
"customUrl": "没有自己的域名的话,可以默认为空就行; 如果自定义域名,注意要加http://或者https://",
"branch": "分支名,默认是 master"
}
},
"picgoPlugins": {
"picgo-plugin-gitee-uploader": true,
"picgo-plugin-super-prefix": true
},
"picgo-plugin-super-prefix": {
//super-prefix插件配置: prefixFormat 或者 fileFormat,注意别使用:(英文的冒号)在文件名里面,因为更新仓库到本地时会失败,windows不支持含特殊符号的文件名
"fileFormat": "YYYYMMDDHHmmss"
},
"picgo-plugin-gitee-uploader": {
"lastSync": "2021-12-22 10:59:31"
}
}

配置 Typora

image-20211222105929407

上传服务选择 custom command,自定义命令输入 安装路径/picgo u

ps:因作者能力有限,有错误的地方请见谅

  • 喜欢这篇文章的话可以用快捷键 Ctrl + D 来收藏本页
× 请我吃糖~
打赏二维码