[MacOS]使用Automator一键上传图片到图床

时间较为久远...未保存图片备份...

目录

• [MacOS]使用Automator一键上传图片到图床
  • 先决条件
  • 1.安装picgo-core
    • 1.1 使用npm安装
    • 1.2 将node添加到环境变量
  • 2. 制作Automator流程
    • 2.1 创建‘Quick Action(快速操作)’
    • 2.2 设置 ‘Quick Action’ 条件
    • 2.3 添加图片列表选择器 [可跳过]
    • 2.4 添加Shell脚本
    • 2.5 过滤输出结果
    • 2.6 显示和自动复制图片链接
    • 2.7 保存
  • 3. 附

先决条件

1. nodejs

1.安装picgo-core

1.1 使用npm安装

$ npm install picgo -g

# or

$ yarn global add picgo

提示: 此时 terminal 中已可用 picgo 命令
PicGo-Core 命令说明

1.2 将node添加到环境变量

打开/etc/profile, 在文件末尾处添加

// node 安装路径
export NODE_HOME=/usr/local/node
// 添加环境变量
export PATH=$NODE_HOME/bin:$PATH

保存后, 执行

$ source /etc/profile

2. 制作Automator流程

2.1 创建‘Quick Action(快速操作)’

打开Automator应用, 创建Quick Action.

创建`Quick Action`

2.2 设置 ‘Quick Action’ 条件

设置‘当工作流接收到图像文件时执行’

1. ‘Workflow receives current’后选择‘image file’.
2. [额外] ‘Image’后选择自定义图标.

设置Quick Action条件

2.3 添加图片列表选择器 [可跳过]

当选择多个图片时, 可以选择部分进行上传.

1. 在左侧‘Library’视图中点击‘Utilities’, 拖动‘Choose from List’到右侧空白处.
2. [额外] ‘Prompt’后修改提示信息.

添加图片列表选择器

2.4 添加Shell脚本

1. 在左侧‘Library’视图中点击‘Utilities’, 拖动‘Run Shell Script’到右侧空白处.
2. ‘Shell’后选择‘/bin/bash’.
3. ‘Pass input’后选择‘as arguments’.
4. 在文本框处输入

/usr/local/lib/node_modules/picgo/bin/picgo upload "$@"

[图片上传失败...(image-69be65-1583937061081)]

注意: 此处执行可能会出现错误.

1. /usr/bin/env: node: No such file or directory: 请检查是否设置node环境变量.
   若设置成功仍报错, 替换‘picgo’可执行文件第一行为#!/usr/local/bin/node.
2. command not found: picgo:
   请检查‘picgo’可执行文件路径是否正确.

2.5 过滤输出结果

1. 在左侧‘Library’视图中点击‘Text’, 拖动‘Filter Paragraphs’到右侧空白处.
2. ‘Return paragraphs that’后选择‘contain’, 输入 ‘http’.

过滤输出结果

2.6 显示和自动复制图片链接

1. 在左侧‘Library’视图中点击‘Utilities’, 拖动‘Copy to Clipboard’到右侧空白处.

2. 在左侧‘Library’视图中点击‘Text’, 拖动‘New TextEdit Document’到右侧空白处.

[图片上传失败...(image-69be65-1583937061081)]

提示: 此处两操作可根据自己喜好选择其一, 右键点击工作流程中的操作, 可以禁用某项操作.

2.7 保存

1. 使用‘CMD+S’传统艺能进行保存.
2. 任意图片右键 -> ‘Quick Actions’. 快乐开始.

3. 附

1. 可以使用其他组件, 记录所有上传过的图片, 并重命名为链接地址等其他操作.
2. 懒得折腾小白一键安装客户端, 下载地址: PicGo.