解决Typora图片显示不出来问题

Posted 2023-04-25

参考技术A 最近喜欢上了用Typora这个软件写一些笔记，使用起来简单又美观。在使用图片的过程中发现了两个问题：

1、图片会莫名的丢失（文件的位置变了或者图片不见了）

2、在使用QQ或者各种截图工具，需要先保存到本地，然后在粘贴过来(截图工具默认图片是保存在缓存里的)

    为了解决这个问题，上网找了很多方法，个人比较喜欢的一种解决方式，现记录下来，一来做个记录；二来希望能够帮助和我一样碰到这个问题的朋友。

    第一步：文件—>偏好设置（preference）

    在这里插入图片描述

    第二步：

在这里插入图片描述

经过上面设置以后：

1、文档中图片的地址：使用相对

2、在粘贴图片的时候，会自动在文档的当前目录下生成一个“文件名.assets”文件夹，里面会复制一份要粘贴的图片

assets文件夹，里面会复制一份要粘贴的图片

3、在移动或复制文件的时候，连同assets一起复制，这样就不会出现图片显现不出来的问题。

解决Hexo博客不显示图片的一种方法

参考技术A 写博客时适当的添加图片是很有效率的一种做法，也会让别人更容易明白你想表达的意思。

如果你的博客也是通过 Hexo 框架建立的，在使用初期你可能也遇到过和我相似的问题：在一个 .md 文件中添加的图片并没有在预览中显示出来，下面分享一种解决此问题的方法：

修改博客根目录中 _config.yml 文件的配置项 post_asset_folder 为 true ：

post_asset_folder: true

完成此设置后，当你通过 hexo new 文件名 新建博客后，会产生一个和文件同名的文件夹。

在博客根目录中下使用npm安装插件：

npm install https://github.com/CodeFalling/hexo-asset-image --save

当文章需要添加图片时，将需要添加的图片放入同名的文件夹中，同时通过相对路径索引到该图片。

例如我在上方修改博客配置中展示的那张图片的md源码为：

使用命令 hexo s 开启服务，若无报错在本地可以看到图片在博客中正确显示。

我自己的博客开通了！欢迎来访，以后两边都会更新。