Hexo使用攻略-Hexo与Typora同时显示图片
Hexo默认无法自动处理文章插入本地图片,需要通过扩展插件支持。
修改Hexo 配置文件
- 修改配置文件 将配置文件_config.yml里面的post_asset_folder:false这个选项设置为true。
post_asset_folder: true
安装插件
npm install https://github.com/xcodebuild/hexo-asset-image --save
说明: 不能使用下面的命令进行安装
npm install hexo-asset-image --save
原因:
- npm库中保存的是v1.0.0版本hexo-asset-image,但v1.0.0与Hexo高版本不兼容,需要使用v0.0.5版本hexo-asset-image。
- 使用hexo-image-link插件(目前2020-08官方推荐)
npm install hexo-image-link --save
使用
- 在md文章中插入图片
![demo_picture](2020-08-19-Use_Github_Create_Blog/2020_08_19_commit_new_file.png)
- 使用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参数自动生成。
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!