项目优化之图片懒加载

2018-07-15

这边用到了一个插件，vue-lazyload。

使用方法很简单，npm包介绍里也有使用方法，具体是

先安装，然后在main.js里

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
  loading:require('../static/loading-spin.svg')//这里特别坑，必须require进去，不能直接写路径
})

之后将所有用到图片的：src改成v-lazy：即可

缺失模块。
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

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家