时间线 | timeline | 简易GitHub部署

一直都有个想法，想把有关自己的所有信息都按时间和地理位置排序，并加以组织，方便自己查询和遍历，提升自己对信息的把控能力。

主要原因是我们都以天为单位活着，每天都有一个短期的工作记忆，短期记忆会被不断刷新，以至于过了一段时间后，失去线索后我们就彻底丢失了它们。

如果能把这个做成一个成熟的产品，那我们个人就有可能成为信息的主人。

 

什么场景最适合使用timeline？

• 写综述，比如CRIPSR，按照时间线把所有的重要事件梳理一遍；
• 只要涉及回顾和展望，timeline就能有所用途；
• 回顾自己的科研历程
• 回顾生物史上的重大事件、决定性的发现和新技术
• 把事件都锚定在唯一的时间线上，可以大大提高记忆的可靠性，简化思考模式。

 

GitHub搜timeline，有几个不错的产品

Timeline JS

Easy-to-make, beautiful timelines.

这个基本不需要任何编程，copy一下Google表格模板，添加内容即可，可快速上手，效果也不错。【需要在Google里把表格发表为网页，以方便该网站能读取，想要解决隐私就必须得用json】

看能不能嵌入到自己的GitHub个人网站上，配上自己的独特域名。

Embed
Copy this embed code and paste it on your site where you want your timeline to appear (just like a YouTube video).

一个模板：https://timeline.knightlab.com/examples/user-interface/index.html

可能是github page的处理不行，或者是嵌入不行，最终的github页面打开时非常卡，大概率会页面错乱。

确实是嵌入的问题，多刷新几遍就乱，官方网站也是，http://timeline.knightlab.com。 

Timeline JS拓展功能：

• 图片，只需要能访问的链接即可
• 谷歌地图，比较适合去外地拜访后的总结
• 推特，不常用
• 视频，YouTube等
• 音频，soundcloud等
• 不支持链接，但是可以把链接丢到text里。

优点：

• 数据库非常直观，就是一个Google表格，查看编辑以及未来换平台都是非常方便。
• 时间线比较美观，要是能更换为纵向格式就更好了。 

 

The History of Everything

The History of Everything is a vertical timeline that allows you to navigate, explore, and compare events from the Big Bang to the birth of the Internet. Events are beautifully illustrated and animated.

可惜只局限于移动平台，可视化和手势操作都做得非常好，源码也公布了，可以自主开发。

 Time: The History & Future of Everything – Remastered - 超级牛B的视频，制作一流，也有自己的商业产品

 

---

关于github搭建网站

之前用hexo部署过GitHub网站，利用Github和Hexo搭建独立的个人博客--基础篇

 

核心原理就是利用了GitHub Pages这个功能，相当于给你提供了一个免费的静态空间，你省去了购买网络服务器、空间等事项。

使用起来特别简单，只需要去GitHub创建一个账号同名的，github.io仓库即可，甚至可以直接快速选择模板，用Markdown直接写网站内容，极速发布。

只要你放一个index.html到仓库根目录即可创建网站。

 

至于建站，工具就多了，比如hexo，本质就是先构建本地网站（内容+样式），然后通过Git上传到仓库，就可以通过index.html进入网站。

 

将github.io替换为自己的域名，去域名管理网站，如万网，添加CNAME解析。

然后去github.io仓库设置页面填写我们自己的域名，github会自动创建CNAME文件，域名就绑定成功了。

 

打开http://www.bioinfodm.com/，完全看不出来是傻瓜式的部署到github上的网站。