【教程】如何在handsome主题上加入Revolvermaps地球

Author： weclont
发布时间：February 19, 2021
1883views
10 comments
991 words
Categories：日常教程

访问别人博客有时就能看到一个这样能显示访客信息的“小地球”，还能随意转动，看起来非常有趣：

![Revolvermaps](https://www.fwder.cn/usr/uploads/2021/02/1177659886.png)

点左下角的logo进入网站看一看，是Revolvermaps的一个地球来访者的3D地球显示的访客信息地图。RevolverMaps，是一个免费的网站3D地图统计工具，采用Revolver Maps Graphics Engine图形引擎，同时提供JavaScript版本和flash版本。

## 安装过程

整个安装过程还是非常非常地简单。

我们先打开这个[Revolvermaps网站](https://www.revolvermaps.com)，一开始就能看到这个熟悉的地球。

![](https://www.fwder.cn/usr/uploads/2021/02/3799091779.png)

地球上的标记就是正在访问此网站的用户的地理位置信息，地球上的红点代表了曾经在这个地方有一位用户访问过这个网站。

往下翻，就能看到熟悉的一串html代码。

这里我标注的代码可能和复制的代码不完全相同，请复制官网的版本即可。
</div>

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

这里可区分为直接使用和自定义使用，我们先直接复制代码过来。
</div>

复制完代码后，进入handsome后台，选择“更换外观--设置外观--开发者设置--全局右侧边栏广告位”，将复制的代码粘贴即可。

如果嫌弃地球上方“广告”两字的，打开“/usr/themes/handsome/component/sidebar.php”文件，搜索“广告”二字（handsome8.0.0 大约在111行），把它改为“地球”就可以了。
</div>

---

当然，如果原本设置的代码生成的地球挤在一个广告栏里显得太小，你还可以在Revolvermaps网站上对地球大小样式颜色等进行调整处理，这里就不过多赘述。

旁边的“每日Pixiv热门”控件下面就是地球的实际效果了。

感谢观看~
<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：凌维三度</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.fwder.cn/index.php/go/aHR0cHM6Ly9vbGQuYmxvZy5md2Rlci5jbi9pbmRleC5waHAvYXJjaGl2ZXMvNzIv" target="_blank" >https://old.blog.fwder.cn/index.php/archives/72/</a></p><p class="content-copyright">转载时须注明出处及本声明</p></blockquote>

END

本文作者： weclont 文章标题：【教程】如何在handsome主题上加入Revolvermaps地球
本文地址：https://old.blog.fwder.cn/index.php/archives/72/
博客交流群：点我添加 607998210
版权说明：若无注明，本文皆凌维三度原创，转载请保留文章出处。

Last modification：August 18th, 2021 at 09:12 pm

这里是十万巫女的赛钱箱~

10 comments

nuoxian Google Chrome 80.0.3987.99 Android 10 中国江西
June 7th, 2021 at 03:08 pm

支持支持支持！

Reply
低调G UC 13.3.4.1114 Android 10 中国香港
April 9th, 2021 at 11:48 pm

https://tuapi.ddg.ink/pixiv
这个用的小日本空间比较稳定

Reply
1. weclont Google Chrome 89.0.4389.90 Windows 10 中国香港
  April 9th, 2021 at 11:50 pm
  
  @低调G
  
  谢谢，我试一试
  
  Reply
  1. 低调G UC 13.3.4.1114 Android 10 中国香港
    April 9th, 2021 at 11:58 pm
    
    @weclont
    
    客气了发的地图也不错
    
    Reply
    
    weclont Google Chrome 89.0.4389.90 Windows 10 中国香港
    April 9th, 2021 at 11:59 pm
    
    @低调G
    
    Reply
低调G UC 13.3.4.1114 Android 10 中国香港
April 9th, 2021 at 11:42 pm

Reply
低调G UC 13.3.4.1114 Android 10 中国香港
April 9th, 2021 at 11:41 pm

你的Pixiv不能用了，用这个吧，
<h5 class="widget-title m-t-none text-md">Pixiv每日排行榜Top50</h5>

Reply
1. weclont Google Chrome 89.0.4389.90 Windows 10 中国香港
  April 9th, 2021 at 11:44 pm
  
  @低调G
  
  在我这边目前还是可以使用的呢，你那边用不了吗，或者是什么无法更新的状况？
  
  Reply
Zi_Gao Edge 88.0.705.74 Windows 10 日本
February 20th, 2021 at 08:43 am

厉害,炫!

Reply
1. weclont Google Chrome 88.0.4324.182 Windows 10 日本
  February 20th, 2021 at 05:30 pm
  
  @Zi_Gao
  
  Reply