如图:
可以看看安知鱼的
https://blog.anheyu.com/posts/fc18.html
首先要看看之前有没有搞过类似的时钟如果有就在git里面执行
npm uninstall hexo-butterfly-clock或者npm uninstall hexo-electric-clock
之后安装
npm install hexo-butterfly-clock-anzhiyu --save
添加配置信息,我是直接在主题里面的config添加的这个看个人在哪添加

# electric_clock
# see https://blog.anheyu.com/posts/fc18.html
electric_clock:
  enable: true # 开关
  priority: 5 #过滤器优先权
  enable_page: all # 应用页面
  exclude:
  # - /posts/
  # - /about/
  layout: # 挂载容器类型
    type: class
    name: sticky_layout
    index: 0
  loading: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/loading.gif #加载动画自定义
  clock_css: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.css
  clock_js: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.js
  ip_api: https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0
  qweather_key: # 和风天气key
  gaud_map_key: # 高得地图web服务key
  default_rectangle: false # 开启后将一直显示rectangle位置的天气，否则将获取访问者的地理位置与天气
  rectangle: 112.982279,28.19409 # 获取访问者位置失败时会显示该位置的天气，同时该位置为开启default_rectangle后的位置
Yml

然后注意要对好格式不然就要像我一下像一个无头苍蝇一样到处找最重要的还是
qweather_key: # 和风天气key
gaud_map_key: # 高得地图web服务key
这两个一定要配置不然也显示不了
具体教程还是看https://blog.anheyu.com/posts/fc18.html
写的很详细我这里就不多说了
最后hexo s或 hexo clean && hexo g && hexo s就行
样式