自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

free_tools.png

  填写你的博客地址。

address.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

globe_widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

html.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

widget.png

  填写你的博客地址。

自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

free_tools.png

  填写你的博客地址。

address.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

globe_widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

html.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

widget.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

free_tools.png

  填写你的博客地址。

address.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

globe_widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

html.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

free_tools.png

  填写你的博客地址。

address.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

globe_widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

html.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

widget.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

自娱自乐，我的博客（十三）——Butterfly主题添加访客地图控件

前言：
  clustrmaps可以按照访客的IP地址将访客的位置显示在地图上，是美化博客的控件。

1 创建Website Widget控件

  登录 clustrmaps 注册账号登录，也可用Google账号登录。随后选择创建免费的Website Widget控件。

free_tools.png

  填写你的博客地址。

address.png

  选择控件风格，有“Map widget”和Globe Widget两种风格。

globe_widget.png

2 Hexo添加Globe widget控件

  找到控件的html代码。

html.png

  在博客的 ./source/_data 目录下的widget.yml文件中添加一下配置，如果文件不存在则新建。

1
2
3
4
5
6
- class_name: user-map
  id_name: user-map
  name: 訪客地圖
  icon: fas fa-heartbeat
  order:
  html: ''      #在''符号内填写你的Globe widget控件的html代码

widget.png