用Alfred实现Markdown优雅插入图片

2023-11-24 09:50:01

在Markdown中穿插图片一直是个令人头疼的问题，需要借助图床存储图片并获取链接，才能完成插入操作。但对于大量图片的处理，这种方式显得繁琐而低效。本文将介绍如何利用Alfred这款强大的工作流工具，优雅地解决Markdown图片插入难题。

一、Markdown图片插入的痛点

Markdown作为一种轻量级的标记语言，在书写博客和技术文档时受到广泛应用。然而，它原生不支持图片插入，需要借助图床来存储图片并获取链接。对于少量图片的插入，这种方式还算便捷。但当遇到博客内容需要插入大量图片时，真是心力交瘁，非常的不方便。

二、Alfred工作流的解决方案

Alfred是一款macOS上的工作流工具，可以自动化各种繁琐的操作。对于Markdown图片插入问题，Alfred可以通过以下步骤解决：

选择图片： 使用Alfred的"选择文件"动作，选择需要插入的图片。
上传图片： 使用Alfred的"上传文件"动作，将图片上传到图床。
获取图片链接： 使用Alfred的"获取上传链接"动作，获取上传后图片的链接。
插入Markdown代码： 使用Alfred的"插入文本"动作，将获取的图片链接插入到Markdown代码中。

三、工作流的具体配置

创建工作流： 在Alfred中新建一个工作流。
添加动作： 按照上述步骤，添加"选择文件"、"上传文件"、"获取上传链接"和"插入文本"动作。
配置动作： 在"上传文件"动作中，配置图床的上传地址和密钥。在"获取上传链接"动作中，配置获取上传后图片链接的API地址。在"插入文本"动作中，配置Markdown图片代码的模板。

四、使用工作流

配置好工作流后，即可使用Alfred快捷键触发工作流。选择需要插入的图片后，Alfred会自动完成图片上传、链接获取和Markdown代码插入等一系列操作。

五、示例工作流

以下是一个示例工作流的代码：

{
    "workflow": {
        "actions": [
            {
                "class": "SelectFiles",
                "runArg": ""
            },
            {
                "class": "UploadFiles",
                "runArg": {
                    "endpoint": "https://your-endpoint.com",
                    "access_key": "your-access-key",
                    "secret_key": "your-secret-key",
                    "bucket": "your-bucket-name"
                }
            },
            {
                "class": "GetUploadedFiles",
                "runArg": "https://your-endpoint.com/{UUID}"
            },
            {
                "class": "InsertText",
                "runArg": "![]({URL})"
            }
        ]
    }
}