新闻详情

新闻详情

首页 / 资讯中心 / 详情

PicGo 图片上传工具实战指南:从图床配置、写作工作流到本地开发构建

发布时间:2026/9/30 7:36:39来源:尧图网络
PicGo 图片上传工具实战指南:从图床配置、写作工作流到本地开发构建
桌面应用开发工具插件系统【免费下载链接】PicGo:rocket: The Ultimate Image Uploader for Efficient Creators. Supports Obsidian, Typora, VS Code etc. and 60 image hosting services (S3, GitHub, Cloudflare R2, Imgur, Aliyun OSS...). Paste, upload, done.项目地址https://gitcode.com/gh_mirrors/pi/PicGo点击查看免费下载PicGo 是一款面向高效创作者的开源桌面图片上传工具其核心目标是把传图变成创作流程中无感的一步无论你是在写博客、记笔记还是编写开发文档粘贴或拖入图片后PicGo 自动完成上传并把链接复制到剪贴板。本文以仓库根目录的 README.md 为主体结合 src/main 目录下的源码实现系统讲解 PicGo 的图床支持范围、核心功能原理、下载安装方式、开发模式与生产构建流程帮助你快速上手使用并理解其底层工作机制。应用概述PicGo 解决什么问题PicGo 的定位是让图片上传无缝融入创作工作流原文make image uploading a seamless part of your creative workflow。它面向的核心场景是内容创作过程中的高频重复操作——写完博客、记完笔记后图片还散落在本地磁盘上需要逐张手动上传到图床再复制链接。PicGo 通过上传即复制链接的一步式设计把这一过程压缩到最低成本。从仓库实际版本看当前 package.json 中记录的版本为3.0.2项目描述为 A powerful simple image uploader for creators.依赖并封装了picgo核心库picgo: ^3.0.1GUI 桌面壳与上传核心是分离的。原生支持的图床PicGo 开箱即用地支持主流图床并声明可以通过插件系统无限扩展国内云厂商七牛云、腾讯云 COS、又拍云、阿里云 OSS国际 / 开源平台GitHub、SM.MS(S.EE)、Imgur更多选项通过插件AWS S3、Cloudflare R2、MinIO 等注意PicGo 本体不再新增默认的第三方图床支持新的图床能力需要以插件形式提供。插件开发请参考 PicGo-Core 文档。从源码看图床的注册与列举由核心库的picgo.helper.uploader管理。getPicBeds.ts 通过picgo.helper.uploader.getIdList()获取当前所有已注册的图床类型再与配置picBed.list中保存的可见性设置合并最终渲染出设置界面中的图床列表——这正是内置图床 插件注册架构的直接体现。核心功能与工作流原理无缝写作流自动复制链接与多种粘贴格式上传成功后链接会自动复制到剪贴板且支持 Markdown、HTML、URL、自定义模板等格式粘贴即用。这一行为的实现位于 apis.ts上传完成后读取配置settings.pasteStyle默认markdown与settings.customLink调用 pasteTemplate.ts 根据风格生成模板通过handleCopyUrl写入剪贴板并以系统通知展示上传结果。其中 pasteTemplate.ts 定义了五种输出模板自定义模板支持$url、$fileName、$extName三个占位符$fileName会去除扩展名const tpl { markdown: ![](${url}), HTML: img src${url}/, URL: url, UBB: [IMG]${url}[/IMG], Custom: formatCustomLink(_customLink, { ...item, url }) }例如自定义模板$fileName会生成带文件名注释的 Markdown 图片链接非常适用于批量整理文档配图。零上下文切换在编辑器里直接粘贴图片PicGo 支持把图片直接粘贴进 Obsidian、VS Code、Typora、Neovim、MarkText、思源笔记等编辑器由 PicGo 在后台完成上传通过原生支持或社区插件开启。这种粘贴即上传能力的底层对应的是剪贴板上传链路在 uploader/index.ts 中uploadWithBuildInClipboard会先尝试从剪贴板读取图片文件路径若剪贴板中只有图像数据则通过clipboard.readImage()取出原生图像、编码为 PNG 后写入临时目录再走统一上传流程上传完成后自动清理临时文件。极速上传多种触发方式与全局快捷键PicGo 支持拖拽、剪贴板粘贴、快捷键、以及 macOS/Windows 上的右键菜单上传。默认全局快捷键为CommandShiftUmacOS/CtrlShiftUWindows/Linux且可在设置中自定义。快捷键机制的源码链路为内置命令在 builtin.ts 中注册——SHORTKEY_COMMAND_UPLOAD对应uploadClipboardFiles函数命令的分发由 shortKeyService.ts 中的ShortKeyService负责它以命令名注册/注销处理器并通过getShortKeyHandler(command)查询对应处理函数。也就是说只要按命令名向 ShortKeyService 注册就能复用整套快捷键能力。插件生态图床插件与能力插件图床插件已有插件支持 AWS S3、Cloudflare R2、MinIO 等第三方图床能力插件支持图片压缩、水印、重命名、Markdown 图片迁移等。插件通过picgo.helper提供的注册机制扩展。例如上传前重命名就是一个典型的 beforeUpload 插件在 uploader/index.ts 的init()中通过picgo.helper.beforeUploadPlugins.register(renameFn, ...)注册重命名钩子——当配置settings.rename手动重命名或settings.autoRename自动重命名开启时会自动按YYYYMMDDHHmmssSSS格式为文件生成时间戳文件名手动重命名场景会弹出一个独立的重命名窗口RENAME_WINDOW等待用户确认新文件名后再继续上传。开发者友好HTTP API 与开源透明PicGo 自 v2.2.0 起支持通过 HTTP 请求调用上传方便与其他工具集成。服务端实现在 server/index.ts服务配置存储在settings.server默认值为端口36677、主机127.0.0.1、启用开关enable: true服务启动时会向核心库注入上传适配器setUploadAdapter适配器把剪贴板上传映射到uploadClipboardFilesWithInfo、路径上传映射到uploadSelectedFilesWithInfo端口配置支持字符串或数字两种写法启动时统一parseInt为数字。这意味着你可以用curl之类的方式向本地服务发起上传请求让第三方脚本、自动化工具也能复用 PicGo 的图床配置。安装与下载方式汇总下载源地址/安装方式平台备注GitHub Releasehttps://github.com/Molunerfinn/PicGo/releases全部国内下载速度可能较慢山东大学镜像站https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo全部镜像托管Scoopscoop bucket add extras与scoop install picgoWindowsChocolateychoco install picgoWindowsHomebrewbrew install picgo --caskmacOSAURyay -S picgo-appimageArch LinuxNixnix-shell -p picgoNix/NixOS首次使用可参考应用使用文档入门遇到问题可查阅仓库中的 FAQ.md 以及已关闭的 issues。本地开发与贡献官方说明目前仅在 macOS 与 Windows 上经过测试Linux 平台并未完全测试。环境准备安装 Node.js 与 Git并熟悉 npm 基础用法克隆仓库git clone https://github.com/Molunerfinn/PicGo.git并进入目录使用pnpm安装依赖请务必使用pnpm中文 README 特别强调使用pnpm install将导致未知错误需先到 pnpm 官网安装 pnpmmacOS 需要 Xcode 环境Windows 需要 Visual Studio 环境贡献代码前请阅读 CONTRIBUTING.md。需要说明的是仓库内同时存在 CONTRIBUTING.md使用yarn install/yarn dev内容较旧与 CONTRIBUTING_EN.md 两份贡献指南而 README.md 与 package.json 均以pnpm为准实际开发时请以 README 和 package.json 中的脚本为准。开发模式pnpm run dev开发模式具有热重载特性但官方提示开发模式不稳定可能出现进程崩溃此时只需ctrlc退出后重新执行pnpm run dev即可。Windows 下开发模式启动后PicGo 的托盘图标会出现在底部任务栏右下角的应用区。生产构建pnpm run build构建成功后安装文件会生成在dist目录下。如果网络环境不佳导致electron-builder下载 Electron 二进制失败可以预先指定国内源export ELECTRON_MIRRORhttps://npmmirror.com/mirrors/electron/ # Windows 下使用set ELECTRON_MIRRORhttps://npmmirror.com/mirrors/electron/ 无需引号 pnpm run buildElectron 二进制文件缓存在~/.electron/目录下如需更新构建版本删除该目录后重新构建即可。从 package.json 的脚本可以进一步了解打包细节pnpm run build对应electron-vite build而build:win/build:mac/build:linux分别会在构建后用electron-builder --config electron-builder.config.ts生成对应平台的安装包。仓库中还提供了配套脚本例如 upload-dist.js 用于上传构建产物、electron-builder.config.ts 为打包配置、electron.vite.config.ts 为构建配置。生态项目与延伸PicGo 周边有一批配套项目可进一步扩展使用场景vs-picgoPicGo 的 VS Code 插件版flutter-picgoPicGo 的手机版 App支持 Android 与 iOSPicHoro另一款兼容 PicGo 配置的手机 App目前仅 Androidskills官方 Agent Skills教会 AI 何时上传、如何用 PicGo 上传dsh-pluginPicGo 的 DeepSeek Harness 插件。其中面向 AI 的两项能力skills 与 dsh-plugin正是 README 中 AI-friendly 定位的落地当 AI 生成的截图、图表以![](./chart.png)形式留在本地磁盘时通过上述工具可让 AI 直接调用你已配置的图床完成上传——两者都会复用 PicGo 中已有的图床与插件配置无需重复设置。许可证PicGo 采用 MIT 许可证版权归 Molunerfinn 所有Copyright (c) 2017 - Now Molunerfinn。赞分享桌面应用开发工具插件系统【免费下载链接】PicGo:rocket: The Ultimate Image Uploader for Efficient Creators. Supports Obsidian, Typora, VS Code etc. and 60 image hosting services (S3, GitHub, Cloudflare R2, Imgur, Aliyun OSS...). Paste, upload, done.项目地址https://gitcode.com/gh_mirrors/pi/PicGo点击查看免费下载相关推荐PicGo插件开发模板快速开始你的插件项目PicGo插件开发模板快速开始你的插件项目 1. 插件开发准备工作 1.1 环境搭建 bash 克隆PicGo仓库 git clone https://git桌面应用开发工具插件系统Flutter Engine 统一构建与开发工具 etEngine Tool实战指南从构建配置到本地调试的完整工作流Flutter Engine 统一构建与开发工具 etEngine Tool实战指南从构建配置到本地调试的完整工作流 et engine tool是跨平台图形学前端PicGo-Plugin-GitCode项目介绍与功能解析PicGo Plugin GitCode项目介绍与功能解析 文章概要的内容 本文介绍了PicGo Plugin GitCode项目的背景、开发动机、核心功能与优开发工具上一篇Kronos金融预测模型5分钟掌握AI量化投资的完整实战指南下一篇OBS Studio直播画面调色指南从普通到专业的3个色彩魔法创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

