本次使用的插件来自hexo-butterfly-clock-veeink,天气服务由和风天气提供,以下是原文档内容

这是基于hoochanlon/hexo-butterfly-clock-remake 项目修改而来的版本,新增高德地图 IP 定位支持 适用于 Hexo + Butterfly 主题,提供实时天气、时间、城市自动定位等功能。

功能特性

  • 以和风天气API为执行基础。

  • 通过IP定位API拿到城市位置,通过城市位置拿到和风天气location id

  • 再通过location id获取到天气

  • 增加高德地图api方案

安装插件

npm install hexo-butterfly-clock-veeink

修改配置文件

在站点配置文件 _config.yml 或者主题配置文件 _config.butterfly.yml 中添加:

# electric_clock
# see:https://github.com/kitia01/hexo-butterfly-clock-veeink
electric_clock:
enable: true # 插件开关
priority: 5 # 过滤器优先级
enable_page: all # 应用页面,可写特定路径或 "all"
exclude: # 排除页面,可留空或写具体路径
# - /posts/
# - /about/
layout:
type: class # 容器类型,class 或 id
name: aside-content # 目标容器的 class 或 id
# insert_before: user-countdown # 插入到该元素前面
insert_after: card-announcement # 插入到该元素后面(二选一)
loading: https://cdn.cbd.int/hexo-butterfly-clock-veeink@1.0.0/lib/loading.gif
clock_css: https://cdn.cbd.int/hexo-butterfly-clock-veeink@1.0.0/lib/clock-min.css
clock_js: https://cdn.cbd.int/hexo-butterfly-clock-veeink@1.0.0/lib/clock-min.js
qweather_api_host: {和风天气账号的apihost}
qweather_key: {和风天气账号的key}
# 新增:高德地图 Web 服务 Key
gaud_map_key: {YOUR KEY} # 高德地图web服务key
default_city: "杭州"

其中qweather_api_host、qweather_key、gaud_map_key需要按自己的信息填入

以上为原文档内容

和风天气账号设置

qweather_key

进入和风天气开发者服务,完成账号注册后进入到控制台,点击项目管理 》创建项目 》创建凭据,凭据名称自取,身份认证方式选择API KEY,启用API选择指定API,把免费的几个都勾上(GeoAPI一定要勾选,否则获取不到所在地location id)

完成后保存,qweather_key = API KEY

qweather_api_host

进入和风天气控制台设置菜单

qweather_api_host = https://API Host

这里要注意 一定要加上https前缀,否则API HOST会被当成你站点下的相对路径,运行时会自动基于当前页面的源去解析,url会自动拼接上你的域名

高德地图key设置

进入高德开放平台,进入控制台 》 管理Key

点击添加Key,选择Web服务

完成后在页面复制Key即可

运行检查效果

将以上获得到的信息填入配置文件相应位置,三连即可查看效果