hexo生成博文插入图片【转】

本文介绍了一个有效的解决方案,用于解决Hexo博客中图片无法正常显示的问题。通过配置_config.yml文件并安装特定插件,可以实现在撰写博客时轻松上传及引用本地图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文链接:https://blog.csdn.net/sugar_rainbow/article/details/57415705

RT

十分痛苦,是因为突然发现上传的博客里面的图片居然显示不来,excuse me??? 
这里写图片描述 
笋干shabi了 
怎么办,上网google解决之道,然后又试了很多坑……. 
这里写图片描述 
更加绝望了….. 
然后,看到了这个:dalao指导 
hhhh,再试一次…..这里写图片描述

然而,居然可以了….excuse me??

好吧,总结一下这个牛批的解决办法:

First

1 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true

2 在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件,来自dalao:dalao的git

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

Second

4 最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:

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

注意: xxxx是这个md文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。

5 最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是<img src="2017/02/26/xxxx/图片名.jpg">,而不是<img src="xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。

总结一下这个跳(试)坑的过程

首先是有句mmp想讲,实在是有点坑

这里写图片描述

但是,似乎又多了一项学(zhuang)习(bi)技巧这里写图片描述

hhh,先到这里,后面还有一个坑就是,想引入某些dalao 的链接时,如果链接里包含中文,那么再写入md文件里生成网页后这个链接就打不开了…..

待老夫研究后再填坑,后面如果有时间,就把自己搭建网站的过程码一下。 
这里写图片描述


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值