前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >PicGo 安装图片压缩插件,减少图床原图大小

PicGo 安装图片压缩插件,减少图床原图大小

作者头像
zinyan.com
发布于 2023-07-13 09:03:56
发布于 2023-07-13 09:03:56
1.5K0
举报
文章被收录于专栏:zinyanzinyan

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"

就可以安装完毕了。

3.参考

安装过程中参考的一些资料如下:

插件测试与发布 | PicGo-Core

Node.js (nodejs.org)

安装不上去。· Issue #2 · JuZiSang/picgo-plugin-compress (github.com)

npm安装依赖包出错问题处理 - stardsd - 博客园 (cnblogs.com)

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-03-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 zinyan 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
node.js 安装与 npm 加速
本文记录 node.js 安装过程。 Linux 安装 官网链接:https://nodejs.org/zh-cn/ 方法1 下载代码包: 下载后解压,将文件夹/bin目录添加到系统路径即可使用npm命令管理node.js包 方法2 下载二进制文件包 命令行可以: wget https://nodejs.org/dist/v16.14.2/node-v16.14.2-linux-x64.tar.xz 下载后解压并移动至系统目录: # 解压缩 tar -xf node-v16.14.2-lin
为为为什么
2022/08/06
2.7K0
node.js 安装与 npm 加速
Typora+PicGo+Gitee或github实现markdown自带图床效果
这里可以选择gitee,gitee由于众所周知的原因有时候会很慢,无奈选择gitee
星哥玩云
2022/05/28
6150
Typora+PicGo+Gitee或github实现markdown自带图床效果
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
经过前面两弹的介绍,相信大家对图床都不陌生了吧,但是小魔童觉得这样做法还是不方便,使用 github的仓库来存放图片,如果不能上外网的话是不能展示图片的,自己可以上外网还不行,需要别人上外网才可以看到我文章中的图片,这也太难了。。。
阿兵云原生
2022/09/13
5700
ES | Linux下基于ElasticSearch的head插件安装
wget https://nodejs.org/dist/v10.15.2/node-v10.15.2-linux-x64.tar.xz
码神联盟
2019/07/31
4.8K0
ES | Linux下基于ElasticSearch的head插件安装
hexo博客的安装
10.查看当前目录已安装插件:npm list PS:NPM安装插件过程:从http://registry.npmjs.org 下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常),解决办法往下看↓↓↓↓↓↓。 CNPM介绍: 1.说明:因为谷歌安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果谷歌的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。 2.官方网址:http://npm.taobao.org 安装:命令提示符执行npm install cnpm -g 3. --registry=https://registry.npm.taobao.org 4.注意:安装完后最好查看其版本cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误 注:CNPM跟NPM用法完全一致,只是在执行命令时将谷歌改为CNPM。
兮动人
2021/06/11
4240
hexo博客的安装
如何免费高效拥有自己的图床呢
私人令牌:https://gitee.com/profile/personal_access_tokens/new
青梅煮码
2023/03/13
8140
如何免费高效拥有自己的图床呢
搭建自己的图床
在大佬的指导下,开始学习了一些MarkDown语法、然后用自己的服务器搭建了一个私人博客(后来觉得麻烦就给停掉了,现在写文章主要是在CSDN跟微信公众号),尝试写了几篇文章后,经常会思考的一个问题是“文章中的这些图片咋搞啊?”,因为MarkDown语法中的图片包含一个公网可以访问的URL,我所以我要想办法把我本地的图片转换成公网可以访问的URL。 我最初的想法是用自己的服务器搭一个Nginx做静态资源转发,后来想了想感觉不太妥,因为这样一来当我服务器过期后,我之前上传的图片就丢失了,那么历史文章中的图片也就全部木得了。。。无奈之下去寻求了一下大佬的意见,大佬给我指了一条明路—>搭建图床。
敲得码黛
2021/02/22
8.7K0
搭建自己的图床
PicGo:搭建图床
传送门:https://github.com/Molunerfinn/PicGo/releases
张小驰出没
2021/04/15
1.6K0
PicGo:搭建图床
windows下安装ElasticSearch的Head插件
转载自https://www.cnblogs.com/hts-technology/p/8477258.html
allsmallpig
2021/02/25
5820
【ES三周年】linux-centos7安装elasticsearch-head插件
①从官网https://nodejs.org/en/download下载 node-v8.11.3-linux-x64.tar.xz
张同学tty
2023/04/03
1.6K0
【ES三周年】linux-centos7安装elasticsearch-head插件
【进阶系列】Node.js专题
http://www.cnblogs.com/shanyou/archive/2012/08/03/2620796.html
江中散人_Jun
2023/10/16
3530
【进阶系列】Node.js专题
Node.js安装教程
这篇摘要介绍了Node.js的安装教程。首先,文中简要概述了Node.js的定义和用途,突出了其在构建高性能网络应用方面的优势。接着,详细说明了在不同操作系统上安装Node.js的步骤,包括在Windows、Mac和Linux系统上的具体操作指南。文中强调了正确选择版本和使用包管理工具的重要性,以确保安装过程的顺利进行。最后,提供了简单的测试步骤,验证Node.js是否成功安装。这篇摘要为初学者提供了清晰而全面的Node.js安装指南。
Damon小智
2024/02/03
1.2K0
Node.js安装教程
【elasticsearch系列】安装elasticsearch-head插件
安装elasticsearch-head插件,需要依赖nodeJs环境,故首先我们先搭建nodeJs环境; 此part先将此篇文章需要的各个官网列出来: node官网:https://nodejs.org/en/download/ node中文网:http://nodejs.cn/download/current/ elasticsearch-head GitHub:https://github.com/mobz/elasticsearch-head
沁溪源
2021/09/09
1.6K0
【elasticsearch系列】安装elasticsearch-head插件
Gitee + PicGo 免费个人图床搭建!
平时我们写博客或者 markdown 时候会用到图片,markdown 文件一旦脱离本地观看,里面的图片便很难维护显示,这时候就需要用到图床,给图片使用网络地址。
微客鸟窝
2021/12/02
1.6K0
Gitee + PicGo 免费个人图床搭建!
【Elasticsearch全文搜索引擎实战】之Head插件实践 简介1. ES 5.0+ 版本Head插件安装2. 配置3. 启动4. 访问5. 安全问题(严重)6. 小结
Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口。Elasticsearch是用Java开发的,并作为Apache许可条款下的开放源码发布,是当前流行的企业级搜索引擎。它可以快速地储存、搜索和分析海量数据。维基百科、Stack Overflow、Github也都采用它做的搜索。 更多Elasticsearch的相关知识,请阅读官网《Elasticsearch: 权威指南》。
mantou
2019/02/13
1.1K0
【Elasticsearch全文搜索引擎实战】之Head插件实践
		简介1. ES 5.0+ 版本Head插件安装2. 配置3. 启动4. 访问5. 安全问题(严重)6. 小结
