给Hexo-NexT网站评论框配置炫酷的打字效果
前言:
- 看到别人博客评论框打字的炫酷效果,于是想着在自己的博客的评论框中做出同样的特效!
- 这个效果很炫酷,效果演示,觉得不错的可以试试。
-
Hexo 配置
- 在
/Hexo/source/
目录下新建_data
目录 - 在
_data
目录下新建bodyEnd.njk
文件夹 - 在文件夹中写入以下代码:
1
2
3
4
5
6
7// <script src="https://cdn.jsdelivr.net/gh/suyin-long/activate-power-mode@1.0/dist/activate-power-mode.js"></script> 已被墙
<script src="/static/js/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>jsdelivr 已被墙,建议修改为本地路径,如:
/static/js/activate-power-mode.js
- 在
-
NexT 配置
- 在 NexT 配置文件中找到
custom_file_path:
- 然后取消
bodyEnd: source/_data/body-end.njk
的注释
- 在 NexT 配置文件中找到