【转载】Hexo添加小部件(Butterfly主题)

admin 2023年1月8日02:45:28安全博客评论10 views928字阅读3分5秒阅读模式

访客地图

  1. 前往clustrmaps 网站注册一个帐号

  2. 找到 Free Tools 下面的 Website Widget, 点击 Get Map Widget

  3. 输入你的博客网址,点击 Next

  4. 根据你自己的喜好选择样式 Map widgetGlobe Widget

  5. 找到如下代码,记住 srcb64 (** 的部分):

  6. 在 themes\Butterfly\layout\includes\widget 文件夹新建 card_map.pug 文件,文件内容如下:

.card-widget.card-map
 	.card-content
    .item-headline
	  i.fas.fa-globe-asia(aria-hidden="true")
     span= _p('aside.card_map')
   //- 下面这行适用于3D地图(Globe Widget)
   script#clstr_globe(type="text/javascript" srcb64="******************")
   //- 下面这行适用于平面地图(Map Widget)
   script#clustrmaps(type="text/javascript" srcb64="******************")

** 部分填写上面的 srcb64, 3D 地图和平面地图任选一个,不用的把代码删掉

编辑 themes\Butterfly\layout\includes\widget\index.pug 文件,在你想要显示的位置插入以下代码:

if theme.aside.card_map
 include ./card_map.pug

编辑 butterfly.yml 文件,在 card_webinfo 下面添加一行 card_map: true

编辑 themes\Butterfly\languages\zh-CN.yml 文件 (请根据你的网站语言选择),找到 card_announcement: 公告 , 在下面添加一行card_map: 访客地图 (后面的文本可自定义)

如果不想显示,直接把 butterfly.yml 文件的 card_map: true 改为 card_map: false 即 可

本文转载自:Hexo添加小部件(Butterfly主题)
作者: HCLonely

FROM:浅浅淡淡[hellohy]

特别标注: 本站(CN-SEC.COM)所有文章仅供技术研究,若将其信息做其他用途,由用户承担全部法律及连带责任,本站不承担任何法律及连带责任,请遵守中华人民共和国安全法.
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2023年1月8日02:45:28
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                  【转载】Hexo添加小部件(Butterfly主题) https://cn-sec.com/archives/1442597.html

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: