Hexo NexT主题添加点击爱心效果

给NexT主题内添加页面点击出现爱心的效果

创建js文件

/themes/next/source/js/src下新建文件clicklove.js,接着把该代码拷贝粘贴到clicklove.js文件中。
代码如下:

!function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e

修改_layout.swig

\themes\next\layout\_layout.swig文件末尾添加:



转自:https://asdfv1929.github.io/2018/01/26/click-love/

你可能感兴趣的:(Hexo NexT主题添加点击爱心效果)