使用markdown最头疼的问题就是贴图问题。一方面我们习惯于从剪贴板直接用图片,但因为markdown是纯文本,不支持粘贴图片,需要将图片保存——获取图片地址——插入文章,操作过程十分繁琐。另一方面,如果图片使用绝对链接挂在当前地址下,编辑器的支持效果不好,访问慢,也不好管理。
本文介绍如何使用七牛云存储作为图床,借助Alfred的workflow将剪贴板图片保存到某个文件夹下,让该文件夹自动同步到图床,然后将图片地址自动插入文章。
- 如果还没有Alfred的话请自行下载安装
- 创建Alfred工作流,链接里有详细的指导,文章中的如下两行要根据自己的情况进行修改
set filePath to "/Users/viecks/Datas/Blog/octopress/source/images/attaches/" --这里换成你自己放置图片的路径 set markdownUrl to "![](http://attaches-mirror.qiniudn.com/images/attaches/" & fileName & ")"
第一个
filePath
引号中的内容改成你想要放置同步图片的文件夹,第二个markdownUrl
我们稍后会提到 - 如果还没有七牛云存储的账号,点这个链接注册,这是一个推广链接,点击后会给我增加流量,如果你不愿意这么做,可以自行前往官网申请账号。七牛给每个用户提供10G的免费存储空间,每个月10G的下载流量、10万次PUT/DELETE请求、100万次GET请求。访问速度也很不错。
- 参考这里新建一个空间,假定你的空间名为
test
,那么七牛会给所有放在当前空间中的文件生成链接http://test.qiniudn.com/somefile.png
- 配置自动一个文件夹,让其中的图片能够被自动上传到七牛的空间。下载QRSBox,参考链接配置成自动同步之前我们放图片的文件夹;
- 回到第2步中的脚本,将
markdownUrl
改成你的七牛空间地址,如果你的空间名为test
,则改为http://test.qiniudn.com/
到这儿我们就大功告成了,试验一下:
- 使用QQ截图或者系统截图将图片截到剪贴板
- 将光标点到需要插入图片的位置,按快捷键
CTL + CMD + V
(也可以自己在Alfred中自定义其它快捷键),会看到在文章中多出了一行类似下面的东西![text](http://wenchao-img.qiniudn.com/b0e59e029fb55557b8712c35dce9c777.png)
在实时预览的编辑器中就可以看到效果了。
参考链接
时间: 2024-11-08 04:20:36