问题描述

因为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信息

  1. KeyId与KeySecret就是刚才保存的AccessKey ID与AccessKey Secret,复制粘贴即可
  2. 存储空间名就是Bucket名称
  3. 存储区域详见下图


4. 存储路径就是文件目录名

至此PicGo设置完毕
步骤六:最后一步,更改Typora相关设置

至此所有设置均完毕,随便拖进去个图片试试吧!

【Typora图床设置】Typora图片上传和阿里云OSS对象存储相关推荐

  1. mysql每日备份数据库并上传到阿里云oss对象存储搭建笔记

    第一步.下载阿里云上传工具,步骤如下: 1.在linux系统服务器命令行下载ossutil64工具: wget http://gosspublic.alicdn.com/ossutil/1.6.7/o ...

  2. 一步步带你实现一个简单的express服务器,能让vue通过axios请求将图片上传到阿里云OSS

    文章目录 前言 一.申请阿里云OSS 二.Vue前端读取图片 三.将图片base64转成二进制文件 四.搭建express服务器 五.通过axios给服务器发送请求 六.发送图片并上传阿里云 我们首先 ...

  3. Java 常用工具类(9) : 图片上传至阿里云OSS

    阿里云OSS工具类 加强版 : https://blog.csdn.net/Lxinccode/article/details/79698259 import java.io.ByteArrayInp ...

  4. 使用SpringBoot将图片上传至阿里云OSS

    一. 对象存储OSS 1. 什么是OSS? 官方的解释是这样的:阿里云对象存储OSS(Object Storage Service)是一款海量.安全.低成本.高可靠的云存储服务,提供99.999999 ...

  5. 图片上传到阿里云OSS存储

    首先我们需要申请阿里云账号 进行购买OSS云存储 一.开通"对象存储OSS"服务 申请阿里云账号.实名认证.进入管理控制台 二.创建Bucket 根据自身需求 ,一般选择标准存储 ...

  6. 图片上传到阿里云OSS

    目录 Why? What? How? Why? 有一个需求是上传图片到阿里云上的OOS中,可能对于一些 没有用阿里云部署项目的不是很了解,现在小编就带大家入门一下: What?  对象存储服务(Obj ...

  7. 图片文件压缩并上传至阿里云OSS

    图片处理 Thumbnails 在进行Java开发时可以使用Thumbnails工具类对图片进行处理,旋转.裁剪.格式转换.加水印等. 使用步骤 导包 <dependency><gr ...

  8. 微信小程序 - 超详细 “纯前端“ 将文件上传到阿里云 OSS,最新阿里云 OSS 直传音视频、图片、word、excel、ppt、office 文档(全程无需后端,前端文件直传阿里云oss服务器)

    前言 网上的教程乱七八糟却文件少代码(并且没注释),而且都已经很老了,对于新手来说真的无从下手. 本文站在新手小白的角度,实现微信小程序开发中,"前端直传" 上传文件到阿里云oss ...

  9. Android从相册中选取图片上传到阿里云OSS

    在开发APP软件中,boss突然提出想在软件中添加一个多张照片上传的功能,作为菜鸟的我,琢磨了两天,才弄出来,今天特地贴出来.本篇博客主要介绍的是将本地图片上传到服务器的方法技巧.主要技术点是: 一. ...

最新文章

  1. 【FFmpeg】使用过的命令汇总(持续更新中...)
  2. [跟我学中小企业架构部署]之三:数据库多实例部署
  3. (chap6 Http首部) 响应首部字段 Accept-RangeAge Etag
  4. win下php5.4安装ffmpeg-php扩展
  5. “既生 ExecutorService, 何生 CompletionService?”
  6. 最老程序员创业札记:全文检索、数据挖掘、推荐引擎应用6
  7. 随手练——O(n)解决无序数组排序后的相邻最大差值
  8. Java 算法SM2加密解密
  9. Apple 开发者账户类型
  10. GNN理论入门和小实践——从卷积讲起
  11. 程序员心理小测试:你是否患上抑郁症?
  12. android自带中文字体,Android中的默认字体系列是什么?
  13. Lucene搜索引擎-搜索
  14. smart200PLC TCP通讯
  15. Spring5.x之spring-jcl
  16. 23种设计模式(三) —— 手写实现 Template Method 模式 (将具体交给子类)
  17. 游戏服务器框架之跨服(三)
  18. 这个大概就是,程序员转行天花板了吧...
  19. php验证码的封装,PHP实现生成验证码的封装
  20. 2 时间格式化_关于Python时间戳是什么讲解

热门文章

  1. 宇视摄像头尾线防水处理
  2. 大数据在各领域应用之销量预测
  3. ncbi爬虫geneID注释
  4. 报表工具对比选型系列用例——多源分片报表
  5. 使用逻辑回归预测用户是否会购买SUV
  6. 蓝桥杯练习 数的读法
  7. 用地预审与选址意见书
  8. 币圈的8大女神都是谁?-千氪
  9. VCN中文编程平台的优势(二)——产品的价格
  10. 《神经网络与深度学习》邱希鹏 学习笔记 (1)