介绍

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



Github

https://github.com/Molunerfinn/PicGo

特性介绍

精致设计

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

Mini小窗

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

便捷管理

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

可选图床

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

多样链接

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

插件系统

2.0版本开始支持插件系统,让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 二进制文件。

vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...相关推荐

  1. layer 上传图片点击取消仍在加载_上传图片到smms图床(整合layer上传插件) by:小灰灰 | 小灰灰博客...

    Document 上传图片 选择多文件 文件名大小状态操作 开始上传 layui.use(['form', 'layedit', 'laydate', 'element', 'upload'], f ...

  2. linux禁止客户端上传文件_图片/文件上传如此简单|macOS 图床客户端 uPic

    前言 相信很多人在写作(特别是需要多平台发布)的时候都会因为插图而增加工作量: 平台图片外链不允许在网站外部访问. 使用云图床服务上传流程复杂. 那么这些问题有没有办法解决呢,答案肯定是"有 ...

  3. 若依-vue图片上传本地改OSS前台以及后台-附带oss图片上传工具类

    阿丹: 在二次开发若依的过程中发现若依的图片上传的默认的是在本地,在spring-vue版本中,如果要将平台上线那么就需要考虑这个问题,要使用fastdfs或者oss来完成代替本地的图片上传. 本篇文 ...

  4. markdown如何设置图片大小_Gitee(码云)实现免费 Markdown 图床

    " 阅读本文大概需要 6 分钟 前言 Markdown是一种易于上手的轻量级标记语言,由于其目的在于注重文字内容而不是排版,目前很受大家欢迎,写完一篇文档可以直接复制到其他各大平台上,不用担 ...

  5. 发现一个微博图床API和图片上传代码

    网上寻到一款微博图床的插件,然后顺藤摸瓜找到了原作者的API代码. API文件: 1 <?php 2 /** 3 * 上传图片到微博图床 4 * @author Youngxj & me ...

  6. AFNetworking网络请求与图片上传工具(POST)

    AFNetworking网络请求与图片上传工具(POST) .h文件 #import <Foundation/Foundation.h>/** 成功Block */ typedef voi ...

  7. php 上传文件工具类,PHP 图片上传工具类(支持多文件上传)

    //ImageUploadTool.class.php class ImageUploadTool{ private $file; //文件信息 private $fileList; //文件列表 p ...

  8. java 图片合成 工具类_Java实现的图片上传工具类完整实例

    本文实例讲述了Java实现的图片上传工具类.分享给大家供大家参考,具体如下: package com.gcloud.common; import javax.imageio.ImageIO; impo ...

  9. JAVA工具类(13)---图片上传工具类

    package com.gcloud.common;import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import ...

最新文章

  1. 【camera】1. 相机硬件组成
  2. php抓取新浪微博数据抓取,php利用curl抓取新浪微博内容示例
  3. swoole mysql 协程_关于协程的优点以及swoole 协程的用法
  4. 快递信息管理系统源代码c++_学生信息管理系统C语言版
  5. java界面 ppt_Java GUI图形用户界面 课件.ppt
  6. HADOOP__PIG安装与配置
  7. Redis 持久化——AOF
  8. vue-cli 脚手架移除、安装(最新版安装)、检测安装结果 - npm篇
  9. float取整数部分_python的除法问题 取整取余/向上向下取整/四舍五入
  10. 【GIS教程】土地利用转移矩阵
  11. Koa2 之文件上传下载
  12. 【网络安全基础】数字签名原理及应用
  13. Hadoop Streaming和Pipes会意
  14. c#email格式不正确_C#校验Email(电子邮件)地址是否合法
  15. 股票指标php源码,【图】成功率98.7%超高成功率指标(源码 有图 无未来)_炒股,炒股公式,股票论坛,炒股软件,股票指标_指标公式分享交流论坛_理想论坛 - 股票论坛...
  16. [渝粤教育] 西南科技大学 统计学原理 在线考试复习资料(1)
  17. BI神器Power Query(4)-- PQ导入动态名称定义的表格
  18. FDM打印机使用总结(一)
  19. docker容器不断重启
  20. 液晶电视的MEMC(运动画质补偿技术)的优势不足

热门文章

  1. 带参函数_更好的理解Python第五弹函数预处理与指针
  2. python是什么时候发布的_python发布日期
  3. python读取 application_python PyQt5.QtWidgets.QApplication类(sys.argv)(app应用对象类)...
  4. ipaddr库计算区间IP及CIDR的IP段
  5. categorical data and numerical data
  6. svm常用核函数及选择核函数的方法
  7. linux终端中如何对目录压缩,软网推荐:Linux中使用命令行查看压缩文档
  8. android电视盒子解码很慢,电视盒子反应慢又卡原因及解决办法推荐!
  9. 【企业管理】2020年3-4 月 每日花语
  10. 软件项目管理0820:项目经理的困境