给jekyll博客添加天气插件

---

layout: post

title: 给博客添加天气插件

date: 2020-04-26

author: Dapenson

header-img: img/post-bg-debug.png

catalog: true

tags:

- 天气

- 博客

- 插件

获取和风插件

在和风天气注册之后获取插件代码

准备和风天气插件代码示例如下

<div id="he-plugin-standard"></div>
<script>
WIDGET = {
  CONFIG: {
    "layout": 2,
    "width": "230",
    "height": "270",
    "background": 1,
    "dataColor": "FFFFFF",
    "language": "zh",
    "borderRadius": 5,
    "key": "1111111111111111111111111111"
  }
}
</script>
<script src="https://widget.heweather.net/standard/static/js/he-standard-common.js?v=1.1"></script>

将插件插入到网页

将产生代码添加到网站目录文件下的_layouts~page.html