[工具] PicGo + smms 构建图床

文章目录

  • [工具] PicGo + smms 构建图床
      • 2020.07.02更新
        • 下载PicGo 2.3.0-beta.0
        • 获取API Token
        • PicGo中设置sm.ms图床
      • PicGo
        • 为什么需要图床
        • 为什么选择PicGo
        • PicGo下载
      • smms
      • PicGo图床设定为smms
        • 下载smms-user插件
        • 下载nodejs
        • 设置环境变量
        • 安装smms-user插件到PicGo
        • PicGo设置smms的token

2020.07.02更新

sm.ms开始支持API version 2,下面的之前写的很多都不能用了。这里在更新一下API version 2下的设置。

下载PicGo 2.3.0-beta.0

PicGo 2.3.0-beta.0

Windows要下载.exe文件。

[工具] PicGo + smms 构建图床-编程之家

获取API Token

[工具] PicGo + smms 构建图床-编程之家

[工具] PicGo + smms 构建图床-编程之家

PicGo中设置sm.ms图床

[工具] PicGo + smms 构建图床-编程之家
Here we are!

PicGo

为什么需要图床

使用markdown一直有一个不太舒服的点,就是图片保存的问题。markdown不像word那样可以直接保存图片,而是将图片本地会单独存放,以链接的形式插入在markdown中。

这样就带来两个问题:

  1. 如果本地图片丢失或者位置变动,图片就挂了。

  2. 当将markdown文件上传到网站的时候(比如CSDN),由于网站无法读取你本地的文件,上传的markdown中的图片也会挂掉。

    这时候你就要一个一个上传图片。图片少了还好说,图片多了就火葬场了。

一个解决办法是使用一个图床。也就是把图片上传到其他服务器,获得一个链接,然后插入markdown中。这样markdown文件读取的就是服务器的图片,而不是本地的图片了。

使用smms只能解决上面提到的第一个问题(即本地图片丢失或者位置变动,图片就挂了)。对于第二个问题,smms存在防盗链机制,上传markdown依旧会挂掉

为什么选择PicGo

[工具] PicGo + smms 构建图床-编程之家

我将PicGo视为图床的接口,或者说是一个图形界面。

既然如此,我希望这个界面简介,功能就好了。

功能包括:

  • 设置不同的图床
  • 返回的链接格式(直接返回到剪贴板)
  • 上传图片(拖拽上传、剪贴板上传)

另外,可以通过设置快捷键,来快速上传图片到图床:

[工具] PicGo + smms 构建图床-编程之家

PicGo下载

GitHub:PicGo


smms

官网地址:https://sm.ms

永久存储,图片链接支持https,可以删除上传的图片,提供多种图片链接格式。

每个图片最大5M,单次最多上传10张 。


PicGo图床设定为smms

下载smms-user插件

要下载一个插件:picgo-plugin-smms-user

在PicGo软件中下载比较慢,建议通过GitHub将项目clone。

clone之后得到picgo-plugin-smms-user文件夹:

[工具] PicGo + smms 构建图床-编程之家

下载nodejs

要下载nodejs,否则安装插件运行npm install ./picgo-plugin-smms-user时会出现如下报错:

'npm' 不是内部或外部命令,也不是可运行的程序

下载nodejs的网址是:http://nodejs.cn/download/

设置环境变量

下载完毕nodejs之后,要设置环境变量,在Path中加入路径C:\Program Files\nodejs(注:此路径为安装路径,可变)。

更改环境变量见:设置Python环境变量-Windows10

注意:设置好环境变量后要重启计算机。

安装smms-user插件到PicGo

将clone之后得到的picgo-plugin-smms-user文件夹放到PicGo的安装路径下:
[工具] PicGo + smms 构建图床-编程之家

双击进入该文件,shift+右键,进入PowerShell,输入命令npm install ./picgo-plugin-smms-user即可。

[工具] PicGo + smms 构建图床-编程之家

PicGo设置smms的token

进入该网址,获取 Secret Token

[工具] PicGo + smms 构建图床-编程之家

将生成的Secret Token复制到PicGo中:
[工具] PicGo + smms 构建图床-编程之家