Hexo使用攻略-Hexo与Typora同时显示图片

Hexo默认无法自动处理文章插入本地图片,需要通过扩展插件支持。

修改Hexo 配置文件

  1. 修改配置文件 将配置文件_config.yml里面的post_asset_folder:false这个选项设置为true。
post_asset_folder: true

安装插件

  1. 使用hexo-asset-image插件
npm install https://github.com/xcodebuild/hexo-asset-image  --save

说明: 不能使用下面的命令进行安装

npm install hexo-asset-image --save

原因:

  1. 使用hexo-image-link插件(目前2020-08官方推荐)
npm install hexo-image-link  --save

使用

  1. 在md文章中插入图片
![demo_picture](2020-08-19-Use_Github_Create_Blog/2020_08_19_commit_new_file.png)
  1. 使用hexo g生成静态网页中的图片路径会自动更新为:
<img alt="image" src="/2020/08/19/2020-08-19-Use_Github_Create_Blog/2020_08_19_commit_new_file.png">

其中文件夹路径是hexo根据new_post_name参数自动生成。