如何在一片hexo的blog中插入图片
我前几天学会了如何在一篇博客中插入一个图片。然后今天我又想写博客了。然后我就。
忘了。。。。。
忘了。。。。
忘了。。。
忘了。。
忘了。
算了反正想不起来了,我就重新温(bai)习(du)了一下。
然后看到了这个:大佬指导
然后感谢开车的兄弟
带我找到了大佬。orz。
然后我就开始瞎比操作。
首先
把主页配置文件_config.yml 里的post_asset_folder: 这个选项设置为true
在你的hexo目录下执行这样一句话npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件,来自GAYHUB
等待一小段时间后,再运行hexo n “xxxx”来生成md博文时,/source/_posts 文件夹内除了xxxx.md文件还有一个同名的文件夹
然后
最后在xxxx.md中想引入图片时,先把图片复制到xxxx 这个文件夹中,然后只需要在xxxx.md 中按照markdown的格式引入图片:
![你想输入的替代文字](xxxx/图片名.jpg)
注意: xxxx 是这个md 文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。
最后检查一下,hexo g 生成页面后,进入public\2017\02\26\index.html 文件中查看相关字段,可以发现,html标签内的语句是,而不是<img src=”xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。
blog总结
温习了插入图片的方法
也许这就是建立blog的意义所在吧,建立一个自己能够快速唤醒自己回忆的文章。
知道了如何插入代码段
插入代码段,以及行间代码段。想看的话回来查看这个md文件吧。
- 我本来想写stm32的2333333