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/", }});注意事项:
安装PigGo
我是windows平台所以用的就是PigGo
下载地址: PigGo
安装完成后配置
如上配置完成后测试一波应该就没有问题了
注意: 强调下版本原因 : 最好window.html按照上面截图添加一行<script src="./plugins/image/upload.js" defer="defer"></script>不要直接就覆盖 不然偏好设置打不开 .