给Hexo Next网站评论框配置炫酷的打字效果

发表于 分类于
本文字数： 662 阅读时长 ≈ 1 分钟

前言：

看到别人博客评论框打字的炫酷效果，于是想着在自己的博客的评论框中做出同样的特效！
这个效果很炫酷，演示网站：点击进入，觉得不错的可以试试。

使用教程

Github项目：https://github.com/suyin-long/activate-power-mode

  1. Hexo配置

    • 在/Hexo/source/目录下新建_data目录
    • 在_data目录下新建footer.njk文件夹
    • 在文件夹中写入以下代码：
      1
      2
      3
      4
      5
      6
      <script src="https://cdn.jsdelivr.net/gh/suyin-long/activate-power-mode@1.0/dist/activate-power-mode.js"></script>
      <script>
      POWERMODE.colorful = true; // make power mode colorful
      POWERMODE.shake = false; // turn off shake
      document.body.addEventListener('input', POWERMODE);
      </script>

  2. Next配置

    • 在Next配置文件中找到custom_file_path:
    • 取消footer: source/_data/footer.njk的注释