Hexo-Fluid添加心知天气插件

心知天气的UI还是不错的，作为插件的话免费版功能也是够用的。注册一下心知天气然后进入控制台，使用免费版套餐。免费用户可以查看国内370个主要城市天气，包括：

• 天气实况、气象文字、代码和气温
• 未来3天天气预报，晚间天气、最高&最低温温度、风向风速等
• 6项基本生活指数，如穿衣、紫外线强度、运动指数等

需要注意的是，目前的心知天气分为V3和V4两个版本，白嫖用户使用的是老的V3版本。并且不知道什么原因，官网的插件功能并未显示在控制台，我在官网语雀文档中找到了相关的描述

点击【新版插件】，进入生成插件界面，选择你想要的悬浮窗效果

点击生成代码，将JS代码复制。

在themes/fluid/layout/_partials目录下新建weather.ejs文件，将上面的JS代码复制进去，为了方便控制，我们在前面添加一个逻辑控制，中间的代码可自定义替换。

<% 
if
 (theme.
weather
 && theme.
weather
.
enable
){ %>
<
div
id
=
"tp-weather-widget"
>
</
div
>
<
script
>
        (
function
 (
a, h, g, f, e, d, c, b
) { b = 
function
 (
) { d = h.
createElement
(g); c = h.
getElementsByTagName
(g)[
]; d.
src
 = e; d.
charset
 = 
"utf-8"
; d.
async
 = 
; c.
parentNode
.
insertBefore
(d, c) }; a[
"SeniverseWeatherWidgetObject"
] = f; a[f] || (a[f] = 
function
 (
) { (a[f].
q
 = a[f].
q
 || []).
push
(
arguments
) }); a[f].
l
 = +
new
Date
(); 
if
 (a.
attachEvent
) { a.
attachEvent
(
"onload"
, b) } 
else
 { a.
addEventListener
(
"load"
, b, 
false
) } }(
window
, 
document
, 
"script"
, 
"SeniverseWeatherWidget"
, 
"//cdn.sencdn.com/widget2/static/js/bundle.js?t="
 + 
parseInt
((
new
Date
().
getTime
() / 
).
toString
(), 
)));
window
.
SeniverseWeatherWidget
(
'show'
, {
flavor
: 
"slim"
,
location
: 
"WKJ1F428HH2F"
,
geolocation
: 
true
,
language
: 
"zh-Hans"
,
unit
: 
"c"
,
theme
: 
"auto"
,
token
: 
"5089001e-aa9f-41c5-862d-e416aabf81f7"
,
hover
: 
"enabled"
,
container
: 
"tp-weather-widget"
        })
</
script
>
<% } %>

然后进入themes/fluid/layout/_partials/header目录，编辑navigation.ejs，在此处引入新添加的weather.ejs。

最后在themes/fluid/_config.yml文件，添加显示天气的开关。注意添加的位置不能再其他配置之下，应另起一行，注意缩进。

#显示天气
weather:
        enable:
 ture

OK，显示成功！