Hexo+Github(0x03)-图片不显示的解决方案

使用场景:

  • 使用typora编辑器编辑md文件
  • 图片直接复制粘贴到文件中即可(不用使用hexo推荐的繁琐语法)
  • 生成静态网页文件后在本地、上传到github上后都可以正常显示图片

实现方法:

  • 1 设置typora保存图片的方式

    • 通过文件---->偏好设置----->图像 做如下设置

    1592831062368

    • 该设置目的:使图片保存在.md文件的同名文件夹下,且该同名文件夹和.md文件在同一个文件夹下。同时该设置可以方便的直接粘贴图片到文件中即可,图片路径会自动生成。
  • 2 修改Hexo配置

    • _config.yml文件中修改post_asset_folder: falsepost_asset_folder: true
    • 该配置目的: 每次新建Markdown文件的时候,都会创建一个与文件同名的文件夹用于存放图片 ,与上面typora的配置一致
  • 3 安装hexo-asset-image插件

    • npm install https://github.com/7ym0n/hexo-asset-image --save
    • 该插件用于在生成静态网页时生成正确的图片访问路径