【Typora图床设置】Typora图片上传和阿里云OSS对象存储
问题描述
因为Typora是纯文本编辑器,所以无法导入图片,但是可以显示图片。换句话说,Typora文档中保存的图片实际上是图片的存储地址,Typora会根据这个地址来显示图片。我们在使用Typora记笔记的时候会往里面放一些图片,但是这个图片的地址却是本地计算机地址,这就导致了我们的笔记换台机器的时候图片无法正常显示的问题,比如您用您的电脑编写了一个readme.md文档,里面放了一张截图,此时您想把readme.md这个文件分享给您的朋友,当您的朋友打开这个readme.md文件时,发现应该显示图片的位置是一串无效的地址,没有图片。您可能要问:为什么我的图片要让别人也能看见呢?我自己学习笔记我自己看就可以了,也不需要给别人看。如果是这样的话那也完全可以,但是另一个场景会使您不得不采取一些措施来解决这个图片问题。因为Typora编辑器没有云端存储功能,万一哪天您的机器发生故障,导致文件丢失,这个时候可谓非常令人头大。所以在使用Typora编辑文档的时候也会配合github或者gitee来远程托管。这个时候又回到了第一个场景,您的图片在您的本地计算机上,但是.md文件会上传到远程服务器(github / gitee),要想保证在另一台机器上clone仓库的时候.md里的图片正常显示就不得不将图片一并上传至gitee或github,但是这个操作可谓又low又麻烦,因为您的图片还需要放置在本地仓库内加入暂存区,提交本地库,推送远程库才可以成功上传至gitee或github。
解决措施
为了解决以上问题,我们使用图床(存储图片的服务器)来将我们的图片统一管理,这个图片会存放在云服务器上,我们的.md文件无论在哪,图片照显不误。这个时候您可能要说:那这跟把图片上传到github或gitee有什么区别呢?我的回答是稍安勿躁,看完以下内容会解决您的疑惑。
效果演示
比如现在有这样一个场景:我在看网课学习,随手截了个图,并Ctrl + V粘贴到了正在编辑的.md文件内,如图:
仔细看,您会发现图片正上方的链接并不是本地链接,而是一个任意位置都可以访问的url:https://ianlit-picture-beijing.oss-cn-beijing.aliyuncs.com/img/image-20220716103816163.png。当您访问该url时,您会惊喜地发现浏览器自动开始下载该图片,这也就意味着我们随便往typora文档中丢图片都会被存放到图床上。在这里给大家送一波福利:点我获取
详细操作步骤
首先要选择一款存储图片的服务器作为自己的图床,我使用的是阿里云的OSS对象存储。收费很低,我用了2年只花了1块钱。所以以下均演示阿里云OSS对象存储的设置方法。
步骤一:注册一个阿里云账号
步骤二:开通OSS对象存储功能,操作方法如下图所示
步骤三:创建一个存储图片文件的文件目录,当然可以不创建,但是创建可以很好的规划图片
步骤四:AccessKey管理,该步骤是为了安全起见,使用阿里云账户的子账户来进行图床上传操作
至此,阿里云图床设置完毕,但是如何将Typora和阿里云OSS进行关联呢,请继续往下看
步骤五:配置PicGo软件连接阿里云OSS
下载链接:https://github.com/Molunerfinn/PicGo/releases/tag/v2.3.0 该版本目前为最新稳定版
此时需要填写相应的阿里云OSS信息
- KeyId与KeySecret就是刚才保存的AccessKey ID与AccessKey Secret,复制粘贴即可
- 存储空间名就是Bucket名称
- 存储区域详见下图
4. 存储路径就是文件目录名
至此PicGo设置完毕
步骤六:最后一步,更改Typora相关设置
至此所有设置均完毕,随便拖进去个图片试试吧!
【Typora图床设置】Typora图片上传和阿里云OSS对象存储相关推荐
- mysql每日备份数据库并上传到阿里云oss对象存储搭建笔记
第一步.下载阿里云上传工具,步骤如下: 1.在linux系统服务器命令行下载ossutil64工具: wget http://gosspublic.alicdn.com/ossutil/1.6.7/o ...
- 一步步带你实现一个简单的express服务器,能让vue通过axios请求将图片上传到阿里云OSS
文章目录 前言 一.申请阿里云OSS 二.Vue前端读取图片 三.将图片base64转成二进制文件 四.搭建express服务器 五.通过axios给服务器发送请求 六.发送图片并上传阿里云 我们首先 ...
- Java 常用工具类(9) : 图片上传至阿里云OSS
阿里云OSS工具类 加强版 : https://blog.csdn.net/Lxinccode/article/details/79698259 import java.io.ByteArrayInp ...
- 使用SpringBoot将图片上传至阿里云OSS
一. 对象存储OSS 1. 什么是OSS? 官方的解释是这样的:阿里云对象存储OSS(Object Storage Service)是一款海量.安全.低成本.高可靠的云存储服务,提供99.999999 ...
- 图片上传到阿里云OSS存储
首先我们需要申请阿里云账号 进行购买OSS云存储 一.开通"对象存储OSS"服务 申请阿里云账号.实名认证.进入管理控制台 二.创建Bucket 根据自身需求 ,一般选择标准存储 ...
- 图片上传到阿里云OSS
目录 Why? What? How? Why? 有一个需求是上传图片到阿里云上的OOS中,可能对于一些 没有用阿里云部署项目的不是很了解,现在小编就带大家入门一下: What? 对象存储服务(Obj ...
- 图片文件压缩并上传至阿里云OSS
图片处理 Thumbnails 在进行Java开发时可以使用Thumbnails工具类对图片进行处理,旋转.裁剪.格式转换.加水印等. 使用步骤 导包 <dependency><gr ...
- 微信小程序 - 超详细 “纯前端“ 将文件上传到阿里云 OSS,最新阿里云 OSS 直传音视频、图片、word、excel、ppt、office 文档(全程无需后端,前端文件直传阿里云oss服务器)
前言 网上的教程乱七八糟却文件少代码(并且没注释),而且都已经很老了,对于新手来说真的无从下手. 本文站在新手小白的角度,实现微信小程序开发中,"前端直传" 上传文件到阿里云oss ...
- Android从相册中选取图片上传到阿里云OSS
在开发APP软件中,boss突然提出想在软件中添加一个多张照片上传的功能,作为菜鸟的我,琢磨了两天,才弄出来,今天特地贴出来.本篇博客主要介绍的是将本地图片上传到服务器的方法技巧.主要技术点是: 一. ...
最新文章
- 【FFmpeg】使用过的命令汇总(持续更新中...)
- [跟我学中小企业架构部署]之三:数据库多实例部署
- (chap6 Http首部) 响应首部字段 Accept-RangeAge Etag
- win下php5.4安装ffmpeg-php扩展
- “既生 ExecutorService, 何生 CompletionService?”
- 最老程序员创业札记:全文检索、数据挖掘、推荐引擎应用6
- 随手练——O(n)解决无序数组排序后的相邻最大差值
- Java 算法SM2加密解密
- Apple 开发者账户类型
- GNN理论入门和小实践——从卷积讲起
- 程序员心理小测试:你是否患上抑郁症?
- android自带中文字体,Android中的默认字体系列是什么?
- Lucene搜索引擎-搜索
- smart200PLC TCP通讯
- Spring5.x之spring-jcl
- 23种设计模式(三) —— 手写实现 Template Method 模式 (将具体交给子类)
- 游戏服务器框架之跨服(三)
- 这个大概就是,程序员转行天花板了吧...
- php验证码的封装,PHP实现生成验证码的封装
- 2 时间格式化_关于Python时间戳是什么讲解