Alfred？+？Gitee搭建免费图床的使用实例详解（gitee搭建个人网站）硬核推荐

随心笔谈2年前发布编辑

166 0

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

目录环境工具下载思路使用依赖实现创建Gitee图床环境配置Alfred workflow复制剪切板中的图片到指定路径git命令提交图片图片压缩拼接图片地址

系统: Mac 工具: Alfred, git, homebrew, pngpaste. 语言: perl 其他: Gitee

gitee.com/serpmelon/i…

使用Gitee仓库作为图床, 使用Alfred工作流简化上传图片流程, 并将上传图片地址转换为markdown格式输出到剪切板中.

复制一张图片, 然后使用快捷键CMD + shift + u或者唤出Alfred命令行输入pp. 上传成功后会发送通知提示上传成功.

使用pngpaste工具实现剪切板相关功能

brew install pngpaste

使用ImageMagick实现图片压缩

brew install imagemagick

注册账号, 创建仓库, 注意修改为公共仓库, 把仓库拉到本地, 以后会将目标图片复制到仓库中. 其他没什么说的.

下载并将工具拖进Alfred中, 由于依赖了第三方软件, 在执行脚本时需要指定工具目录, 所以需要在workflow中配置对应路径如下:

GIT_DIR git仓库本地路径, 图片会直接复制到这里.

GIT_DOMAIN git图床路径, 比如我配置的是 https://gitee.com/serpmelon/pictures/raw/master.

IMAGE_MAGICK_DIR ImageMagick工具安装的路径.

PASTE_DIR pngpaste工具安装的路径.

对于homebrew下载的工具可以通过如下命令查看

brew list pngpaste
返回: /usr/local/Cellar/pngpaste/0.2.3/bin/pngpaste
则配置路径: /usr/local/Cellar/pngpaste/0.2.3/bin
brew list imagemagick
返回:
/usr/local/Cellar/imagemagick/7.1.0-16/bin/Magick++-config
/usr/local/Cellar/imagemagick/7.1.0-16/bin/MagickCore-config
/usr/local/Cellar/imagemagick/7.1.0-16/bin/MagickWand-config
/usr/local/Cellar/imagemagick/7.1.0-16/bin/animate
/usr/local/Cellar/imagemagick/7.1.0-16/bin/compare
/usr/local/Cellar/imagemagick/7.1.0-16/bin/composite
…
配置路径: /usr/local/Cellar/imagemagick/7.1.0-16/bin

遇到的第一个难题, 如何将剪切板中的图片复制到指定目录下呢(git目录)? pbcopy和pbpaste命令只能操作文本, 所以第一个想法, 复制图片的路径, 这样就可以通过操作文本进行赋值操作.

对图片使用cmd+option+c会复制其路径, 然后通过执行cp命令将文件复制到指定目录中.

system(“cp $source $target”);

但是, 这样很不方便, 而且通常情况下都是截一个图片沾到自己的文章中, 如果只能通过路径复制, 那么每次截图还需要下载到本地. 所以需要实现将剪切板中的图片文件复制到目录的功能.

使用pngpaste工具实现上述功能, 使用homebrew下载

brew install pngpaste

使用简单

pngpaste hooray.png # 目标文件

参考 github.com/jcsalterego…

本地运行正常, 但是在Alfred中运行异常, 排查发现是找不到pngpaste命令. Alfred运行脚本不会使用用户的运行环境, 所以找不到第三方命令, 解决办法就是我们帮它找到命令, 使用全路径就可以拉, 路径配置到Alfred变量中.

system(“$PASTE_DIC/pngpaste $target”);

图片已经复制到git本地仓库了, 然后只需要push上去就好了. 由于在不同目录执行, 执行会报提示”fatal: not a git repository”, 使用类似如下命令即可

git –git-dir=/x/y/.git –work-tree=/x/y add .

Gitee限制图片大小, 对于大于1MB的图片会打不开.

所以对于大的图片需要进行压缩处理, 这里依赖ImageMagick, 使用brew下载.

brew install imagemagick

浏览下Gitee上图片的地址, 类似这样 gitee.com/serpmelon/p… 将blob换成raw就可以访问了,

修改后:

https://p3-jb51.byteimg.com/tos-cn-i-k3u1fbpfcp/ba10ca414b2b4a5d87904573434f3493~tplv-k3u1fbpfcp-zoom-1.image

然后按照markdown格式拼接地址后:

![](https://gitee.com/serpmelon/pictures/raw/master/20230102/1672643597serpmelon15714.png)

问题

目前依赖了pngpaste和ImageMagick工具, 后面自己简单实现下, 这样用户就不需要自己再单独下载依赖了.

以上就是Alfred + Gitee搭建免费图床的使用实例详解的详细内容，更多关于Alfred + Gitee搭建免费图床的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:如何使用Gitee Pages服务搭建Vue项目Vuepress生成文档部署到gitee.io的注意事项及说明Jenkins+Docker+Gitee+SpringBoot自动化部署.NET微服务架构CI/CD自动构建Jenkins+Giteenodejs制作一个文档同步工具自动同步到gitee中的实现代码idea将项目上传到Gitee的图文过程