给自己的博客加上图片


前言

写博客的时候,有时候图片比文字更有说服力,比如:代码运行结果,本来一张图片解决的事情,不用图片的话,就得自己敲结果,然而别人不一定能看懂,这就非常尴尬了,所以说,在某些时候图片的说服力还是很强大的,比如下面这张表达的意思。

言归正传,我下面介绍一下我比较相中的办法,因为不用借助七牛等等,当然相比较而言的优缺点就忽略吧。

解决办法

1.首先把blog(hexo)目录下的_config.yml里的psot_asset_folder:设置为true

2.在blog(hexo)目录下执行:

npm install hexo-asset-image --save
复制代码

3.在blog(hexo)目录下Git Bash Here,运行hexo n "博客名"来生成md博客时,会在_post目录下看到一个与博客同名的文件夹。

4.将想要上传的图片先扔到文件夹下,然后在博客中使用markdown的格式引入图片:

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

ps:因为博客名和文件夹名字相同,所以不需要绝对路径,只要xxxx是文件夹的名字就可以了。

5.然后,使用hexo g部署的时候,进入public\2018\04\19\index.html文件中查看相关字段,可以发现html标签内的语句是img src = "2018/04/19/xxxx/图片名.jpg"而不是img src="xxxx.图片名.jpg",这就成功了,当然前面步骤操作正确的话,这一步也不用检查。

最后放一张帅照,并感谢Nubb,为你引流233333。

转载于:https://juejin.im/post/5ad8b6e6518825672205be3d

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值