pictureTest

先扔张成果图

ena

方案设计

相对路径

在想插入图片的时候,我一开始是非常不愿意使用图床等一系列第三方仓库的,首先想到的就是用相对路径。

网上最常用的解决方案就是将_config.yml 文件中的post_asset_folder 选项设为 true 来打开,然后利用随文章创建一同创建的同名文件夹插入图片。

1
post_asset_folder: true

但是本方案在使用了hexo dpublic中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——

sakana