简单介绍
Typora给广大码字员提供了一个极为便利的Markdown编辑工具,同时Typora也提供了上传图片到服务器的功能。
其中PicGo(app)其实相当于Typora调用了一个第三方程序上传到你的图床。
安装
- 安装nodejs,且版本要求 >=8。
- 安装Pic-Go。(可以在Typora中配置中找到下载入口,也可以直接去GitHub上进行下载)
- GitHub下载地址:Releases · Molunerfinn/PicGo
这是我安装完并配置好后的主界面。
PicGo本体只支持七种图床(如GitHub,七牛),且已明确不再增加,但可以通过第三方图床插件实现对其他图床的支持(如gitee)
PS:后面在使用的过程中,也发现了一些问题,大概在22年3月份我的图片外链都无法访问了。后来了解到gitee的规定中是不允许拿来做图床的,刚好就遇上了官方开始管这个。
虽说后面很快就恢复了,但比较也是个隐患,所以后面我干脆就自己在服务器上自己搭个个人图床了。搭建的是chevereto,安装过成可以看我的另一片文章个人图床Chevereto
Gitee图床配置
原本我采用的是GitHub作为我的图床,但由于网络原因,在上传以及相册显示上对国内环境很不友好(相册中显示不出图片),所幸后来发现PicGo插件可以支持Gitee图床,换完之后那叫一个顺畅。唯一不好的就是gitee文件大小有1MB限制, 所以超过1MB的文件无法通过外链获取。
GitHub图床的配置也是类似的流程,只是省了插件安装一步。
下载插件
在PicGo的插件设置中直接搜索可以看到支持的插件,我用的是 gitee-uploader 这个,另外两个基本上也差不多。
在App中安装插件可能会不成功,可以选择手动下载:
在windows 配置目录C:\Users\XXX\AppData\Roaming\picgo
目录下,以管理员身份打开命令行,使用npm
/cnpm
下载:cnpm install picgo-picgo-plugin-gitee-uploader
(最好的方法还是科学上网之后直接App内下载)
Mac上路径为User/用户名/Library/Application Support/picgo
最近去看了下,picgo-plugin-github-plus 1.2.0 也已经支持gitee了
gitee仓库配置
-
在gitee上创建仓库pic-bed(名字可以自定义)
- 仓库类型必须为public(开源)
- 模板勾选上Readme文件
- 分支模型为单分支模型
-
获取Token私人令牌
点击头像 ▶️ 【设置】 ▶️ 【私人令牌】 ▶️ 【生成新令牌】 ▶️ 仅选中user_info,projects ▶️ 输入密码进行验证 ▶️ 复制生成的Token(注意保存,关闭窗口后将无法再次查看)
PicGo图床配置
-
repo: gitee仓库的路径,即仓库主页显示的仓库全称,一般为
gitee账户名称/仓库名
(要注意在个人资料-个人空间地址中若进行了修改,这里的路径也要进行相应的修改)
-
branch:git上传的分支,填写
master
-
token:上面复制的私人令牌
-
path:保存的文件夹路径,填写
img
-
其余保持默认即可
填写完后确认并设为默认图床
腾讯云COS图床配置
在xzs大佬的鼓动下,尝试着用COS做图床,反正腾讯云COS新用户有50G、180天的免费额度,先试一手。
PS:
- 发现对于1MB以上的图片使用COS更合适,Gitee图床无法显示1MB以上的图片
- COS上行免费,但下行流量计费,且独立于存储容量,被劝退💩
COS配置
-
创建存储桶
在腾讯云的对象存储产品中,【存储桶列表】➡️【创建存储桶】
- 访问权限设为“公有读私有写”,图床的标准配置需区
- 地域我这里选择了我的服务器同一地区
- 注意PicGo的COS支持v4和v5两个版本,在信息上会有所不同,如存储桶名称结构和所属地域
-
创建密钥
密钥配置的入口v4和v5有所不同,我这里直接放链接【API密钥管理 - 访问密钥 - 访问管理】
直接【新建密钥】并记下
APPID
,SecretId
和SecretKey
图床配置
-
COS有v4和v5两个版本,我这里是v5。
-
设定SecretId:上面生成的API密钥中的
SecretId
-
设定SecretKey:上面生成的API密钥中的
SecretKey
-
设定APPID:上面生成的API密钥中的
APPID
-
设定存储空间名:存储桶名称
-
确认存储区域:存储桶所在地域(COS详情页有)
配置结束,保存并设为默认图床。
个人配置习惯
-
PicGo设置中将Gitee以外的所有图床取消显示,看着简洁
-
设置中我开启了时间戳命名和上传前重命名,由于gitee中文件排序是按照文件名进行排序,所以为了查找方便,使用时间戳进行排序,同时在上传前在时间戳后添加上图片名字。
(当然,PicGo的相册功能在使用Gitee后能够清楚的显示图片,时间戳也只是我个人的强迫症而已)
-
原本我是打算在hexo博客生成时自动添加图片水印,但hexo自带的水印插件
hexo-images-watermark
不支持对远程图片加水印,所以我只能选择在图片上传时使用PicGo的插件picgo-plugin-watermark
对图片本身添加水印,并无意侵犯版权,如果有了解这一方面的小伙伴希望能和我科普一下🙏
Gitee图床1MB限制解决方案
PicGo中下载图片压缩插件
我是用的是picgo-plugin-compress
,其支持imagemin+luban
(默认) / tinypng
/lubanforgitee
等压缩方式,其中:
lubanforgitee
是专门解决gitee外链1MB以上图片无法访问的问题,将所有图片压缩到1M以下tinypng
无损压缩,需要上传到[tinypng](TinyPNG – Compress WebP, PNG and JPEG images intelligently)网站,插件配置时需要先申请API,每月有500张的免费额度(试成功之后发现其不能保证压缩到1MB以下,不过对高清图的需求还是比较少)
最后,记得在插件设置里 启用transformer - compress
,它默认是禁用的,刚开始迷惑了好久咋不起作用。。。
提醒
最后提一句,由于图床在Gitee上是公开的,所以所有人都可以看得到图床内容,要注意保护好个人隐私呐(要是在图床看到什么不得了的图片请务必联系我😘)