红豆

hexo如何上传图片

Word count: 568Reading time: 2 min
2019/11/04 Share

一.插件安装与配置

1.把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true(如果没有就不用管了)

2.在cmd中你的hexo目录下执行这样一句话npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件
3.安装完成后,再运行hexo n “title”来生成md博文时,/source/_posts文件夹内除了title.md文件还有一个同名的文件夹

4.在title.md中引入图片时,先把图片复制到title这个文件夹中,然后只需要在title.md中按照markdown的格式引入图片:

二、问题推测

(一) 本地图片没有有效上传至github仓库中,导致引用无效
解决方案:安装插件(回看前文)
(二) 本地图片没有存放在同名文件夹中
解决方案:将需要引用的本地图片存放在与文章名相同的文件夹中
(三) 图片路径出错
这也是我出现的问题。
因为我在github中关于Hexo的仓库名为xxxx.github.io,并不是yoursite.com,所以导致了访问无效。
解决方案:打开_config.yml修改下述内容,这里改成自己的仓库名

(四)相对路径引用的标签插件
通过常规的 markdown 语法和相对路径来引用图片和其它资源可能会导致它们在存档页或者主页上显示不正确。在Hexo 2时代,社区创建了很多插件来解决这个问题。但是,随着Hexo 3 的发布,许多新的标签插件被加入到了核心代码中。这使得你可以更简单地在文章中引用你的资源。
也就是说在存档页和主页不能使用和文章内容中的常规语法来引用图片。
比如说:当你打开文章资源文件夹功能后,你把一个 example.jpg 图片放在了你的资源文件夹中,如果通过使用相对路径的常规 markdown 语法 ,它将 不会 出现在首页上。(但是它会在文章中按你期待的方式工作)
正确的引用图片方式是使用下列的标签插件而不是 markdown :

CATALOG
  1. 1. 一.插件安装与配置
  2. 2. 二、问题推测