最近看了看以前的自己搭建的hexo博客,发现以前用的图床要么突然消失了,要么突然收费了,要么就是给你加水印了,反正挺折腾的,除非你自己搞了一个服务器,那就另当别论,不然就可能像下图一样的情况。
这就是免费图床不好的地方,然后就想着使用git仓免费的一点资源,传传百来KB的图片一点压力也没有。
步骤:
1. _config.yml 配置文件里面有个 post_asset_folder: 选项设置为True
2. 在source下创建/images文件夹,把图片丢到这个文件夹,如果你文章比较多也可以和_post里面md文件对应创建文件夹,对图片归类
3. 最后在xxx.md 文件中引用图片:
![alt](/images/xx.jpg)
![alt](/images/XXX/xx.jpg)
上下两种依据你有没有创建对应子文件夹,另外也可以使用html格式的(方便居中排版,并列排版之类的)
<center class="half">
<img src="/images/XX1.JPG" width="400"/><img src="/images/XX2.JPG" width="400"/>
</center>
另外参考了好多网上的一个方法一直没成功
{% asset_img image.jpg This is an image %}
或者先安装插件,然后自动生成文件夹之类的
npm install https://github.com/CodeFalling/hexo-asset-image --save
这两种都没成功,应该是配置有问题,我用下面那个,deploy之后看网页源码一直是
content="http://yoursite.com/ .com/XXX.JPG"
多出来的那个.com也不知道哪来的