当前位置: 首页 > Web前端 > HTML5

Markdown笔记神器Typora如何上传图片?(图床功能)

时间:2023-04-05 01:57:58 HTML5

Typora是一款简洁、高效、优雅的Markdown编辑器,提供所见即所得的全新Markdown书写体验。它将源码编辑和效果预览合二为一,输入Markdown代码即刻生成预览效果。Typora的一切都是围绕纯粹的生产力而设计的。Typora一直是我最喜欢的markdown编辑器,是写博客和做笔记的首选软件。相信大部分朋友也在使用Typora这款软件。不过之前Typora并不支持图床功能,图片自动上传功能只能通过第三方插件实现。不过最近Typora更新了,终于支持图床功能了。下面介绍借助插件和Typora自带的图床功能上传图片。借助插件自动上传之前Agai也是使用第三方插件上传图片,安装插件后效果如下:将图片拖入md编辑器,图片会自动上传上传到图床,上传成功的图片上方会出现绿色背景白色文字提示。插件支持,GitHub,七牛云,阿里云,码云等。本插件是Thobian开源的插件,仅支持Windows系统。同学的知乎主页:www.zhihu.com/people/thobianGithub主页:www.github.com/Thobian。插件安装安装环境:Typora版本:0.9.68(Windowsx86)下载地址:https://typora.io/windows/typ...Typora安装目录:D:ProgramFilesTypora,或者在其他目录安装安装步骤:下载插件代码,公众号“旺盖盖”后台回复“md插件”下载并复制插件相关代码文件:window.html,plugins将复制的插件代码文件粘贴到resourcesappTypora安装目录下的文件夹,安装完成。重启Typora插件配置接下来可以配置上传图片到哪个图床,打开plugins/image/upload.js文件,拉到最下面,配置$.image.init();在最后一行按照下面的说明:UploadGotoGithub-推荐免费且无需自己搭建服务器的好方法。您需要在配置中填写令牌。添加token后,可以登录GitHub访问这个链接:https://github.com/settings/t...只为typora使用的token授予最低权限(repo.public_repo)。//尽量不要把注册的token共享给其他应用,同时授予最小权限//免费+不用自己搭建服务器,是个好办法$.image.init({target:'github',quality:1,//图片压缩开关,1表示原图上传值为:0'imageURL'}}失败响应:{'code':x,'message':'errorreason','data':null}失败时,代码必须为非零。后台接口代码可以参考代码文件:upload.php$.image.init({target:'self',self:{//默认上传地址https://jiebianjia.com/typora-plugins/upload.htmlurl:"https://you-server/the-image-upload-path",headers:{//Default:token:B40289FC92ED660F433BF0DB01577FDEtoken:"value"//自己定义,在界面中查看防止坏人使用你的界面}}});上传至腾讯云OSS//为了您的腾讯云安全,强烈建议您为该操作添加单独的子账号,并且只开启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',//访问控制->用户->用户列表->用户详情->APIKey查看SecretKey:'SecretKey',//访问控制->用户下的查看区域->用户列表->用户详情->APIKey:'Region',//对象Storage->Bucketlist(地区英文为Region)folder:'typora',//可以把所有上传的图片放在这个指定的文件夹里},});上传到阿里云OSS//为了您阿里云账号的安全,强烈建议您为该操作单独添加一个子账号,并且只开启API访问//Addsub-accounts:https://ram.console.aliyun.com/users//子账号授权:https://ram.console.aliyun.com/permissions//更多关于阿里云子账号(RAM):https://help.aliyun。com/product/28625.html//SecretId是阿里云的:AccessKeyID//SecretKey是阿里云的:AccessKeySecret,这个值只有在创建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-endpointAccessDomain:'http://xxx.com/',//上传后默认只返回相对访问路径。你需要设置存储空间的访问地址,进入“文件管理”,看到一个“外链域名”是你的地址,复制进去替换xxx即可。AccessKey:'xxxx',//AK可以通过“密钥管理”页面获取SecretKey:'xxxx',//SK可以通过“密钥管理”页面获取Folder:'typora',//上传的图片全部放好在这个指定的文件夹中policyText:{scope:"xxx",//objectstorage->spacename,记得把访问控制设置为publicdeadline:225093916800,//hardcoded:9102-12-12,动态好像偶尔签到,但},}});上传到码云//!!!注意图片大于1M时,gitee必须登录才能查看!!!$.image.init({target:'gitee',gitee:{message:"From:https://github.com/Thobian",//必填参数,提交信息(默认:添加图片)branch:"master",//提交到的分支(默认:master)token:'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',//码云token申请地址https://gitee.com/profile/personal_access_tokensuserName:'userName',//用户名如你的gitee个人主页地址为:https://gitee.com/thobian,那么userName为:thobianrepositorie:'repositorie',//仓库名比如你的gitee镜像仓库地址为:https://gitee.com/thobian/typora,那么repositorie就是typoraFolder:'image',//你可以把所有上传的图片放在这个指定的文件夹里BucketDomain:'https://gitee.com/api/v5/repos/',//这个不用改,直接复制即可}});如果在设置插件的时候遇到什么问题,可以在issue中找到解决方法:https://github.com/Thobian/ty...Typora的自动上传功能虽然插件支持多种图库,但是仅支持Windows系统。不过Typora已经支持图片上传功能了。配置前确保软件版本更新为最新旧版本不支持图片上传功能,配置中没有上传图片的选项:更新软件下载最新软件https://www.typora.io/#windows,本文Agai使用的版本是0.9.86,升级后打开File->Preferences->InsertImage,会发现有上传图片的选项,如图下图,选择我勾选的配置。然后点击上图中的“下载或更新”按钮下载PicGo-Core核心支持。下载完成后,进行配置。配置Token,图床选择sm.ms,官网地址:https://sm.ms特点:永久存储,无需注册,图片链接支持https,上传图片可删除,提供多种图片链接格式。成立于2015年,目前免费用户无法使用香港节点,所以速度比较慢。图片上传限制:每张图片最大5M,每次最多上传10张图片注册或登录sm.mshttps://sm.ms/login生成tokenhttps://sm.ms/home/apitoken3.配置token在Typora配置中,Image->打开配置文件,将下面的代码复制进去,然后把token改成你自己的。修改后注意重启软件:{"picBed":{"uploader":"smms",上传者为SM.MS,"smms":{"token":"xxxxxxxxxxxxxxxxxxxxx"//这里的token替换为刚刚生成的sm.ms的token}},"picgoPlugins":{}}效果预览感觉上传速度没有第三方插件快,但是第三方插件-in只支持Windows系统,拖入的图片需要点击。上传到图床,内置上传功能可以拖进去,动画缓存会反馈。每个都有自己的优势。另外可以试试其他的画床、七牛云等。综上所述,本文介绍了Typora软件中两种上传图片的方式。如果配置成功,欢迎转发观看!也欢迎关注原微信公众号“王盖盖”,关注深度学习和机器学习技术。参考链接https://zhuanlan.zhihu.com/p/...https://zhuanlan.zhihu.com/p/...https://github.com/Thobian/ty...