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

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地球网站上复制的转义后的代码");
});

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

版权属于：gogobody

本文链接：https://blog.gogobody.cn/archives/49/

转载时须注明出处及本声明

Last modification：September 27th, 2019 at 11:46 am
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