ubuntu下typora联合PicGo实现图片上传功能

系统：ubuntu 18.04
假设已经安装好 typora ，安装最新版本即可。

---

在ubuntu和windows上用Typora编辑markdown文档很爽。但是存在一个问题，插入的图片如果是本绝对地址，那么在另一台电脑上无法显示图片。如果采用相对地址的解决方案，则必定有一个放置图片的文件夹与.md文件形影相随，一点都不清爽。于是，将图片插入时Typora时，自动图片便成了最优雅的解决方案没有之一。本篇介绍如可利用PicGo实现Typora插入图片时自动上传云端，本地地址变成网络地址。windows系统下，可参照网上博客进行即可，比较简单。ubuntu系统下，需要解决一些问题，网上没有说的很清楚，自己走了很多弯路才成功，为方便以后查阅与方便大家，将实现过程记录下来。

• Nodejs 12.18.3 LTS + PicGo 2.3.0-beta.3

安装PicGo

去Molunerfinn/PicGo/releases下载最新版本的PicGo，我此时下载的最新版本为PicGo 2.3.0-beta.3。

此处以我的版本为例，说明在ubuntu系统下安装使用PicGo。

• 点击下载PicGo-2.3.0-beta.3.AppImage
  
• 右键PicGo-2.3.0-beta.3.AppImage属性，选中Allow executing file as program，如下图所示：
  
• 右键PicGo-2.3.0-beta.3.AppImage，点击run，默认下面图标，不要着急，不要一气之下把它给删了，继续…
  
• 鼠标放在上面的小图标上，右键，打开详细窗口：
  
• 下载gitee码云图片上传插件（如果不害怕github速度慢，可以忽视这一步）：
  

---

以下步骤github与gitee相似，此处以gitee为例：

• 参照PicGo+Gitee搭建个人图床，新建放置图床的仓库、获取私人令牌token
• Gitee图床设置界面如下所示（上上步安的是左边的gitee 2.0.3,建议下左边的，右边的我没配置成功），
  
• 配置完，可回到上传区，将图片拖到虚框内，如果提示上传成功，可去个人gitee对应仓库下查看刚上传的图片是否到了这。

安装配置PicGo-core

由于PicGo的GUI软件在ubuntu对typora支持有问题，因此，安装PicGo-core，采用命令行Custom Command（如下图的上传服务一栏所示）:

1. 安装最新nodejs | 以12.18.3为

• 卸载老版本nodejs (我真的下了血本，卸载它需要把安装的ros也连带强制一起卸载，我点了yes)

sudo apt-get remove nodejs

• 点击nodejs 12.18.3 LTS for Linux 64下载得如下压缩文件：
  
• 解决到当前文件夹，打开文件夹总共有四个子文件夹：
  
  
• 将文件夹拷到/usr/local/lib/nodejs下,并将Nodejs添加到环境变量

sudo cp -r node-v12.8.3-linux-x64 /usr/local/lib/nodejs
echo "export export PATH=/usr/local/lib/nodejs/bin:$PATH" >> ~/.bashrc
echo "export export PATH=/usr/local/lib/nodejs/bin:$PATH" >> ~/.bashrc
. ~/.profile
. ~/.bashrc

• 测试安装是否成功

node -v
npm -v

分别显示：v12.18.3与6.14.6

• 如果想sudo node xxxx 或 sudo npm xxxx执行一些操作，需要执行以下命令：

sudo ln -s /usr/local/lib/nodejs/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/nodejs/bin/npm /usr/bin/npm
sudo ln -s /usr/local/lib/nodejs/bin/npx /usr/bin/npx

否则，加上sudo时，系统会找不到node与npm。

2. 安装PicGo-core

• 配置cnpm

sudo npm install -g cnpm

• 安装PicGo-core

sudo cnpm install picgo -g

• 安装插件picgo-plugin-gitee-uploader

picgo install gitee-uploader

3. PicGo-core配置文件

PicGo-core的配置文件地址：~/.picgo/config.json

PicGo GUI的配置文件如下方式打开：

• 参照PicGo GUI配置文件来编写PicGo-core的配置文件：

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "smms": {
      "token": ""
    },
    "gitee": {
      "message": null,
      "owner": "gitee用户名",
      "path": "img",
      "repo": "gitee用户名/仓库名",
      "token": "xxxxxxxxxxxxxxxx私人令牌的tokenxxxxxxxxxxxxxxxx"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee": true,
    "picgo-plugin-gitee-uploader": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2020-09-11 06:40:29"
  }
}

• 配置Typora集成PicGo-core
  在下面界面的自定义命令一栏中填入/usr/local/lib/nodejs/bin/node /usr/local/lib/nodejs/bin/picgo upload

• 点击上图中的验证图片上传选项，如果跳出如下界面，说明一切顺利！！！
  
• 此时，新建一个typora，在里面插入一张图片，它会自动将图片上传到gitee对应仓库，并将本地地址改为网络地址
  

---

END
by windSeS
2020-09-11