picgo+typora+gitee搭建图床

Zhen Lu
Dec 10, 2023 2 min read 工具

图床

在typora markdown文档中插入图片时，如果图片是本地的，那么在网站上发布时，就会因为转存失败而无法显示图片。如果将图片上传到github或gitee上，那么在本地编辑时，图片就无法显示。

为了解决这个问题，需要先将图片上传到图床，并获取该图片的URL链接，再将该链接插入到markdown文档中，此时再进行网站上的发布，就可以正常显示图片了。

这里是利用picgo+typora+gitee搭建图床的过程。之所以没有用github，是因为某些时候，github的图片链接会失效，而gitee的图片链接则不会失效。

1. 注册码云账号

码云是一个类似于github的网站，注册码云账号，用于存放图片。首先需要新建一个repo，用于存放图片。

repo

2. 安装picgo

在typora的图像设置中，选择picgo core (command line)，相比于其app，它更轻量一点。

typora

需要注意的是，picgo core (command line)需要安装node.js，而picgo app则不需要。安装node.js，一路维持默认设置即可。

然后，需要下载两个picgo的插件，一个是gitee-uploader，另一个是super-prefix，分别用于上传图片到gitee和给图片名称添加前缀。获取picgo的安装位置，一般是在C:\Users\用户名\AppData\Roaming\picgo\目录下。

cd C:\Users\用户名\AppData\Roaming\picgo\
.\picgo.exe install gitee-uploader
.\picgo.exe install super-prefix

3. 配置picgo

在picgo的配置文件中，需要添加gitee-uploader和super-prefix两个插件的配置信息。配置文件的位置在C:\Users\用户名\AppData\Roaming\picgo\目录下的data.json文件中。

{
  "picBed": {
    "uploader": "gitee-uploader",
    "current": "gitee-uploader",
    "gitee-uploader": {
      "repo": "Leslie-Lu/markdown", // 你的gitee上的repo
      "branch": "master",
      "token": "gitee的token", // gitee的token，替换成gitee上的私人令牌
      "path": "image/", // 图片存放的路径
      "customUrl": "", 
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  }
}

4. 配置typora

这样，我们就可以验证一下picgo是否配置成功。在typora中，新建一个markdown文档，插入一张图片，然后点击typora的图像设置，选择picgo core (command line)，点击上传图片，如果上传成功，那么就说明picgo配置成功了。

Did you find this page helpful? Consider sharing it 🙌

Zhen Lu
Zhen Lu
Biostatistician, Clinical Epidemiologist

Walk with the master