教程

  1. 先去revolvermaps官网选择一款你喜欢的样式,将代码拷贝出来

此处为示例代码,可以自行切换

1
<script type="text/javascript" src="//rf.revolvermaps.com/0/0/1.js?i=549th73ngsi&amp;s=220&amp;m=2&amp;v=false&amp;r=false&amp;b=000000&amp;n=false&amp;c=ff0000" async="async"></script>
  1. 开始在Butterfly添加3D地球插件

  2. Butterfly/layout/includes/widget下添加文件card_maps.pug

    代码如下:

1
2
3
4
5
6
.card_widget.card-maps
.card-content
.item_headline
i.fa.fa-bullhorn.card-maps-animation(aria-hidden="true")
span= _p('aside.card_maps')
script(type='text/javascript', src='//rf.revolvermaps.com/0/0/8.js?i=5d1fmuvx481&m=0&c=ff0000&cr1=ffffff&f=arial&l=33', async='async')
  1. 上面代码中src里面的内容替换为你上面拷贝出来的script里的src即可
  2. 配置主题文件:source/_data/butterfly.yml,在aside设置中添加如下代码,即可使用。
1
card_maps: true