简单漂亮的(图床工具)开源图片上传工具——PicGo

PicGo: 一个用于快速上传图片并获取图片URL链接的工具,由vue-cli-electron-builder构建的简单漂亮的图片上传工具!基于electron-vue开发,支持macOS,Windows,Linux,支持插件系统,让PicGo更强大!

 


 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 


Github

https://github.com/Molunerfinn/PicGo

特性介绍

精致设计

macOS系统下,支持拖拽至menubar图标实现上传。menubar app 窗口显示最新上传的5张图片以及剪贴板里的图片。点击图片自动将上传的链接复制到剪贴板。(Windows平台不支持)

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 

Mini小窗

Windows以及Linux系统下提供一个mini悬浮窗用于用户拖拽上传,节约你宝贵的桌面空间

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 

便捷管理

查看你的上传记录,重复使用更方便。支持点击图片大图查看。支持删除图片(仅本地记录),让界面更加干净。

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 

可选图床

默认支持微博图床、七牛图床、腾讯云COS、又拍云、GitHub、SM.MS、阿里云OSS、Imgur。方便不同图床的上传需求。2.0版本开始更可以自己开发插件实现其他图床的上传需求。

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 

多样链接

支持5种默认剪贴板链接格式,包括一种自定义格式,让你的文本编辑游刃有余

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

 

插件系统

2.0版本开始支持插件系统,让PicGo发挥无限潜能,成为一个极致的效率工具。

 

简单漂亮的(图床工具)开源图片上传工具——PicGo

 

开发说明

目前仅针对 Mac、Windows。Linux 平台并未测试。

如果你想要学习、开发、修改或自行构建 PicGo,可以依照下面的指示:

  1. 你需要有 Node、Git环境,了解 npm 的相关知识。
  2. git clone https://github.com/Molunerfinn/PicGo.git 并进入项目。
  3. yarn 下载依赖。注意如果你没有 yarn,请去官网下载安装后再使用。 用 npm install 将导致未知错误!
  4. Mac 需要有 Xcode 环境,Windows 需要有 VS 环境。

开发模式

输入 npm run electron:serve 进入开发模式,开发模式具有热重载特性。不过需要注意的是,开发模式不稳定,会有进程崩溃的情况。此时需要:

ctrl+c # 退出开发模式
npm run electron:serve # 重新进入开发模式

注:Windows开发模式运行之后会在底部任务栏的右下角应用区出现PicGo的应用图标。

生产模式

如果你需要自行构建,可以 npm run electron:build 开始进行构建。构建成功后,会在 dist_electron 目录里出现构建成功的相应安装文件。

注意:如果你的网络环境不太好,可能会出现 electron-builder 下载 electron 二进制文件失败的情况。这个时候需要在 npm run electron:build 之前指定一下 electron 的源为国内源:

export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
# 在 Windows 上,则可以使用 set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ (无需引号)
npm run electron:build

只需第一次构建的时候指定一下国内源即可。后续构建不需要特地指定。二进制文件下载在 ~/.electron/ 目录下。如果想要更新 electron 构建版本,可以删除 ~/.electron/ 目录,然后重新运行上一步,让 electron-builder 去下载最新的 electron 二进制文件

简单漂亮的(图床工具)开源图片上传工具——PicGo

上一篇:Angular 中的 Dom 操作以及@ViewChild 、 Angular 执行 css3 动画


下一篇:彻底理解js中this的指向,不必硬背。