这是一个能够实时统计访问你的站点或者博客的插件。

RevolverMaps官网

以下是一个简单的示例~

如果没有显示地球,请刷新页面

使用方法也很简单,选出自己喜欢的样式之后,复制下面的代,在后面添加自定义js会用到。

找到handsome/component/sidebar.php,搜索在文章页面输出目录,在其他页面输出标签云,并在这行上面插入如下代码:
这里的height根据您的视图大小自己调整,我用横版的话是120px,球的话是185px

<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear">
              <h3 class="widget-title m-t-none text-md">访客统计</h3>
              <div id="visitors" class="tags l-h-2x" style="width:auto;height:120px;">
              </div>
        </section>    

这里要注意,您在RevolverMaps上复制的代码是必须手动转义的,也就是把/,"变为\/,\",我举个例子,假设<script src="a.js"></script>,那么转义后为<script src=\"a.js\"><\/script>
您也可以使用我转义好的代码,这个代码会放到下面自定义js我给的注释那里:

<script type=\"text/javascript\" src=\"//rf.revolvermaps.com/0/0/6.js?i=5ue85yb3j5j&amp;m=7&amp;c=e63100&amp;cr1=ffffff&amp;f=arial&amp;l=0&amp;bv=90&amp;lx=-420&amp;ly=420&amp;hi=20&amp;he=7&amp;hc=a8ddff&amp;rs=80\" async=\"async\"><\/script>

然后添加自定义js:

$(document).ready(function(){
$("#visitors").append("这里是您在RevolverMaps地球网站上复制的转义后的代码");
});
$(document).on('pjax:complete', function() {
$('#morphing').tooltip('show'); 
$("#visitors").append("这里是您在RevolverMaps地球网站上复制的转义后的代码");
});

然后刷新页面,您就可以玩球了。

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