一、插入图片的方法

  1. 绝对引用

    将带插入的图片放在/source/images目录内,使用Markdown语法![image](/images/image.png)实现图片的显示。其中[image]为图片的标题,选填。

    [注]有资料说明需要安装hexo-asset-image插件,安装命令为npm install hexo-asset-image --save,笔者未实际操作,烦请读着自行动手验证。

  2. 相对引用

    1. 将根目录下_config.yml文件中的配置更改为post_asset_folder: true;

    2. 执行hexo n new post命令新建文章,将待插入的图片存放到自动生成的文章同名目录/new-post/下;

    3. 通过下述两种语法引用图片:

      1. markdown语法:![description](image.jpg)
      2. 标签语法:{% asset_img image.jpg description %}

      [注]这两种语法中只需要直接引用文件名即可。

  3. 网络路径

    采用以下形式![description](link)进行引用。

二、示例

  1. 绝对引用,略。

  2. 相对引用。

    1. markdown语法:

      smile girl

    2. 标签语法:

      so cute

  3. 网络引用,略。

三、相对引用时Typora的配置

打开文件->偏好设置,点击图像选项卡,如下图所示进行设置:

typora config

这样在粘贴图片到markdown文件中时,typora会自动将图片复制到文章同名目录下。但是,直接粘贴图片时会引用同名目录,类似于![typora_config](Post-Hexo-Blog-with-Images/typora_config.jpg),这样会导致生成静态文件后图片显示失败,需要将其手动修改为![typora_config](typora_config.jpg),即删掉路径Post-Hexo-Blog-with-Images/。建议将目标图片修改好名称后复制到文章同名目录下,复制文件名,在typora中点击格式->图像->插入图片,此时typora会自动填充文件名,如有需要,仅需修改图片描述即可。