AI在通信网毫秒决策,安全如何实时跟上? 2026/9/30 9:35:51

AI在通信网毫秒决策,安全如何实时跟上?

1. 项目概述:一场在通信展现场发生的“速度与安全”真实对峙 PT展——全称中国国际信息通信展览会,业内人习惯叫它“信通展”,是通信产业链最硬核的年度风向标。去年我在展馆B馆AI专区站了整整三天,不是看展台灯光多炫&#xff0c…

阅读更多 →
从暴力到单调栈 —— 以 LeetCode 1475【商品折扣后的最终价格】为例 2026/9/30 9:35:44

从暴力到单调栈 —— 以 LeetCode 1475【商品折扣后的最终价格】为例

在算法面试和日常开发中,栈(Stack)是一种极其重要且高频使用的数据结构。今天,我们通过一道经典的 LeetCode 题目,彻底搞懂栈的原理、C 中栈的声明与常用函数,以及如何利用“单调栈”将算法效率优化到极致。…

阅读更多 →
人脸识别考勤系统落地实战:从检测对齐到阈值校准的完整指南 2026/9/30 9:35:37

人脸识别考勤系统落地实战:从检测对齐到阈值校准的完整指南

简介:一份聚焦互联网环境下校园考勤智能化改造的专题研究文档,源自《现代电子技术》2020年第10期,适合教育信息化从业者、高校教师、考勤系统开发者及课程论文写作者阅读。文档先介绍人脸识别基本原理,明确人脸检测、特征提取、人…

