为你的博客搞一个天气插件吧

初始

• https://www.qweather.com/ 打开这个网站

• 点击更多

• 选择天气插件

样式展示

使用

标准样式

如果你想要一个很大的页面展示详细天气，你可选择

它会让你自己修改样式，修改不用我说，最后点生成代码

get到代码，typecho直接新建页面，用 “!!!代码!!!” 把代码包住 如图

代码语言：javascript复制

!!!
<div id="he-plugin-standard"></div>
<script>
WIDGET = {
  CONFIG: {
    "layout": 1,
    "width": 450,
    "height": 150,
    "background": 1,
    "dataColor": "FFFFFF",
    "borderRadius": 5,
    "key": "73cdfa49a3464411a87b510ffe459235"
  }
}
</script>
<script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script>
>
!!!

就可以显示啦

简约样式

使用有导航栏的同志们就可以拿来用了，找到自己主题的根木录，找到对应的导航栏样式代码 在网页上选择

---

不会弄可以在评论区留言，我会邮箱回复

网站 typecho 插件

0 人点赞