解决hexo部署文章到github图片无法显示问题


👁     

如何解决hexo部署文章到github图片无法解决的问题

问题

在 hexo 中新建一篇使用 markdown 语法文章，在文章中插入本地图片，使用绝对路径或者相对路径，再部署到 github 上面，图片无法显示。

解决方法

1 安装插件

在博客根目录下右击选择Git Bash Here，安装第三方插件 hexo-asset-image

使用命令

npm install hexo-asset-image --save

2 修改全局文件

打开博客根目录下面的_config.yml文件，修改post_asset_folder的值为true.

3 新建文章

使用命令hexo new “文章名” 新建一篇文章，会发现source/_posts/目录下面会生成一个和 文章名.md 文件同名的文件夹。然后将当前这篇文章中需要插入的图片放到这个文件夹中，再到 .md文件 中引用该文件夹中的图片，使用markdown 插入图片语法! [] () ，圆括号中的地址为同名文件夹中图片的文件名（不要忘记后缀名），就可以正常查看图片了。

最后不要忘记命令

hexo clean
hexo g
hexo s
hexo d
  • 本文作者： étoile
赏

谢谢你请我吃糖果

微信
-------------本文结束感谢您的阅读-------------

扫一扫，分享到微信

微信分享二维码
本站总访问量 本站总访客

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

一个小阔爱~