【Linux环境配置】4. Ubuntu下PicGO配置gitee图床

Ubuntu配置PicGo图床

Ubuntu20.04系统 搭配gitee和picgo实现自制图床 配置typora 和 picgo-core实现粘贴图片自动上传到图床的功能。
注意：后期可能gitee会设置防盗链来限制白piao图床的行为，因此最好在使用图床的同时也在本地备份一份图片，用YAML设置自动上传。
如果有条件快速访问github，也可以用github和cdn加速来做图床。

---

1. 软件下载

• typora
• nodejs
• picgo-core
• picgo
• flameshot
• xclip

1.1 安装typora

typora-linux官网下载

通过官网下载typora后，打开终端输入：

# or run:
# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE
wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -
# add Typora's repository
sudo add-apt-repository 'deb https://typora.io/linux ./'
sudo apt-get update
# install typora
sudo apt-get install typora

启动：可以通过按下开始菜单进行应用程序搜索typora，并右键添加到收藏家

1.2 安装picgo

如果有需要手动上传到云的图片需求，可以下载Picgo App通过配置快捷键

去github官网搜索picgo

点击Releases

往下划找到PicGo-2.3.0.AppImage

下载完后右键该文件->属性->权限

运行PicGo-2.3.0.AppImage，会出现picgo的小图标，右键小图标，点击打开详细窗口

这样picgo就下载完毕了。

1.3 安装nodejs

安装最新nodejs ，当前为12.18.3

先卸载老版本的nodejs，防止不兼容

sudo apt-get remove nodejs

点击链接下载nodejs，nodejs 12.18.3 LTS for Linux 64下载地址

下载后将压缩文件解压。

将解压后的文件夹copy到/usr/local/lib/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

创建软连接，使得可以使用sudo node xxx和sudo npm xxx

这一步不执行的话会导致安装picgo-core的时候找不到node和npm命令

1.4 安装picgo-core

配置cnpm

sudo npm install -g cnpm

安装picgo-core

sudo npm install picgo -g

安装gitee上传插件

picgo install gitee-uploader

1.5 安装flameshot(截图工具，非必要)

如果习惯系统自带的截图工具或者其他自己已经有了截图工具则跳过这样一步

打开终端输入命令：

sudo apt install flameshot

按装完后设置截图快捷键

点击ubuntu设置，找到下面的键盘快捷键一栏

找到最下面的自定义快捷键下面的加号，点击添加快捷键，名称和快捷按照个人喜好设置。

按下快捷进行截图测试，截图完点击复制或者直接按下enter

屏幕上方提示保存到剪切板。

1.6 安装xclip

xclip 命令可以从 stdin，或者文件读入数据到剪贴板，或者将剪贴板内容粘贴到目的应用中。xclip 命令建立了终端和剪切板之间通道，可以用命令的方式将终端输出或文件的内容保存到剪切板中，也可以将剪切板的内容输出到终端或文件

如果没有安装xclip，在进行上传的时候会提示缺少xcilp。

通过命令下载：

sudo apt install xclip

安装完成后开始搭建图床。

2. 搭建gitee图床

• gitee仓库
• gitee私人令牌（重要）
• picgo关联仓库

2.1 gitee仓库创建

先去gitee官网注册一个账户：gitee官网

最好用英文名，养成习惯

找到右上角的加号，点击新建仓库

填写仓库名称，路径，简短的介绍，勾选开源，否则别人访问不了图片

后面的初始化仓库和模板随意选，点击创建

2.2 gitee私人令牌

点击个人主页进入个人设置

找到左侧栏的安全设置，点击私人令牌

生成一个令牌

输入密码验证后生成令牌，将令牌复制保存后再关闭。

这样gitee方面就搭建完毕了。

2.3 picgo配置

打开前面下载picgo后的详细窗口。

找到图床设置，点击gitee栏

如果没有gitee这个栏目，则前面安装插件的时候失败了，那就先安装gitee-uploader插件（如果前面已安装过则跳过这一步）

找到下方的插件设置，搜索gitee，安装gitee-uploader

配置PicGo -gitee

点击设置为默认图床，确定

根据自己的习惯选择是否开机启动，然后最好勾选上时间戳重命名，上传后自动复制URL

到这一步可以复制一张图片然后

3. 配置typora图片自动上传

修改picgo-core的配置文件

可以通过主目录下显示隐藏文件找到.picgo文件夹，打开后能看到config.json文件

也可以用直接在终端打开：

cd ~/.picgo	#切换到.picgo目录
vim config.json	#编辑修改配置文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t6gFzFBr-1650557581019)(https://gitee.com/chen-muxin/mx-picgo-image/raw/master/img/image-20210920181608222.png)]

打开后将配置改为

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "smms": {
      "token": ""
    },
    "gitee": {
      "message": null,
      "owner": "gitee用户名",
      "path": "图片在仓库的保存路径",
      "repo": "gitee用户名/仓库名",
      "token": "私人令牌"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee": true,
    "picgo-plugin-gitee-uploader": true
  }
}

比如为：

修改完配置文件后，打开typora，点击文件->偏好设置

点击图像，按照如下设置

在下面的自定义命令中输入：

/usr/local/lib/nodejs/bin/node /usr/local/lib/nodejs/bin/picgo upload

点击验证图片上传选项，如果显示验证成功，说明配置完毕。

此时在编辑typora中markdown文档时，将复制的图片直接粘贴上会从本地自动上传到云端。

示例为截图上面一句话进行粘贴测试。

刚粘贴的时候，url显示图片位置为本地，然后图片弹出上传读条

上传读条结束后，图片位置变成云端，同时自动将[url]连接改为云端位置。

4. Picgo快捷上传(非必要)

如果有需要在typora外单独上传图片到图床的需求，可以配置一个全局快捷上传

打开Picgo详细窗口，点击PicGo设置，选择修改快捷键

点击编辑后，在编辑窗口按下想设置的快捷键

设置完成后，用flameshot进行截图后复制到剪切板，按下刚刚设置的PicGo上传快捷键，提示上传成功。

打开gitee仓库查看上传的图片

5. 参考文章：

https://blog.csdn.net/u013468614/article/details/108539933

https://blog.csdn.net/weixin_42265958/article/details/108663804

https://www.cnblogs.com/geq2020/p/12506466.html