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

前言:

  • 看到别人博客评论框打字的炫酷效果,于是想着在自己的博客的评论框中做出同样的特效!
  • 该特效同样适用于搜索框。
  • 这个效果很炫酷,效果演示,觉得不错的可以试试。

  1. Hexo 配置

    • 在 /Hexo/source/ 目录下新建 _data 文件夹
    • 在 _data 文件夹下新建 bodyEnd.njk 文件
    • 在该文件中写入以下代码:
      1
      2
      3
      4
      5
      6
      7
      // <script src="https://cdn.jsdelivr.net/gh/suyinLoong/activate-power-mode@1.3/dist/activate-power-mode.js"></script> 可能已被墙
      <script src="/static/js/activate-power-mode.js"></script>
      <script>
      POWERMODE.colorful = true; // 彩色特效
      POWERMODE.shake = false; // 屏幕抖动
      document.body.addEventListener('input', POWERMODE);
      </script>

      jsdelivr 可能已被墙,建议修改为本地路径,如:/static/js/activate-power-mode.js

  2. NexT 配置

    • 在 NexT 配置文件中找到 custom_file_path:
    • 然后取消 bodyEnd: source/_data/body-end.njk 的注释
本文结束 感谢您的阅读
正在加载今日诗词....