系列4:总结别人hexo博客如何插图片方法(有自己实现的图片实例)

如何插图片

1.1.首先确认主页配置的_config.yml中:post_asset_folder:true。


2.在你的hexo目录下执行:

npm install hexo-asset-image --save

若出现错误则先执行:

npm install -g cnpm --registry=https://registry.npm.taobao.org

后执行:

npm install hexo-asset-image --save

3. 等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹。

如我的操作:

hexo new "图片测试"


4.在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中。

如我的操作:

保存为:cat.jpg(后缀是小写)


5.在xxxx.md中按照markdown的格式引入图片:

![你想输入的替代文字](xxxx/图片名.jpg)

如我的操作:


最后的效果:


以上总结了这两篇文章:

如何插图(本文核心参考—用这个成功的)

博客插图(辅助参考)

你可能感兴趣的:(系列4:总结别人hexo博客如何插图片方法(有自己实现的图片实例))