基于hexo+github个人博客搭建3

wbtxld

简单的说明

有时候我们并不想上传网络上的图片，而是想把自己本地的图片上传到博客上，但发现按照markdown语法上传后无法显示，这时候我们只需要下载一个github上的插件即可，具体步骤如下：

1.cd到博客根目录下查看_config.yml文件查找 post_asset_folder 字段确定post_asset_folder 设置为true -> post_asset_folder:true

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

3.到博客的根目录下执行

npm install hexo-asset-image --save
//这里有个大坑，有可能执行不成功，主要原因是国内访问外网，下面给一个解决措施
//使用cnpm,通过淘宝镜像源下载

$ npm install cnpm -g --registry=https://registry.npm.taobao.org //安装模块
cnpm install hexo-asset-image --save  //完成后改为用cnpm即可

4.然后创建一文章 hexo new "test" 然后查看博客的 ../source/_posts 目录下的文件，会看到存在一个test 文件夹和 test.md 文件

filePath.png

5.将所需要的图片资源放到test 文件夹内目录结构如下：

fileImagePath.png

6.书写文章使用test文件内的图片

hexo clean
hexo g -d //部署完成即可看到效果