美文网首页关于hexoHexo
系列4:总结别人hexo博客如何插图片方法(有自己实现的图片实例

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

作者: 自由的明日 | 来源:发表于2018-03-09 00:09 被阅读32次

如何插图片

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博客如何插图片方法(有自己实现的图片实例

    本文链接:https://www.haomeiwen.com/subject/afbufftx.html