Hexo 博客如何添加图片.

如何在自己写的 Markdown 博客中添加自己的图片?在多词的寻找和使用后,我找到了如下的几种插入图片的方法。

利用 OSS (对象存储)

如果网站是托管在 GitHub、Coding 之类的平台上的话,直接将图片存在上面速度会比较慢,而且大陆内陆的网络访问起来可能不是特别顺畅

所以我们可以购买 OSS 去存储图片,并且给图片文件添加外链,然后直接在 Markdown 文章中添加外链即可。阿里云、腾讯云都提供了解决方案,价格再优惠后也在可接受范围内。

利用免费图床

如果不想用收费的存储方案,网络上也有免费图床可以使用,但大多数的免费方案都有时间限制,少则 24 小时,多则 7 天,付费方案还不如自己开一个 OSS 来得实惠。

img.onl 是一个没有固定期限的免费图床网站,当然数据的安全也没法得到保证,大家谨慎使用

自有服务器

如果是自己有服务器的话,那就好办了,这也是我现在所使用的方案。

首先要将 Hexo 安装到服务器上,一切都准备好后,在 blog 层级的 _config.yml 中修改 post_asset_folder: true,之后每一次创建新的文章都会另外生成一个同名文件夹,我们可以把文章所需的素材放到里面。

文章中假如如果要引用 1.jpg 的话,在图片地址中只需要写成 ./1.jpg 即可。 (因为 Hexo g 的时候,文件夹中的图片会与该文章页放在同一个目录里面

我跳过的坑

我以前曾经想过,如果存放在社交网络上然后把图片的链接贴在文章里不就可以了吗

然而现实是大多数的社交网站都不支持外链,图片根本无法显示。下面分享一下我所踩过的坑:

微博:微博外链理论上是可以的,发的微博图片的链接基本上都能够用一段时间,如果不能用的话把链接中的 s1 或 s2、s3 换一下就能用了,但这在文章很多的时候修改会很麻烦,所以并不特别推荐。

QQ 空间:有次数限制,多次以后被查出来用外链就不能够使用了。

微云:可以通过分享文件然后提取预览图的连接,不过需要一定的 web 基础去寻找链接,也不推荐。

Unsplash:Unsplash 的外链目前没有翻过车,我的摄影作品都是放在上面,然后外链过来的,但仅限于摄影方面的图片并且 CC0 协议。