Typora直传图片文件方案

Posted 2020-12-28. Updated 2024-07-07. 491 words. 3 min read. 0 views. 0 messages.

🌶 过期警告： 本页面距今已有 1287 天未更新，年久失修，内容可能有所偏颇，还请仔细甄别！

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

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

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

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

首先来创建一个oss账号

一定要创建子用户

然后添加权限

使用插件的方式

下载地址typora-plugins-win-img

安装

首先解压，拿到插件包

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

1
<!-- 打开window.html文件，找到 -->
2
`
3
<script src="./app/window/frame.js" defer="defer"></script>
4
`
5
<!-- 在后面添加一行-->
6
`
7
<script src="./plugins/image/upload.js" defer="defer"></script>
8
`

配置文件

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

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

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

自己编写脚本文件

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

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

composer安装阿里云的sdk

1
{
2
  "name": "typora/alioss",
3
  "type": "project",
4
  "authors": [
5
    {
6
      "name": "ChouCong",
7
      "email": "3518439599@qq.com"
8
    }
9
  ],
10
  "require": {
11
    "aliyuncs/oss-sdk-php": "^2.3"
12
  }
13
}

写个简单的php脚本

1
<?php
2

3
require_once 'vendor/autoload.php';
4

5
$file =  $argv[1];
6

7
$name = pathinfo($file, PATHINFO_BASENAME);
8

9
$uploader = new \OSS\OssClient(
10
    '你的SecretId',
11
    '你的SecretKey',
12
    '你的oss区域地址 oss-cn-chengdu.aliyuncs.com'
13
);
14

15
$res = $uploader->uploadFile(你的文件夹',文件路径+文件名, $file);
3 collapsed lines
16
$str=$res['info']['url'];
17
//可以替换成自己的域名 $newstr=str_replace("","",$str);
18
echo $str . "\n";