Typora是一个简单、高效和优雅的Markdown编辑器，它提供了所见即所得的新体验。它将源代码编辑和效果预览合二为一，在输入Markdown代码时即时生成预览效果。Typora的一切都是围绕纯生产效率设计的。

Typora一直是markdown最喜欢的编辑器，markdown是写博客和做笔记的首选软件。相信大部分朋友也在用Typora软件。

但是Typora之前不支持图片床功能，只有第三方插件才能实现自动上传图片的功能。不过最近Typora更新了，终于支持图像床功能了。接下来我将分别介绍带插件的图片上传功能和Typora自带的图片床功能。我亲身经历过。Typora软件的图片上传功能很慢，还不如我写的插件好用。

1.借助插件自动上传。

之前老王也是用第三方插件上传图片的。插件安装后，使用效果如下:

将图片拖入md editor，图片会自动上传到图像床，上传成功的图片上方会出现一个绿底白字作为提醒。插件支持，GitHub，七牛云，阿里云，CodeCloud等。

该插件是面向Thobian学生的开源插件，仅支持Windows系统。

2.插件安装

安装环境

Typora版本:0.9.68 (Windows x86)

Typora安装目录:D:Program FilesTypora，或者安装在另一个目录。

安装步骤

1.下载插件代码，微信官方账号会“访问GitHub”，回复下载md插件。

2.复制与插件相关的代码文件:window.html和插件。

3.将复制的插件代码文件粘贴到Typora安装目录下的resourcesapp文件夹中。

4.安装完成后，重启Typora。

插件配置

接下来可以配置图片上传到哪个图像床，打开plugins/image/upload.js文件，拉到最下面放最后一行的$ .image.init按照以下说明进行配置:

上传到Github-推荐

而且是免费搭建自己服务器的好方法。您需要在配置中填写令牌。您可以在登录GitHub后，通过添加令牌:https://github.com/settings/tokens.来访问这个链接

只有typora使用的令牌可以被授予最低权限(repo.public_repo)。

//注册token的尽量不要跟其他应用共用，同时授予最小权限
//免费+无需自己搭建服务器，是一种不错的方式
$.image.init({
target:'github',
quality:1, //图片压缩开关，1表示原图上传 取值为：0github:{
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
}
});

上传到自建服务器//尝试0<与其他应用共享令牌，授予最小权限
//免费+无需自建服务器，这是一个好办法
$。image . init({
target:' github '，
quality: 1，//图像压缩质量& lt=1，如果要压缩推荐的0.7
GitHub:{
token:' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxx xxxx xxxx xxxx xxxx，添加一个仅由使用的tokengithub提交时会自动创建
/[注:打开CDN后，原github的文件地址会改为jsDelivr的地址。如果有图片在国内无法访问，或者停止操作您的图片将无法访问，请谨慎开启此功能]
jsDelivrCND: false，//是否打开GitHub图片进行镜像，有时候在国内访问不方便。如果要打开它们，将它们设置为:true
}
})；上传到自建服务器

把图片上传地址改成自己的后端接口。请注意界面的安全性，不要被坏人利用，因为是无登录状态调用的。

为了防止坏人使用你的服务器接口，插件支持设置请求头，可以在一定程度上避免被利用。

接口协议:

申请方式:邮寄

请求的参数:data:image/png；base64，xxxxxx(原始图像转换为base64的值)

