基于butterfly主题的基础上利用高德地图api key加一个侧边电子时钟

千山暮海雪

发布于 2024-12-25 19:04:58

1600

文章被收录于专栏：xcdhxcdh

如图: 可以看看安知鱼的 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后的位置

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-06-06，如有侵权请联系 cloudcommunity@tencent.com 删除

基础