跳至主要內容

Typora上传图片到Gitlab图床配置步骤

大约 2 分钟约 712 字

Typora上传图片到Gitlab图床配置步骤

1 安装NodeJS

Node.js — Run JavaScript Everywhereopen in new window

image-20250415164820097

下载Node.js v22.14.0的LTS版本，然后双击安装程序，根据安装向导安装即可。

2. 安装picgo

上一步操作安装node.js成功后，需要使用nodejs工具安装picgo软件，具体使用如下命令：

npm install -g picgo --registry=https://registry.npmmirror.com

image-20250415165319889

上面截图显示已经成功安装。

下一步需要查看picgo安装的具体路径：

image-20250415165417393

3. 安装picgo用于上传到gitlab仓库图床的插件

在安装picgo的插件gitlab-files之前，先确保picgo命令是可以直接在命令行窗口直接访问的，需要配置PATH环境变量， 把上一步npm root -g命令输出的路径前半部分到npm的部分配置到系统环境变量PATH中。我这里需要将路径C:\Users\18740\AppData\Roaming\npm添加到系统环境变量PATH中，该路径中包含我们会用到的picgo.cmd命令。

image-20250415165804156

image-20250415170008058

添加完picgo.cmd命令的路径到系统Path环境变量后，重新再打开一个PowerShell或cmd窗口，开始安装picgo插件gitlab-files, 执行如下命令安装：

 picgo add gitlab-files

image-20250415170216513

上面成功安装。

4. 配置Typeora使用picgo插件

先准备picgo的插件gitlab-files的配置文件，打开Typora软件，文件--> 偏好设置... -->图像，如下图，先选择PicGo-Core (command line)打开config.json配置文件，然后填写下面已经准备号的配置文件内容保存即可。

image-20250415170913061

点击打开配置文件后，会自动打开config.json文件，将文件内容替换成如下内容：

{
  "picBed": {
    "uploader": "gitlab-files-uploader",
    "current": "gitlab-files-uploader",
    "gitlab-files-uploader": {
      "gitUrl": "https://gitlab.leadchina.cn",
      "projectId": "1",
      "branch": "main",
      "gitToken": "glpat-mMsUiQ54rjh74uzxBtvV",
      "gitVersionUnderThirteen": "true",
      "fileName": "/pictures/{year}/{month}/{day}_{hour}_{minute}_{second}_{fileName}",
      "commitMessage": "Upload {fileName} By PicGo gitlab files uploader at {year}-{month}-{day}",
      "deleteRemote": false,
      "deleteMessage": "Delete {fileName} By PicGo gitlab files uploader at {year}-{month}-{day}",
      "deleteInform": false,
      "authorMail": "",
      "authorName": ""
    },
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitlab-files": true
  }
}

然后 ，再在上传服务设定处，选择自定义命令，如下图， 填入：C:\Users\18740\AppData\Roaming\npm\picgo.cmd upload。

image-20250415170700755

然后在点击验证图片上传选项操作，如下图，成功界面就代表已经配置成功。

image-20250415171423722

至此， Typora集成picGo插件以gitlab仓库为图床的配置完成。

后续使用Typora编写文档时，直接粘贴图片到Typora文档中即可，然后在右键单击图片，点击上传图片即可将文档中的图片上传到gitlab图床中， 上传成功后，图片的url地址会自动变更为gitlab仓库的地址。

image-20250415171627299