简言
如何给我们的博客加上炫酷的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 | if theme.aside.card_webinfo |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LXY`S BLOG!
评论