zoukankan      html  css  js  c++  java
  • Hexo NexT主题内加入动态背景

    主题内新添加内容

    _layout.swig

    找到themes extlayout\_layout.swig文件,添加内容:
    <body>里添加:

    1
    2
    3
    <div class="bg_content">
    <canvas id="canvas"></canvas>
    </div>

    仍是该文件,在末尾添加:

    1
    <script type="text/javascript" src="/js/src/dynamic_bg.js"></script>

    dynamic_bg.js

    themes extsourcejssrc中新建文件dynamic_bg.js,代码链接中可见:dynamic_bg.js

    custom.styl

    themes extsourcecss\_customcustom.styl文件末尾添加内容:

    1
    2
    3
    4
    5
    6
    7
    .bg_content {
    position: fixed;
    top: 0;
    z-index: -1;
    100%;
    height: 100%;
    }
  • 相关阅读:
    hdu 1.2.4
    交换机&&路由器
    AP、AC、无线路由器
    肩胛骨
    无线路由器
    背部肌肉
    胸部肌肉
    redis未授权访问
    进制
    攻防实验
  • 原文地址:https://www.cnblogs.com/brady-wang/p/11304530.html
Copyright © 2011-2022 走看看