使用picgo-core将markdown图片上传至smms图床

前言

之前使用 gitee 当作图床,typora 能渲染,但是博客里无法渲染,可能是有防盗链,所以换成了 smms 图床,换了之后就可以了。

Picgo-Core

不推荐使用图形化的 picgo,占用内存。建议使用 nodejs 安装 picgo,安装 nodejs 之后,再安装 picgo。

NodeJs 官网:https://nodejs.org/en

NodeJs 安装之后使用 npm 安装 picgo

1
2
3
4
5
# 通过node安装picgo(前提node环境已经安装好)
npm install picgo -g

# 配置文件所在的位置
# 用户家目录下的.picgo/config.json

把 picgo 所在的路径添加到系统环境变量,方便使用。

在 typora 设置中,图像选择【上传图片】,上传服务选择 【costom command】,命令选择 picgo 所在的位置,不过需要在最后面加上 小写字母 u,如:

1
picgo u

关于 picgo 的更多信息请参考:https://picgo.github.io/PicGo-Core-Doc/

图床服务

smms

注册账号

smms 注册账户拥有 5g 的空间,对于文章上传图片来说,应该是够用了,如果不够大不了再注册个账户而已。

官网:https://sm.ms/

备用地址:https://smms.app

注册账户之后,进入控制台查看 api token,记下来,稍后使用。

配置 picgo

首先确定好是否配置了环境变量,如果没有配置,请在 picgo 所在的路径打开终端。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
# 1. 查看picgo版本
picgo -v

# 2. 设置使用的图床服务
# 键盘上下键选择使用的图床服务,如smms,回车确认
picgo use

# 3. 设置使用的图床配置,如上传的路径,token等
picgo set uploader

# 继续选择smms,输入api token,输入的时候密码看不见。
# 接着输入smms备用域名,如smms.app

设置完成之后,随便截张图复制到 typora 中看它是否会自动上传。如果可以,则完成,失败,查看失败信息,进行排查。

插件

picgo-plugin-smms-user(smms必装)

这个插件配置 smms,可在 typora 中使用,返回链接自动更换 typora 默认的本地地址。

安装

1
picgo install picgo-plugin-smms-user

配置

1
picgo set uploader

图片.png

picgo-plugin-web-uploader

1
2
# 安装
picgo install picgo-plugin-web-uploader

picgo-plugin-telegraph-image

这个插件用于开源的自建图床服务,Telegraph-Image

安装

1
picgo install picgo-plugin-telegraph-image

配置

1
picgo set uploader
使用 Hugo 构建
主题 StackJimmy 设计