Typora 自定义命令自动上传图片-MacOS版

背景：

typora是一个可以使用markdown的编辑器，即写即展示还是很舒服的。但是1.0版本之后是需要付费的，如果想继续使用，可以购买正版也可以自行百度破解版，或者使用1.0版本之前的安装包。
markdown的图片展示最好能结合图床，因为markdown的优势就是可以文图分离储存，但是如果在本地电脑，不需要图床这么复杂的系统，只想通过域名访问图片，则可以在本地安装nginx，通过访问本地来展示图片。
在本地电脑中启动一个nginx的好处：

• 可以将图片和文章分离，即图片单独放在一个文件夹中，文章可以放在其他的位置。
• 方便迁移，不存在绝对路径迁移后无法显示的情况。
• 不需要公网的图床服务，省去会员费用。
• 本地存储的图片，可随时编辑。
• 相对于图床系统，省去数据库和存储等中间组件，轻便耐用。

本次分享MacOS版本的的搭建方法。

需要组件：

• typora
• nginx
• 文件夹及路径（/Users/eee/tuchuang_pic_typora/images/）

编写脚本（上传到本地文件夹）

typora就是执行你写好的脚本，并且传几个参数进去（参数数量不是固定的），参数就是图片地址，像这样

bash upload.sh /tmp/1.jpg /tmp/2.jpg

我们需要对传进来的参数进行处理，可以通过接口上传图片，也可以通过拷贝的方式复制到文件夹中。
mac中，我是用的是bash脚本，bash是mac自带的语言，不需要额外安装。

#!/bin/bash
for i in "$@"; do
 cp $i /Users/eee/tuchuang_pic_typora/images/.
done

echo "Upload Success:"
for file in "$@"; do
    IFS='/' read -r -a array <<< "$file"
    id="${#array[@]}"
    echo "http://tuchuang.com:8888/images/""${array[$id-1]}"
done

配置typora

路径：Typora->偏好设置->图像
操作：如图
命令：bash /Users/eee/upload.sh
测试：点击 验证图片上传选项

这里就盗两张效果图，因为mac是公司电脑，不好导出来。

点击 验证图片上传选项，出现成功上传图片并获得新的URL则为成功。如果没成功可能是存储图片的文件夹不存在，或者你输出的url格式不对。之后去文件夹中看看，应该有两个图片了。

nginx安装

可以直接通过yum安装
安装命令： yum -y install nginx
启动：nginx

此时你在浏览器输入 127.0.0.1，可以得到nginx的相应。

nginx配置

这是最关键一步，能不能展示，全看ningx配置了。
进入nginx文件夹，找到conf文件夹，进去，在nginx.conf文件上右键，使用notepad打开。加入下边这段配置（虚线李里边的）。

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }
#----------------从这开始，复制----------------------------
		location /images/ {
		    root  /Users/eee/tuchuang_pic_typora/;
			autoindex on;
			autoindex_exact_size off;
			autoindex_localtime on;
			charset utf-8,gbk;
		}
#----------------到这结束，复制到location / {下边来---------
        #error_page  404              /404.html;

重启nginx服务

nginx -s reload

测试

至此，你往typora里边拉一个图片或者从网上直接copy一段带图片的文章到typora中，图片应该都直接存入指定文件夹中了，并且能展示出来。如果不能显示，那大概是你自作主张，改变了上边的配置，比如输出的url不是http开头的（也就是验证没通过），再或者你的nginx配置路径不对，图片存在了tuchuang_pic_typora文件夹中，而不是tuchuang_pic_typora的images文件夹中。再或者nginx没启动成功，反正任何一个错误都会导致看不到图片。