阅读更多 →
函数中特殊的两个关键词“static“和”extern“和链式访问 2026/9/30 9:35:37

函数中特殊的两个关键词“static“和”extern“和链式访问

本文讲清三个 C 语言高频考点:static 的两种用法、extern 的作用、以及链式访问。配合内存分区图和运行截图,看完就能懂。 1,“static”和“extern”** ***先放一个很重要的图片 static: 给大家一组代码 大家先猜一下,循环调用 5 …

阅读更多 →
智慧社区物业 2.0 商业系统设计方案:消费返物业费 + 物业金循环生态 2026/9/30 9:35:23

智慧社区物业 2.0 商业系统设计方案:消费返物业费 + 物业金循环生态

本文面向 B 端产品经理、系统架构师、智慧社区解决方案从业者,分析传统物业数字化项目痛点,介绍物业 2.0 社区数字化商业系统整体设计思路。区别于传统只做报修缴费的工具型智慧社区系统,该方案构建一套具备商业闭环的操作系统,融…

阅读更多 →
RAG 检索增强生成实战:从文档切分到混合检索的本地知识库搭建指南 2026/9/30 9:35:17

RAG 检索增强生成实战:从文档切分到混合检索的本地知识库搭建指南

1. RAG 到底是什么,为什么现在人人都在聊RAG,全称 Retrieval-Augmented Generation,中文叫检索增强生成。拆开看就三件事:检索、增强、生成。检索是从你自己的资料库里找到跟问题相关的内容,增强是把这些内容塞进大模型…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