hexo + gitpage发布后,图片不展示

hexo+gitpage部署博客之后遇到的问题

Posted by Steven on 2020-05-22
1
post_asset_folder: true

当资源文件管理功能打开后,Hexo将会在你每一次通过

1
hexo new [layout] <title>

命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。

  • 确保以上的字段为 true

  • 然后在项目的根目录下执行

    1
    npm install https://github.com/CodeFalling/hexo-asset-image --save

    需要注意的是,确保在_posts下创建的目录跟md文件是相同的,在文件夹中放置的是文档中的图片资源。

    如:

    1
    2
    3
    ![图片描述](post1/pic1.png)

    // ![](目录名/文件名.png)

配置完之后,重新执行以下命令

1
2
3
hexo g

hexo s