html typora 图片_让你的typora支持自定义图床

前言

hello大家好我是lookroot，上一期视频里面我分享到自己的markdown笔记使用typora编写，自动将里面的图片上传到oss，有些朋友问我直传oss的方式，一般大家都是使用PicGo的方式上传图片，我本人是不太喜欢再开启一个服务的，

本期就是分享两个直传的方式，当然不仅限于上传到oss空间，也可以折腾一些免费的方案，但是我建议可以直传oss，oss是真的不贵，速度还快，数据存放也相对安全

第一个是使用一个开源的插件typora-plugins-win-img

第二个的话使用脚本代码的方式

首先来创建一个oss账号

一定要创建子用户

image-20201227152835412

然后添加权限

image-20201227152943496

使用插件的方式

下载地址typora-plugins-win-img

安装

1. 首先解压，拿到插件包

markdown-lookroot

2. 然后找到Typora的安装根目录下的resources/app,将plugins粘贴在这里

3. 打开window.html文件在后面添加一行

配置文件

打开刚刚复制的plugins下的image/upload.js文件

修改setting里面的  target 标签为你的存储厂商，这里以阿里云为例

然后修改下面的aliyun这个标签修改为你自己的配置信息

自己编写脚本文件

“

注意你要测试你的环境 php在命令行是可以执行的

然后分享一个我收集(非原创，找不到原本的链接了)的使用脚本文件上传的方式，使用node或者php都可以，这里我使用php举例

composer安装阿里云的sdk

{
    "name": "typora/alioss",
    "type": "project",
    "authors": [
        {
            "name": "lookroot",
            "email": "1270799700@qq.com"
        }
    ],
    "require": {
        "aliyuncs/oss-sdk-php": "^2.3"
    }
}

写个简单的php脚本

<?php require_once 'vendor/autoload.php';
$file =  $argv[1];
$name = pathinfo($file, PATHINFO_BASENAME);
$uploader = new \OSS\OssClient('你的SecretId','你的SecretKey','你的oss区域地址 oss-cn-chengdu.aliyuncs.com'
);
$res = $uploader->uploadFile(你的文件夹',文件路径+文件名, $file);
$str=$res['info']['url'];
//可以替换成自己的域名 $newstr=str_replace("","",$str);
echo $str . "\n";

然后来到typora的偏好设置中，将上传服务设置为自定义命令

php 你的脚本地址

image-20201227213931019

点击下方的验证上传

image-20201227214030720

成功！