2022.05.04 | 网站相关 | 29200 浏览 | 70 赞 | 31 条评论


请注意,本文编写于 946 天前,最后修改于 378 天前,其中某些信息可能已经过时。
AI摘要:本文介绍了如何在博客中添加COVID-19疫情地图,原作者已停止维护项目,作者使用Vue.js进行了重构,开源在GitHub。新的地图可以在[map.icl.moe](https://map.icl.moe)查看,支持以iframe形式调用。数据源来自BlankerL/DXY-COVID-19-Crawler,通过周期性爬取缓存提供给前端。作者希望疫情早日结束,与大家共同努力。

Powered by AISummary and MoonShot KimiChat.

2022/05/04 更新:

可能疫情刚开始的时候我们谁都没能想到,始于2020的这场疫情竟然会这样持久。项目原作者看来也已经不维护这个项目了,数据/地图都已经停止更新了。

因此趁着五一假期,自己抢救了一下,用 Vue.js(v3.x) 进行了前端整体的重构,把数据获取和展示分离了(原作者用的应该是一整个 PHP 文件)开源在了 idealclover/Covid-19-Map

还是和之前一样,支持以 iframe 形式进行一句话调用,不过地址需要改一下

新的地址在 map.icl.moe

预览在这里↓

<iframe src="https://map.icl.moe" height="500" frameborder="no" border="0" width="100%"> </iframe>

数据源来自 BlankerL/DXY-COVID-19-Crawler 通过目录中的 script/script.py 进行周期性爬取(我这儿是半天一次)缓存提供给前端

如果需要的话,就拿去用吧。希望有一天我们都用不上这个组件。


最后随便说两句。

因为自己在做课表,所以会认识一些学弟学妹们,然后前段时间正巧看到一个话题叫“青春才几年,疫情占三年”,多少有些难过。

网课、封校、管控,现在仍在大学的同学们,学习、社交、恋爱都受到了无止境的影响,光是看着便已经让人难过。而自己那些因疫情而未能实现的毕业想法、与大学生活的被迫匆匆告别,也在这一个个瞬间纷纷涌上心头。

“夏天结束了”。

前段时间两国元首通话的声明中,望着那句“和平与发展的时代主题面临严峻挑战”,我发了好久的呆。从初中历史书上便学到的“和平与发展是当今时代的主题”,从没想过有一天也会归回到历史中。

但是或许吧,生活的真相便是如此,从自己出生以来所以为的“稳定”的生活终究不是常态。虽说是“百年未有之大变局”,但细想想,从1840年至今的哪个十年,又何尝不是“百年未有”呢?

最近会看一些冷战期间发生的故事,有那么些时候我会很向往那个时代,那个离人类文明毁灭近在咫尺,却又在努力探索人类制度与科技边界的年代。相比之下,现在的的世界在某种程度上是如此的费拉不堪,仿佛到了上一个阶段的垃圾时间,但下一个阶段却迟迟看不到曙光。

唉,撑吧,撑着才有希望,撑下去才能看到明天的太阳。

说到这里,我忽然想起了持续了十四年抗战,以及在那个年代所写成的《论持久战》。前段时间又翻出来读了一遍,深感当年他洞穿时间和空间的深邃眼光。“速胜论”和“亡国论”又何尝不能再如今的疫情之战中被体现着呢?三年时间,往长说是一批人的青春,但往短说,也不过只是历史长文中的一个句读罢了。

是啊,青春才几年,抗战十四年,那又曾经是几代人的青春与热血?

或许今天我们所有人所作出的努力,都只是若干年后历史书中的一个章节,一个知识点甚至一个注脚。甚至,那时会有人认为我们“赢得理所当然”,以及“历史本该如此”吧。

但只有身处时代漩涡中,才会知道其中的酸甜苦辣吧。

我很喜欢一位同事的飞书签名,

Stay in game.

以此作结,与大家共同努力。

btw:因为涉及敏感问题,所以评论区会开启精选,我会过滤一下评论,还请见谅。


以下为 2020/4/13 原文:

有细心的小可爱可能已经发现了,在博客的侧边栏(手机端访问应该是最下面)多了一栏 COVID-19 疫情地图。

傻翠在网上冲浪的时候偶然看到果核剥壳的 这篇文章,于是决定给自己的博客也整一个。

感觉做的蛮不错,可以很方便地看到全球现存确诊状况,鼠标移到某个省份/国家上也可以查看地区详情。

傻翠就算是义务安利一下吧~想用的可以抱走

预览在这里↓

其实原博客已经把怎么部署写得挺清楚了~因为作者已经写好了框架代码,所以只需要用 iframe 调用就可以了。

在想要加入疫情地图的地方加入如下代码

<iframe src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" height="500" frameborder="no" border="0" width="100%"> </iframe>

就可以调用大佬的疫情地图了,据说是从丁香园的数据抓取的,每小时更新,地图是来自 highmaps,先 mark 一下,说不定什么时候做可视化就要用到了呢。

想规定大小的话改变 height 和 width 值就可以了,因为傻翠对侧边栏本来就够长了,所以手动缩了点高度 XD

唉,希望疫情能早点过去吧,家里花都要开了。

参考链接

本文链接:https://www.idealclover.top/archives/632/

本作品由 idealclover 采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。

标签: 博客, 文章, PHP, 文件, 链接, 知识, 作者, 人类, 大小, 手机, 边界, 长文, 疫情, 目录, 同学, 生活, 时候, o

70

已有 31 条评论


  1. springwood
    springwood 回复

    然而仅仅过了七个月,这个地图就没用了

  2. Sunny
    Sunny 回复

    似乎有一些问题,在全球地图的现实中,中国有600w+的病例

    1. idealclover
      idealclover 回复

      别忘了台湾自古以来就是中国的一部分 OωO

      1. Sunny
        Sunny 回复

        原来我大台湾省有这么多病例Σ(っ °Д °;) っ

    2. Sunny
      Sunny 回复

      打错了,应该是显示中

  3. 熊仔二号
    熊仔二号 回复

    过来学习

  4. 鸟叔
    鸟叔 回复

    疫情赶快结束吧
    鸟叔来贵博客参观学习,通过十年之约穿梭至此,期待回访!

  5. 御园小乔
    御园小乔 回复

    翠翠翠翠 为啥疫情地图美国那里是负三十万啊OωO

  6. 舟泛四海
    舟泛四海 回复

    美国的确诊人数怎么是负数……OωO

  7. 猪全饺
    猪全饺 回复

    想知道你这个 鼠标后面的小图标怎么弄得 好看极了

  8. Jolly
    Jolly 回复

    评论区的结构好棒啊!ヾ(≧∇≦*)ゝ

  9. 周易测算网
    周易测算网 回复

    谢谢分享,日常打卡~ 滴滴~

  10. 冼仙
    冼仙 回复

    我想知道你这个网站的点击炸烟花的效果是怎么实现的

    1. idealclover
      idealclover 回复

      这篇文章 里能看到啦

🤔关于我
翠翠 idealclover
Product Manager @ByteDance
南京大学 2016 级本科生
了解更多
🏠关于博客
基于 Typecho 博客框架
使用个人的 clover clover 主题