GitHub+Hexo deploy article wiz pic

本篇将简述如何发布带图片的Markdown文件。

Quick Start

修改全局_config.yml文件

在Blog根目录下，查看_config.yml文件，command + f搜索post_asset_folder字段，设置为true。

post_asset_folder: false   --->  post_asset_folder: true

安装插件

$ cd blog根目录
$ npm install https://github.com/CodeFalling/hexo-asset-image --save

ps：眼熟的同学就会发现，其做法应该与Typora显示图片的方式类似，采用同路径的文件夹形式。

使用方式

设置 post_asset_folder 参数后，在创建文章时，Hexo 会自动建立一个与文章同名的文件夹，可以把与该文章相关的所有资源都放到此文件夹内，这样就可以更方便的使用资源。

例子

$ hexo new "test"  //创建名字为test的文章
$ cd ~/source/_posts //进入文章目录
$ ls  //会出现如下文件，一个文章的md；一个文章同名的文件夹
test.md   test

所要做的就是将对应的图片放入对应文件夹中即可。以下为图片用法。

实际上，也可以手动建立同名文件夹进行使用。只要安装了插件就可以。图片用法与Typora类似。

<img src="Git-merge/gitmerge1.png" style="zoom:30%;" />