数说机核2:我做了个项目——机核电台日历

本文系用户投稿，不代表机核网观点

导语: 3年多以前我写过一篇文章《数说机核：用数字看机核这几年的发展变化》献给机核的七周年，那时的机核发展正在蒸蒸日上，也把“不只是游戏”作为网站的基调。3年多过去了，机核无论从电台节目还是影响力都取得了很大的增长，但也面对了一些小风波。因为最近学了一些 React 继续本着学点儿新东西就给机核做点什么的原则，我做了一个项目(静态网站)——机核电台日历，和大家一起分享机核电台的发展历程，同时也希望能通过数据展示为机核做一点小小的贡献。
项目介绍

项目名称: gcores_calendar
项目GitHub地址请点此处
项目网站地址请点此处
项目适用平台: 
电脑端，手机端浏览器，推荐用桌面浏览器访问达到最好的效果。
项目的诞生
因为一直用 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周年，生日快乐。