响应:{'code': 0，' message':' success '，' data ':{ ' URL ' = >；imageURL'}}

响应:{'code': x，' message':' error reason '，' data':}失败时，代码不得为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:b 40289 fc 92 ed 660 f 433 BF 01577 FDE
token:" value "//自己定义，在接口中检查，防止坏人使用

//为了您的腾讯云的安全，强烈建议您为该操作添加单独的子账号，并且只开放API访问
//添加子账号:https://console.cloud.tencent.com/CAM
//腾讯云子账号(CAM)详细信息:https://cloud.tencent.com/document/product/598/13665 $ . image . init({
target:'腾讯'，
腾讯:{
bucket:' bucket-name '，//对象存储-->；Bucket list(桶名为Bucket)
secretid:' secretid '，//access control->:User->:User list->:User details->:See
secret key下的secret key:' secret key '，//access control->:User->:User->:User list->:See
region:' region '下的API key，//object storage->: Bucket list(所属地区的英文)
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时才能看到，请注意安全
阿里云:{
//个人觉得阿里云的这个AccessKey没有腾讯云的那么容易
SecretId: 'xxxx '，//你需要先创建一个RAM用户，选择“编程访问”作为访问方式
SecretKey: 'xxxx '，//最好是子账户。 只授予oss读写权限(不包括删除)
文件夹:' typora '，//你可以把所有上传的图片放在这个指定的文件夹里
bucket domain:' http://xxx.com/',//storage空下面有一个:BucketDomain name。上传到七牛云

//“密钥管理”页面地址:https://portal.qiniu.com/user/key
$ . image . init({
target:' qiniu '，
qiniu:{
upload domain:根据您的储藏室位置空，选择对应的“客户端上传”地址。详情:https://developer . qiniu . com/kodo/manual/1671/region-endpoint
访问域:' http://xxx.com/',//upload进入“文件管理”，可以看到一个“外部域名”是你的地址。直接复制替换xxx就行了。
AccessKey: 'xxxx '，// AK可以通过密钥管理页面获取
秘钥:' xxxx '，//SK可以通过密钥管理页面获取
文件夹:' typora '，//并且可以将所有上传的图片放在这个指定的文件夹中。空名，记得设置访问控制为public
截止日期:225093916800，//写死:9102-12-12，动态，好像偶尔签名不会超过
}，
} [/br/上传到代码云

// !！！注意，图片大于1M时，gitee必须登录才能查看！！！
$ . image . init({
target:' gitee '，
gitee:{
message:" from:https://github.com/thobian",//required参数，提交消息(默认:添加图像)
branch: "master "，//提交到的分支(默认:master)
token:' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx '，//CodeCloud token应用地址https://gitee.com/profile/personal _ access _ tokens
用户名:'用户名'，//用户名。比如你的gitee个人主页地址是:https://gitee.com/thobian,那就是用户名:thobian
Repository:' Repository '，//仓库的名称。比如你的gitee图片仓库的地址是:https://gitee.com/thobian/typora. Then repositorie是typora
Folder: 'image '，//并且你可以把所有上传的图片放在这个指定的文件夹
bucket domain:' https://gitee.com/API/V5/repos/',//This一个不用改，直接复制就行了
如果你在设置插件的时候遇到什么问题，可以在issue中找到解决方案:

https://github.com/Thobian/typora-plugins-win-img/issueshttps://github.com/Thobian/typora-plugins-win-img/issues

3.Typora自动上传功能

虽然插件支持多种图库，但是只支持Windows系统。不过Typora已经支持图片上传功能了。在配置之前，确保软件版本更新到最新。旧版本不支持图片上传功能，配置中没有图片上传选项:

更新软件

下载本文最新软件https://www.typora.io/#windows.，阿盖使用的版本是0.9.86。升级后打开文件->:首选项->:插入图片，会发现上传图片的选项，如下图所示。选择我检查过的配置。

然后点击上图中的“下载或更新”按钮，下载PicGo-Core核心支持。下载后配置。

配置令牌

选择sm.ms作为图床，官网地址:https://sm.ms。

特点:免注册永久存储，https支持图片链接，多种图片链接格式可删除。2015年成立，目前免费用户无法使用香港节点，所以速度比较慢。

图片上传限制:每张图片最大5M，一次可上传10张图片。

1.注册或登录sm.ms

https://sm.ms/login

2.生成令牌

https://sm.ms/home/apitoken3.

3.配置令牌

在Typora配置中，image->打开配置文件，复制以下代码，然后将令牌更改为您自己的。

注意修改后重启软件:

{
" picbed ":{
" uploader ":" smms "，图片传送床是sm.ms，
" smms ":{
" token ":" xxxxxxxxxxxxxxx "//这个页面中的token是刚刚生成的。

感觉上传速度不如第三方插件快，但是第三方插件只支持Windows系统，需要点击拖拽的图像才能上传到图像床，而内置的上传功能可以拖拽进来，动画缓存反馈。各有各的优势。除此之外，还可以试试其他的图床，七牛云之类的。

对于Mac用户来说，用这个软件实现图床的功能还是很简单的。只需要直接使用Typora+iPic，本文不做介绍。

Java后端通信组已经建立。