为Typecho博客网站评论框配置炫酷的打字效果&跳动的彩球

缘起

 其实我这个博客搭建起来不长时间,之前用的是一个Hexo的静态博客

 搭建这个博客虽然经历了很多坎坷,但还是挺兴奋了,用了点时间去美化他.逛了很多前辈的博客,在给他评论的时候看到他的评论框打字的时候竟然彩色的小球从文字上跳出来,删除的时候也有,主要是动画还比较流畅,具体效果可以从文章下面的评论框里体验下
ヾ(≧O≦)〃嗷~

要是图片挂掉了,直接在下方评论就可以看到效果哦~

实现

 这个特效的实现还是很简单的,本来是需要很多的代码,后来某大神集成到了一起,现在只需要将一串代码,放在主题文件footer.php(Handsome主题这个文件在根目录/usr/themes/handsome/component/footer.php)的</body>前面,</html>后面就可以了


</body>
<!--评论框跳动的彩球,js链接 -->
<script type="text/javascript" src="https://cnfox.oss-cn-beijing.aliyuncs.com/icnfox/js/commentTyping.js"></script>
</html><!--html end-->

 本方法只在Typecho博客上测试过,其他博客大同小异自己可以研究下,也可以下载js文件放到服务器合适的位置,然后引入js文件就可以了.不会的可以在评论区留言,我看到就回复你.

Photo by Silas Baisch on Unsplash

Last modification:September 12th, 2019 at 10:21 am
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment