先扔张成果图
方案设计
相对路径
在想插入图片的时候,我一开始是非常不愿意使用图床等一系列第三方仓库的,首先想到的就是用相对路径。
网上最常用的解决方案就是将_config.yml 文件中的post_asset_folder 选项设为 true 来打开,然后利用随文章创建一同创建的同名文件夹插入图片。
1 | post_asset_folder: true |
但是本方案在使用了hexo d
后public
中HTML文件上显示的相对路径却变成了乱码,无法读取图片(而且网上也基本没有这个问题可能是本人电脑的问题)
PicGO图床
PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具
PicGo 本体支持如下图床:
- 七牛图床
- 腾讯云COS
- 又拍云
- GitHub v1.5.0
- SM.MS V2 v2.3.0-beta.0
- 阿里云 OSS v1.6.0
- Imgur v1.6.0
如果有条件的话非常推荐使用GitHub的仓库制作图床,但是国内网络的不支持使得图片的加载会出现很大的问题,这里也附上知乎上的配置GitHub图床教程链接
其次就是利用国内平台如腾讯云阿里云等,这里我使用的是阿里云,
配置阿里云图床这篇文章具体的阐述了整个过程,可以参考。
小结
把自己的图片上传到第三方图床还是有点不放心的,但是也只能依赖大厂网站了;当时本来以为配置相对路径很容易,结果查来查去改了方案也配置了3个多小时。至此博客的基本要素都差不多配置完毕。最后啥也别说,先来一句:“SaKana——”