Typora文档中图片无法显示的原因及解决

简介: Typora文档中图片无法显示的原因及解决

什么是Typora

Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器,与其他 Markdown 编辑器不同的是,Typora 没有采用源代码和预览双栏显示的方式,而是采用所见即所得的编辑方式,实现了即时预览的功能,但也可切换至源代码编辑模式。

使用Typora编辑器可以非常便捷的在本地进行Markdown文档的编写,而Markdown编辑器可以说是程序员必备的编辑器之一。比如说我们在本地使用Typora编写好文档后,可以直接复制到CSDN的MD编辑器,然后发布文章,再也不用担心在写博客的图中出现意外而导致前功尽弃的场面了。

Typora文档中的图片路径

但是Typora有一个问题,就是文档中的图片,实际上当我们插入图片的时候并没有真正把图片放到这个文档中,而是通过一个路径的方式把图片引用到文档中的,所以一旦我们换了一台电脑或者上传网络等原因,就会导致整个文档中的图片都不见了,而是变成了一个个的路径或链接名。默认情况下,Typora中的本地图片都是通过绝对路径的方式引用到文档中的,我们要想在其它设备也能看到图片,就要把所有的图片和文档一块打包发送到其他设备。具体可以如下操作。

① 首先在“文件—偏好设置—图像”中,设置“优先使用相对路径”,相对路径是指以 ./ 和 …/ 开头的路径,这和Linux下是一样的,./ 表示当前路径 …/ 表上上一级目录。至于你想把图片放到哪可以自己设置,建议最好把图片和文档放在同一目录下。设置好之后,你每次向Typora文档插入图片的时候,都会把图片放到你指定的文件夹中。

② 点击图片,查看图片所在路径

这样设置好后,只要你把图片和文档一块打包,在其他设备也可以正常显示文档中的图片。其实我们也可以在上面路径中手动修改路径来搜索图片。


相关文章
|
存储
Typora上传图片后提示 “image load failed“ 无法加载出图片
Typora上传图片后提示 “image load failed“ 无法加载出图片
3317 1
Typora上传图片后提示 “image load failed“ 无法加载出图片
|
开发工具
Typora上传Gitee图床成功,却无法显示图片?(image load failed)
博主构建好Typora-Picgo-Gitee图床之后,发现:虽然图片确实上传到Gitee仓库了,而且也能看到。但是Typora本地却看不到图片,提示(image load failed)
2012 0
Typora上传Gitee图床成功,却无法显示图片?(image load failed)
|
存储 安全 对象存储
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。
14338 16
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
|
8月前
|
存储 安全 API
Typora介绍、安装、图床设置和使用
Typora是一款简洁高效的Markdown编辑器,支持实时预览、数学公式编辑、表格制作与多格式导出,适用于写作、学术与技术文档。本文详细介绍其安装、激活、主题设置、图床配置(PicGo+SM.MS/COS/OSS)及常用功能使用,助你高效搭建写作环境。
1834 3
Typora介绍、安装、图床设置和使用
|
9月前
|
Ubuntu Linux 数据安全/隐私保护
Windows上快速安装Linux子系统Ubuntu
Installing, this may take a few minutes...WslRegisterDistribution failed with error: 0x800701bcError: 0x800701bc WSL 2 ?????????????????? https://aka.ms/wsl2kernelPress any key to continue... 原因是 wsl1 升级到 wsl2 之后,内核却没有升级。 解决:下载最新的wsl安装包(wsl安装包)
|
编译器
区分LR(0),SLR(1),LR(1)和LALR(1)
区分LR(0),SLR(1),LR(1)和LALR(1)
2536 1
|
缓存 监控 安全
Spring AOP 详细深入讲解+代码示例
Spring AOP(Aspect-Oriented Programming)是Spring框架提供的一种面向切面编程的技术。它通过将横切关注点(例如日志记录、事务管理、安全性检查等)从主业务逻辑代码中分离出来,以模块化的方式实现对这些关注点的管理和重用。 在Spring AOP中,切面(Aspect)是一个模块化的关注点,它可以跨越多个对象,例如日志记录、事务管理等。切面通过定义切点(Pointcut)和增强(Advice)来介入目标对象的方法执行过程。 切点是一个表达式,用于匹配目标对象的一组方法,在这些方法执行时切面会被触发。增强则定义了切面在目标对象方法执行前、执行后或抛出异常时所
17996 4
|
前端开发
Typora更换炫酷主题(含主题下载云盘链接)
Typora更换炫酷主题(含主题下载云盘链接)
4483 0
Typora更换炫酷主题(含主题下载云盘链接)