解决Hexo的图片加载和评论问题

一.Hexo-Matery解决无法加载本地图片

步骤1

安装插件

  • 打开Git控制台
    由于npm速度比较慢,我这里使用的是cnpm淘宝的镜像
    没有安装的小伙伴,可以使用npm install -g cnpm --registry=https://registry.npm.taobao.org
    进行安装
  • 输入cnpm install https://github.com/CodeFalling/hexo-asset-image – save

步骤2

修改主配置文件

  • 找到根目录下面的_config.yml配置文件
  • 大概在44行的位置左右,找到post_asset_folder将它改为true
    解决Hexo的图片加载和评论问题

步骤3

最关键的一步

  • 我用VScode来进行演示博客的书写并进行图片的插入,以我写的这篇博客为例
  • 我在source/_posts/Hexo目录下面新建一篇文章目录下面新建一个Hexo中的小问题.md文件(注意:我这里的Hexo目录是我自己建的,大家可以取其他的名字来帮助把自己的博客分类)
  • 再在source/_posts/Hexo目录下面新建一个Hexo中的小问题目录.(注意:这里的目录名和之前的文章名字必须完全一样)
  • 以后这篇文章中的所有图片都放在这个目录下面.
  • 使用标准的markdown格式引入图片即可,我这里的是
    ![](Hexo中的小问题/two.png)
  • 以下为我这篇文章的目录树
    解决Hexo的图片加载和评论问题

步骤4

重新生成博客

  • 切换到自己博客的根目录下面
  • 使用命令重新部署hexo clean && hexo g && hexo d

二、Hexo-Matery打开评论功能

步骤1

打开Leancloud官网进行注册,需要实名认证,默认会扫支付宝进行认证,速度很快。

步骤2

找到创建应用点击创建

解决Hexo的图片加载和评论问题

步骤3

点击齿轮
解决Hexo的图片加载和评论问题

步骤4

点击应用Key
解决Hexo的图片加载和评论问题

步骤5

找到主题下_config.yml配置文件进行修改,大约在303行的位置,修改如图,把false改为true
解决Hexo的图片加载和评论问题

完成配置