
























导语: 3年多以前我写过一篇文章《数说机核:用数字看机核这几年的发展变化》献给机核的七周年,那时的机核发展正在蒸蒸日上,也把“不只是游戏”作为网站的基调。3年多过去了,机核无论从电台节目还是影响力都取得了很大的增长,但也面对了一些小风波。因为最近学了一些 React 继续本着学点儿新东西就给机核做点什么的原则,我做了一个项目(静态网站)——机核电台日历,和大家一起分享机核电台的发展历程,同时也希望能通过数据展示为机核做一点小小的贡献。
项目介绍
项目名称: gcores_calendar
项目适用平台:
电脑端,手机端浏览器,推荐用桌面浏览器访问达到最好的效果。
项目的诞生
因为一直用 App 记录自己跑步的原因, 今年我一直用的 App(Runtastic) 在国区下架,我9年的数据险些丢失,于是决定自己管理数据自己跑步数据可视化。 期间学了一些 React 用Gatsby做静态网站并且用vercel部署,用 GitHub Action 每日定时获取数据解析数据。于是突然想到自己记录跑步的年头和机核电台诞生的年头差不多(之前还写过《一边跑步一边听机核》),数据量也基本一致,于是我利用同样的技术做了机核电台日历,数据看机核电台的这10年的发展,也挺有趣的。
内容因剧透、敏感不适等原因被隐藏
点击查看
网站如何使用
如上图所示主页分为4个部分:
侧边栏:为机核的年度数据,数据包括这一年的电台期数, 获得了多少点赞数,收藏数,评论数,及这一年一共有多少主播。
上面 button 栏:为年度快捷按钮可以点击快速切换年度数据
头像栏: 该年的主播头像,并且头像可以点击
电台table:显示为该年的电台详细电台信息的table,包含每一期的详细数据
应用介绍:
点击年度数据头像栏和table栏会跟着该年份改变,同时数据侧边栏也会将该年度数据置顶
点击主播头像下方 table 也会变成该主播参与的所有节目,同时会增加主播的信息栏,下图为点击龙舅舅的演示。
点击table信息会出现该期详细信息,并放上该期节目的机核链接 (如果是手机用户可以直接点开,机核app会帮你打开这个节目)
点击 table 顶部的Likes、Comments、Bookmarks、Date 均可对table进行排序,该年哪些节目最受欢迎(或是带来最多讨论),那类节目最受欢迎一目了然,还能帮助用户快速找到自己错过的热门电台。下图为2020年按评论排序(排序头像也会跟着变动)。
如果点击 Total 会出现机核电台日历的全貌,包括所有主播的全貌,核聚变走过的城市。如果熟悉GiHub一定会对这个日历图很亲切,同时GitHub日历图的格子是可以点击的大家可以尝试。
注:日历图的染色,2014以前超过50和100Likes特殊颜色,2014以后超过500和1000Likes展示特殊颜色请大家自行发掘~
内容因剧透、敏感不适等原因被隐藏
点击查看
网站应用的一些技术
因为网站为开源,如果想自己玩一下的同学可以看下这里。
获取数据的入口在Github Action
Python 用来定时获取机核电台数据及主播头像(尊重爬虫守则time.sleep(1)),sqlilte用来存储数据,自动生成js用来加快数据获取速度。
Node.js 脚本,因为机核一些电台数据时长的缺失,必须整个把MP3下载下来才能获取到时长,我写了个node脚本可以不用下载利用mp3的头直接获取到电台时长
React + Hooks 用来编写主页
Mapbox 用来生成核聚变和机核分布的地图
Gatsby 用来生成静态网站,因为是静态所以访问速度比较快
Vercel 用来自动部署
写在最后
本来想写一些分析的,但写到这儿还是希望大家通过数据得出自己的结论,祝下一个10年核聚变点亮更多的区域,希望下一个10年机核越办越好还是那个"玩游戏的都是朋友,不只是游戏"的网站。最后,祝机核10周年,生日快乐。
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。