记

采用markdown进行编辑同步hexo时，图片显示是需要重点关注的地方，使用typora时，图片可以选择本地保存显示，而且typora也很轻便。

环境

所有图片博客均保存在source/_post下

hexo配置

0. 安装插件，在hexo根目录打开Git Bash,执行

1

npm install hexo-asset-image --save

配置博客文件的所有图片存储到博客当前路径的同名文件夹中。

1. 修改根目录的_config.yml文件

1

post_asset_folder: true

2. 配置hexo文章模板设置

• 在项目的scaffolds->post.md文件中，增加配置

1

typora-copy-images-to: {{ title }} 

采用此方法，每次调用 hexo new filename 都会自动配置存储文件路径，供typora识别。

图片移植时，需讲旧文档的图片执行复制到typora-copy-images-to:目录下，才能显示

由于hexo-asset-image会自动将相对路径转为绝对路径，为保证在文章和主页以及归档页都能正常显示图片，文章应遵循一下格式存放图片：

1
2
3
4
5

test
├── 图1.jpg
├── 图2.jpg
└── 图3.jpg
test.md

typora

Typora的 文件 > 偏好设置

同步到服务器显示还需要设置根目录：

在typora菜单栏点击 格式->图像->设置图片根目录，将hexo/source或者**图片的上级目录（特殊情况）**作为其根目录即可。

一定要先设置了图片根目录后再插入图片，否则图片路径会不正确

• ← Previous Post
• Next Post →