CentOS 7 安装Node
因为下载来的文件是.xz方式压缩的,不能直接使用linux命令tar解压,我们先使用xz命令解压
游魂
2018/09/18
3.5K2
CentOS 7 安装Node
蛋疼的ElasticSearch(二)之配置ElasticSearch Head插件
Interesting things What did you do today 先入为主 ElasticSearch Head是什么? ElasticSearch Head是集群管理、数据可视化、
用户2032165
2018/06/06
1.7K0
安装npm及cnpm(Windows)
1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs
kirin
2020/06/22
3.3K0
安装npm及cnpm(Windows)
一文读懂JSON数据可视化
JSON Crack数据可视化工具 SON Crack 是一个很方便的 JSON 数据可视化工具。 该项目不是简单的展示 JSON 数据,而是将其转化为类似思维导图的形式,支持放大/缩小、展开/收缩、搜索节点、导出图片等操作。对于经常和json格式的数据打交道的人会非常有帮助。 “忘了那烦人的引号、大括号和冒号吧”​
QGS
2023/12/12
6230
[还不会搭建博客吗?]centos7系统部署hexo博客新手入门-进阶,看这一篇就够了
前者适合新手,后者适合老手(方便大家查找,从而过滤掉某些步骤,节约时间成本) 所以大家按需查看哟。
秋意零
2022/04/16
1.1K0
[还不会搭建博客吗?]centos7系统部署hexo博客新手入门-进阶,看这一篇就够了
推荐阅读
相关推荐
node.js 安装与 npm 加速
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档