Hexo Butterfly主题右侧栏添加3D星球显示效果（revolvermaps插件）

教程

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

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

1	<script type="text/javascript" src="//rf.revolvermaps.com/0/0/1.js?i=549th73ngsi&s=220&m=2&v=false&r=false&b=000000&n=false&c=ff0000" async="async"></script>

开始在Butterfly添加3D地球插件
在Butterfly/layout/includes/widget下添加文件card_maps.pug
代码如下：

.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')

上面代码中src里面的内容替换为你上面拷贝出来的script里的src即可
配置主题文件:source/_data/butterfly.yml,在aside设置中添加如下代码，即可使用。

1	card_maps: true