zoukankan      html  css  js  c++  java
  • Hexo Next背景动画Canvas_nest:true设置无效

    描述

    在设置canvas_next: true 时本会有一个好看的动画效果,但是没有反应

    思路

    应该是缺少对应js文件

    解决

    打开博客按F12,点击网络刷新网站,发现缺少canvas-nest.min.js包

    请求位置在source/lib 下,需要将对应包下载到该文件夹下

    Step 1

    命令行进入next文件夹下,这里必须有layout,source,languages等其他文件。

    $ cd themes/next
    $ ls
    bower.json  _config.yml  docs  gulpfile.coffee  languages  layout  LICENSE.md  package.json  README.md  scripts  source  test
    

    Step 2

    安装模块到source/lib 文件夹下

    $ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
    

    Step 3

    修改next中的_config.yml文件

    canvas_nest:
      enable: true
    ...
    

    完成

    提议

    我个人觉得,github速度不是一般的慢,所以建议使用cdn,可以提高一点点速度还是有好处的

    NexT下的_config.yml中找到vendor 下面有对应的cdn,取消掉注释即可

    # Internal version: 1.0.0
    # Example:
    canvas_nest: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest.min.js
    canvas_nest_nomobile: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest-nomobile.min.js
    # canvas_nest:
    # canvas_nest_nomobile:
    

    Canvas-nest for NexT

  • 相关阅读:
    ceph简易安装
    ceph安装
    nova计算节点部署
    onva控制节点部署
    nova介绍
    image部署
    glance镜像介绍
    keystone部署
    keystone介绍
    rabbimtq消息队列部署
  • 原文地址:https://www.cnblogs.com/glasses/p/11294082.html
Copyright © 2011-2022 走看看