现在位置：首页 > 杂货分享 > 个人随笔 > Typora配置七牛云图床自动上传(windows)

Typora配置七牛云图床自动上传(windows)

龙行个人随笔 2020-3-10 3537 0评论

Typora配置七牛云图床自动上传(windows)

为什么用它

Typora可以说是目前市场上最好用的编辑软件之一,当然对于我来说,够小巧轻便,丰富的扩展
其实最主要的是支持图床上传功能,虽然是第三方,接下来用七牛云来配置

准备工作

Typora安装 : 点我去官网下载
插件包安装: [typora-plugins-win-img](https://github.com/Thobian/typora-plugins-win-img)

配置教程

首先将准备工作下载的Typora安装完毕
将插件包里面的 puligins window.html复制粘贴到Typora安装目录 Typora\resources\app 下
注意: window.html文件不要覆盖,先备份一份

更换图床上传接口

打开安装目录下 plugins/image/upload.js 文件,拉到最下面将最后一行的 $.image.init() 按照如下说明进行配置

上传到Github

//注册token的尽量不要跟其他应用共用，同时授予最小权限
//免费+无需自己搭建服务器，是一种不错的方式
$.image.init({
    target:'github',
    github:{
        Token : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // 添加一个仅给typora使用的token 授予最小的权限（repo.public_repo） ，添加token：https://github.com/settings/tokens
        CommitterName : 'nickname',                         // 提交人昵称，写你github的昵称
        CommitterEmail : 'email@mail.com',                  // 提交人邮箱，写你github的邮箱
        Repository : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',      // github项目名，比如你的项目地址是：https://github.com/Thobian/typora-plugins-win-img  那就是后面的“Thobian/typora-plugins-win-img”
        Filepath : 'typora',                                // 图片在项目中的保存目录，可以不用提前创建目录，github提交时发现没有会自动创建
        // 【注意：开启CDN后会将原github的文件地址换成 jsDelivr 的地址，如出现镜像出现国内无法访问，或者不再继续运营你的图片也将不能访问到，请谨慎开启该功能】
        jsDelivrCND : false,                                // 是否开启GitHub图片走镜像，国内有时候访问不太方便,如要打开设置为：true
    }
});

上传到自建服务器

//将图片上传地址换成你自己的后端接口，由于调用时不带登录态，请注意接口安全别被坏人利用
//为了防止坏人利用你服务器接口，插件支持设置请求头，可一定程度避免被利用
//接口协议：
//请求方式：POST
//请求参数：data:image/png;base64,xxxxxx （图片原转换成base64后的值）
//成功响应：{'code':0, 'message':'成功', 'data':{'url'=>'imageURL'}} 
//失败响应：{'code':x, 'message':'错误原因', 'data':null} 失败时，code必须未非0
//后端接口代码可以参考代码文件：`upload.php`
$.image.init({
    target:'self',
    self:{
        //默认上传地址 https://jiebianjia.com/typora-plugins/upload.html
        url:"https://you-server/the-image-upload-path",
        headers:{
            //默认: token:B40289FC92ED660F433BF0DB01577FDE
            token:"value"  //自己定义好，并在接口里面检查避免坏人利用你接口
        }
    }
});

上传到腾讯云cos

//为了你腾讯云的安全，强烈建议你为这个操作添加一个单独的子账号，并只开启API访问权限
//添加子账号：https://console.cloud.tencent.com/cam
//更多关于腾讯云子账号（CAM）说明：https://cloud.tencent.com/document/product/598/13665
$.image.init({
    target:'tencent',
    tencent : {
        Bucket: 'bucket-name',  // 对象存储->存储桶列表(存储桶名称就是Bucket)
        SecretId: 'SecretId',   // 访问控制->用户->用户列表->用户详情->API密钥 下查看
        SecretKey: 'SecretKey', // 访问控制->用户->用户列表->用户详情->API密钥 下查看
        Region: 'Region',       // 对象存储->存储桶列表(所属地域中的英文就是Region)
        folder: 'typora',       // 可以把上传的图片都放到这个指定的文件夹下
    },
});

上传到阿里云OSS

//为了你阿里云账号的安全，强烈建议你为这个操作添加一个单独的子账号，并只开启API访问权限
//添加子账号：https://ram.console.aliyun.com/users
//给子账号授权：https://ram.console.aliyun.com/permissions
//更多关于阿里云子账号（RAM）说明：https://help.aliyun.com/product/28625.html
//SecretId 就是阿里云的：AccessKey ID
//SecretKey 就是阿里云的：AccessKey Secret，这个值只能在你创建 AccessKey 时看到，所以要保管好，否则只能重新生成
$.image.init({
    target:'aliyun',
    aliyun : {
        // 个人觉得阿里云的这个 AccessKey 没有腾讯云的好用
        SecretId: 'xxxx',                 // 需要先创建 RAM 用户，同时访问方式选择“编程访问”
        SecretKey: 'xxxx',            // 最好是子账号的key，仅授予oss读写权限（不包括删除）
        Folder: 'typora',                 // 可以把上传的图片都放到这个指定的文件夹下
        BucketDomain : 'http://xxx.com/', // 存储空间下有个：Bucket 域名 挑一个就好了
    }
});

上传到七牛云

//“密钥管理”页面地址：https://portal.qiniu.com/user/key
$.image.init({
    target:'qiniu',
    qiniu: {
        UploadDomain: 'https://xxx.com',  // 上传地址，需要根据你存储空间所在位置选择对应“客户端上传”地址 详细说明：https://developer.qiniu.com/kodo/manual/1671/region-endpoint
        AccessDomain: 'http://xxx.com/', // 上传后默认只会返回相对访问路径，需要设置好存储空间的访问地址。进入“文件管理”下面可以看到个“外链域名”就是你的地址了，复制过来替换掉 xxx 就可以了。
        AccessKey : 'xxxx',              // AK通过“密钥管理”页面可以获取到
        SecretKey: 'xxxx',               // SK通过“密钥管理”页面可以获取到
        Folder: 'typora',                // 可以把上传的图片都放到这个指定的文件夹下
            
        policyText: {
            scope: "xxx",                // 对象存储->空间名称，访问控制记得设置成公开
            deadline: 225093916800,      // 写死了：9102-12-12日，动态的好像偶尔会签名要不过
        },
    }
});

上传到码云

$.image.init({
    target:'gitee',
    gitee: {
        message: "From:https://github.com/Thobian",     // 必须参数,提交消息
        branch: "master",                               // 要提交到的分支（默认为：master）
        token: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",   // token  
        userName: "userName",                           // 用户名
        repositorie: "repositorie",                     // 仓库名
        Folder: "image",                                // 可以把上传的图片都放到这个指定的文件夹下
        BucketDomain: "https://gitee.com/api/v5/repos/",
    }
});