1.介绍
今天再次收到了来自OSS的费用单,当我们购买了OSS对象存储后一般都会有指定的容量。这个容量的费用在选择开通对象存储后,就进行了支付。而之后产生的费用多是流量费用。
而流量费用就和我们的图床上传的图片尺寸大小有直接关系了。
所以,当我们在写博客时通过PicGo插件实时上传图片,如果能够在上传操作前对图片进行压缩应该可以说刚需了。
那么,PicGo能不能进行压缩呢?答案是可以,有大神提供了相关压缩插件。
本篇就介绍我在Windows环境下的安装过程。
2. 安装 Compress 插件
我的本地环境和相关插件的版本
- windows 11
- PicGo -2.3.0
- compress 1.3.6
- nodejs 16.14.2
2.1 第一步-安装nodejs 16.14.2
前面的PicGo的安装这里就不进行介绍了,想了解可以参考这篇文章:阿里云OSS+Typora+PicGo 2.3.0 +Halo 实现图床搭建 (zinyan.com)
当我们在PicGo的插件设置界面中,搜索compress后,点击安装会提示
所以,从Node.js 的安装开始介绍
访问官网:Node.js (nodejs.org)
通常会有两个版本让我们选择,一个是LTS 大众稳定版本,一个是Current 最新版本。建议选择稳定版本进行安装。
Node.js 是一个基于Chrome 的V8 JavaScript引擎的 JavaScript运行库
然后会出现可选编译模板,在下面的面板中,需要选择并安装(会给我们安装 Python,Visual studio Build Tools ,Chocolatey)
如果忘记安装也可以通过下面的进行重新安装,否则我们之后执行npm命令的时候会出现Python 错误 。
那么,我们安装的时候没有安装上面的模板,那么可以通过下面的命名进行安装:
node安装完毕后,我们通过命令行输入node 就能看到安装版本信息。
2.2 安装 picgo-plugin-compress 插件
重启PicGo,然后再尝试安装compress插件。(注意不要使用PicGO自带的重启应用功能,可能会出现状态错误)
我们在PicGo的插件设置中搜索compress然后点击该插件的安装按钮。
PS1:如果你发现插件列表搜索不出来任何的插件。那么很大的可能就是我们当前设备无法访问GitHub。
不能访问GitHub的话。那么插件设置功能对于你来说就没有用了。因为所有的插件都搜不到。
PS2:安装完毕后,不能访问GitHub,并不影响已将安装的插件的使用。除非你的插件本身功能需要GitHub支持
然后点击安装后,就会出现安装中的状态了。
但是,我一直安装不成功。后面就尝试npm 通过命令行的形式进行安装。
2.2.1 采用npm 安装
(采用这个方法的前提条件是我们的node已经安装才行)
第一步:我们先在PicGo的安装目录下,创建一个plugin-compress 的文件夹,效果图如下:
建立这个文件夹的主要原因就是,我们安装的插件需要手动配置到PicGo的配置文件中去。否则插件安装完毕后PicGo找不到插件。(PS:这个文件夹的位置和名称都可以自定义,我们想配置什么名称都可以。)
第二步:我们将命令行切换plugin-compress 目录下,进行安装picgo-plugin-compress
在plugin-compress目录下,执行:npm install picgo-plugin-compress --save --registry=https://registry.npm.taobao.org
示例如下:
--registry=https://registry.npm.taobao.org 其实可以不用的。这只是告诉我们从阿里云的镜像进行安装。
如果我们本地的npm配置了相关镜像,那么这个就可以省略了。如果没有错误,那么就会安装成功了。
安装完毕的插件,在本地目录下的显示如上图所示。我们这个时候如果打开PicGo的插件设置是看不到插件的。
需要我们配置该文件地址到PicGo的配置文件中,告诉PicGo有哪些插件安装了启动的时候一起加载吧。
第三步:配置插件到PicGo
PicGo的默认配置文件是在以下目录:
-
windows :C:\Users\用户名\AppData\Roaming\picgo
我们在该目录下,执行以下配置:npm install "D:\Program Files\PicGo\plugin-compress"
就可以安装完毕了。
(PS:如果不行,我建议你试试另外那个色彩笔的压缩工具吧,都差不多。而且它的安装简单 )
3.参考
安装过程中参考的一些资料如下:
安装不上去。 · Issue #2 · JuZiSang/picgo-plugin-compress (github.com)
评论区