龙行博客

走路看风景,经历看人生,岁月留痕迹,人生留轨迹,17的历史,18的豪情,时间的匆忙,人生的风景,放开心胸往前走,成功再远行,放开理想往前走,梦想再行动。
现在位置:首页 > 杂货分享 > 个人随笔 > Typora配置七牛云图床自动上传(windows)

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

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

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

为什么用它

Typora可以说是目前市场上最好用的编辑软件之一,当然对于我来说,够小巧轻便,丰富的扩展

其实最主要的是支持图床上传功能,虽然是第三方,接下来用七牛云来配置

准备工作

配置教程

  1. 首先将准备工作下载的Typora安装完毕

  2. 将插件包里面的 puligins  window.html复制粘贴到Typora安装目录 Typora\resources\app 下

    注意: window.html文件不要覆盖,先备份一份

    image-20200310102847579

image-20200310102943759

  1. 更换图床上传接口

    • 打开安装目录下 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/",
         }
      });

注意事项:

image-20200310104704708


安装PigGo

我是windows平台所以用的就是PigGo

下载地址: PigGo

image-20200310104911766

安装完成后配置

image-20200310104958588

如上配置完成后测试一波应该就没有问题了

注意:  强调下版本原因  :   最好window.html按照上面截图添加一行<script src="./plugins/image/upload.js" defer="defer"></script>不要直接就覆盖 不然偏好设置打不开  .

评论一下 分享本文 赞助站长

赞助站长X

扫码赞助站长
联系站长
龙行博客
  • 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
  • 本文网址:https://www.liaotaoo.cn/332.html
  • 上篇文章:Go基础-变量
  • 下篇文章:JetBrains IDE 2019.3永久破解
  • 分享
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
快捷导航
联系博主
在线壁纸
给我留言
四四五五
音乐欣赏
返回顶部