插入天气

网站:https://www.tianqi.com/plugin/

单日

  1. <iframe width="225" scrolling="no" height="50" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&amp;id=7&amp;icon=1&amp;num=3" data-src="http://i.tianqi.com/index.php?c=code&amp;id=7&amp;icon=1&amp;num=3" style="width: 859px; height: 102px;"></iframe>

image.png
多日

  1. <iframe width="800" height="150" frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&amp;a=getcode&amp;id=48&amp;num=6&amp;icon=1" data-src="https://i.tianqi.com/?c=code&amp;a=getcode&amp;id=48&amp;num=6&amp;icon=1" style="width: 751px; height: 135px;"></iframe>

image.png

适合放在个人笔记的首页、或dailynote中

插入时钟

自己写了一个时钟小挂件,放到了github page
直接iframe插入就好

  1. <iframe src="https://achuan-2.github.io/js-digital-clock/" data-src="" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

image.png

其他方案:indify

https://indify.co/

  1. <iframe src="https://indify.co/widgets/live/weather/6L9NwxRmGL5IedZkfPIN" data-src="" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 983px; height: 242px;"></iframe>

image.png

感觉天气不是特别准

  1. <iframe src="https://indify.co/widgets/live/clock/zdibsoEN9ZHaslNEHN4P" data-src="" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 395px; height: 324px;"></iframe>

image.png