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

  • 相关阅读:
    net过滤表单和url参数
    html mailto
    sql提取汉字拼音首字母
    使用jquery获取radio的值
    net文件服务器配置
    如何将简体字保存到繁体数据库而不会出现乱码
    net直接下载文件
    java开发:笔记
    android开发:LogCat失效,adb失效
    编程记事本
  • 原文地址:https://www.cnblogs.com/glasses/p/11294082.html
Copyright © 2011-2022 走看看