简言

如何给我们的博客加上炫酷的3D地球模型呢,可以显示全球访问的地址和当前用户的地址是不是很厉害!
这里我们使用RevolverMaps插件,一起来看看吧!

获取代码

这里访问官网,我这里直接贴出来设置的地址,选择1,2,3,4你喜欢的样式,右面会出现样式示例。最后在第5步那里形成的代码就是所需获取的代码。
http://www.revolvermaps.com/?target=setup

图一
我这里提供代码,大家可以直接使用

1
<script type="text/javascript" src="//rf.revolvermaps.com/0/0/8.js?i=59ccsxtrqut&m=0&c=ff0000&cr1=ffffff&f=arial&l=33" async="async"></script>

添加至博客中

效果如图
图二
因为我们是在博客的右侧栏添加内容,就得了解它右侧栏是如何显示的,如图三所示,右边所有的栏目都有一个pug文件,这里我们按部就班新建一个card_map.pug.将代码copy进去
图三
然后编辑图四的文件
图四
加入下面的代码

1
2
if theme.aside.card_webinfo
include widget/card_webinfo.pug