Hexo图片插入方式（兼容Typora）

原来用的是 Github Pages + Hexo的博客，所以直接用 Github的图床就很方便。终于受不了Github的访问速度了，自己访问影响不大 ，主要是别人访问的时候，就算正常能看文章，图片也会动不动就加载失败，头疼~ 于是，还是把Hexo博客搬到了自己的云服务器上。（反正本来就有云服务器在用）

当把Hexo博客搬到云服务器上后，就要把文章中的图片也上传一下了。如果还是用图床，不管阿里云还是腾讯云上都有对应的对象存储器可以用，就是要收费。所以索性还是直接把文章中的图片上传到云服务器上好了。

在 Hexo文章中插入图片时，通常使用网站的相对路径。

操作方法

1.新建 img 目录

在Hexo的 source 目录下新建 img 目录，用来存放文章的所有图片。
（Hexo的所有文章都在 source目录下的 _posts 目录中）

Hexo的source目录结构为：

source
|– _posts
|– about
|– categories
|– img
|– tags

目录名字看你自己喜欢，也可以用images.

注意：如果你用的主题目录下的source目录下也有images目录，那你可以跟我一样，避免重名，用 img 这样的名字。因为deploy后你会发现，这俩会在同一个目录下。

网上还有其它安装插件的方法，是每篇文章生成一个目录来放图片，个人不喜欢这种，图片也没多少，还是喜欢直接都放在一个目录比较方便。

2.在Typora中设置图片根目录

在Typora中，【格式】菜单->【图像】->【设置图片根目录】，选择刚建好的 Hexo目录下的 source/img 的目录。

选择好后，在.md的文件头部会自动生成 typora-root-url: ..。
所以在有图片的文章中，只需要在头部加上这一项就行。在文章中就可以插入图片了。

例如，此篇文章的头部即为：

title: Hexo图片插入方式（兼容Typora）
date: 2022-04-30 21:30
typora-root-url: ..
tags: [Hexo]
categories: 
- Hexo
toc: true

typora-root-url: .. 中的 ..表示上一层父目录。
因为文章的.md文件在： source/_posts/中，所以 ..即表示图片根目录为source目录。

3.文章中插入图片的代码

比如我在此篇文章要插入一张图片，图片为： /source/img/test.jpg

那在此篇文章中只需要写上以下代码，就能在 Typora看到图片，也能在 hexo deploy后上传到服务器上。

<img src="/img/test.jpg"/>