为你的 网站 加上 COVID-19 统计 信息

前言

  • 本篇教程将使用微软提供的 COVID-19 小组件来给 网站 加上 COVID-19 统计 信息。本教程在Typecho 1.1,Lanstar主题下编写,其他主题的设置方法应该大同小异。如果你是WordPress用户,在相应的位置添加HTML代码即可(见下文)。
  • 看到现在的疫情局势,心里确实是五味杂陈。1月26日,全球确诊即将过亿,该说是人类自食其果吗?不过还好,治愈的也有接近6000万。

添加统计信息

  • 本人使用的HTML代码如下,内容仅包含确诊人数趋势。如果你想添加其它的内容,比如地图等,请参见官方Github
    <div class="bingwidget" data-type="covid19_trends" data-market="zh-cn" data-language="zh-cn"></div>
    <script src="//www.bing.com/widget/bootstrap.answer.js" async=""></script>
    
  • 将上述HTML代码加入主题「自定义脚部信息」(或加入标签中)即可,我使用的主题会将组件放在网页右侧下方。
  • 加载完成后,效果可见图

COVID-19 统计 效果图

其它

  • 如果根据上述操作,你的主题显示的位置不对,可以手动编辑主题的配置文件,找到合适的位置加入。
  • 有兴趣的话,也可以看看我网站上的其它文章
点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注