文章如何添加图片?

  1. 背景
  2. 配置 Hexo 以使用文章资源文件夹
  3. 安装 hexo-asset-img 插件
  4. 使用方法

背景

因为文章有少量图片需求,又不想使用三方存储资源,所以了解了使用 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

×

喜欢就点赞,疼爱就打赏