背景
因为文章有少量图片需求,又不想使用三方存储资源,所以了解了使用 GitHub 作为图床的方法。具体操作方法如下:
配置 Hexo 以使用文章资源文件夹
在 Hexo 的配置文件 _config.yml
中启用 post_asset_folder 功能:post_asset_folder: true
。
该配置的作用:每次使用 ‘hexo new page’ 生成新文章,都会在文章文件同级目录创建一个与文章文件名同名的文件夹,我们就在这里存放此文章的所有图片和其他资源。
参考官方文档了解更多信息:Hexo 官方文档 - 资源文件夹
安装 hexo-asset-img 插件
安装 hexo-asset-img
插件。
npm install git://github.com/yiyungent/hexo-asset-img.git#main
该插件作用:主要功能是处理 Markdown 文件中图片的路径,使文章发布后图片能正确显示。
使用方法
在 Markdown 文件中,图片路径使用如下格式:![图片描述](文章名称/图片名称.jpg)
。其中,文章名称
表示当前文章同名的文件夹,图片名称.jpg
表示图片名称和后缀。
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以邮件至 ethan89@aliyun.com