typecho 设置点击出现小桃心效果

typecho 设置点击出现小桃心效果

类似http://mymmm.club/2019/03/16/2019-03-16%20124919/这样的

想自己另一个基于typecho的网站也是有点击出现小桃心效果

所以整理了一下步骤如下

新建clicklove.js文件

在typecho\admin\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

在主页面代码中插入js文件

打开所用主题目录下的header.php文件

(我用的是默认的主题，因此目录为typecho\usr\themes\default)

在head标签中插入

像这样

image

完事