Typora自动上传图片
2022-09-22 22:47:20 #typora

Typora是我们比较熟悉的编辑器了，但是默认图片是保存在本地的。
当我们复制文件到其他电脑上时，就发现图片都不见了。
那如何把我们的图片自动上传到云端呢？

我使用的是这个开源项目：https://github.com/Thobian/typora-plugins-win-img

它支持

  • 自建的服务器
  • 腾讯云的COS
  • 阿里云OSS·
  • 七牛云
  • github 默认上传到github
  • gitee码云

安装教程环境说明：

  • typora版本：0.9.68 (Windows x86) （去下载）
  • typora默认安装目录：C:\Program Files (x86)\Typora ，可以安装在其他目录

如何安装？

首先下载刚刚的开源项目，解压

然后只需三步

  • 粘贴plugins文件
  • 修改你原来的window.html文件
  • 修改plugins中的upload.js文件

一步一步来：

1 先把plugins文件复制到你的安装目录里的Typora\resources\app

image-20210123003225181

2 修改你自己的window.html【注意不是替换，相当于下载的压缩包里的window.html没啥用..】

打开，然后搜索

1
<script src="./app/window/frame.js" defer="defer"></script>

在后面加上这一句话就好了【目的是为了引入upload.js文件】

1
<script src="./plugins/image/upload.js" defer="defer"></script>

3 修改upload.js文件 【按照说明填写就好了】

image-20210123004528592

根据你的需求填写target

image-20210123005026542

然后修改下面的JS就好了！【我是用的码云，你们根据需求修改对应的js】

1
2
3
4
5
6
7
8
9
10
11
12
13
// ！！！注意当图片大于1M时， gitee 必须登录后才能查看！！！
$.image.init({
    target:'gitee',
    gitee: {
            message: "From:https://github.com/Thobian",     // 必须参数,提交消息（默认为：add image）
            branch: "master",                               // 要提交到的分支（默认为：master）
            token: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',   // 码云token申请地址 https://gitee.com/profile/personal_access_tokens
            userName: 'userName',                           // 用户名 比如你的gitee个人主页地址是：https://gitee.com/thobian ，那userName就是：thobian
            repositorie: 'repositorie',                     // 仓库名 比如你的gitee图片仓库地址是：https://gitee.com/thobian/typora，那么repositorie就是 typora
            Folder: 'image',                                // 可以把上传的图片都放到这个指定的文件夹下
            BucketDomain: 'https://gitee.com/api/v5/repos/',// 这个是不用变的，直接copy就好
    }
});

比如Gitee，你可以专门建一个仓库来保存图片，注意仓库需要是公开的

假如仓库是私密的，会出现typora上传成功，但是无法查看的情况。

最后重启Typora，粘贴一个图片试试，搞定！

Prev
2022-09-22 22:47:20 #typora
Next