在 Hexo 中插入图片的一种较好方式

文章目录
  1. 1. 测试例子
    1. 1.1. 目录结构
    2. 1.2. 文章引用图片格式

Hexo 中提供了 资源文件夹 的方式来插入图片,大致步骤如下:

  • _config.yml 中填写 post_asset_folder: true

  • 自动或手动创建一个与 markdown 文件名字相同的资源文件夹

  • 在资源文件夹中放置图片,按 测试例子中给出的格式进行引用

    • 这样,就能在站点看到了
      • 不过,有个缺点,因为图片放在了资源文件夹中,所以在 Typora 并不能预览
      • 暂时的解决方法:将资源文件夹的图片拷贝出来,与 markdown 文件 放在同一目录

此外,还有其他的几种方式(插件),不太适合这个主题的使用,故抛弃之。但这个方式也不是最好的,图片放在两处,增加了维护成本。

测试例子

目录结构

1
2
3
4
5
.
├── Hexo插入图片 # 资源文件夹
│   └── Lena.png # 在站点显示的图片
├── Hexo插入图片.md # 文章 -- md 文件;资源文件夹必须和其同名
└── Lena.png # 本地预览显示的图片

文章引用图片格式

1
![lena](./Lena.png)

lena