时间线 | 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上的网站。

 

posted @ 2020-07-23 17:00  Life·Intelligence  阅读(1370)  评论(0编辑  收藏  举报
TOP