20186gdoi13

Hexo NexT 插件 - 心知天气

Posted on Edited on In Valine:
Symbols count in article: 570 Reading time ≈ 1 mins.
ToolBox001

教程

注册账号

到官网注册账号

接着在这里申请免费版产品

自定义浮窗样式

在这里自定义浮窗样式

完成后点击 “生成代码”

配置到 Hexo 中

复制 JS代码

打开 \themes\next\layout\_layout.swig

在此处插入刚刚复制的代码

这样就好啦

高级设置

修改浮窗位置

插入对应代码到文件 \themes\next\source\css\main.styl 最后

左上角（默认）

1
2
3
4
5
6
#tp-weather-widget .sw-container {
  left: 10px;
  right: unset;
  top: 10px;
  bottom: unset;
}

左下角

1
2
3
4
5
6
#tp-weather-widget .sw-container {
  left: 10px;
  right: unset;
  top: unset;
  bottom: 10px;
}

右上角

1
2
3
4
5
6
#tp-weather-widget .sw-container {
  left: unset;
  right: 10px;
  top: 10px;
  bottom: unset;
}

右下角

1
2
3
4
5
6
#tp-weather-widget .sw-container {
  left: unset;
  right: 10px;
  top: unset;
  bottom: 10px;
}