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

  • 相关阅读:
    docker入门
    IAR屏蔽警告的方法
    在MDK 中忽略(suppress) 某一个警告
    stm32 F40x CCM数据区的使用
    如何理解Stand SPI Dual SPI 和Quad SPI??
    stm32F1在sram中调试运行代码
    stm32低功耗的一点总结
    C语言中__attribute__ ((at())绝对定位的应用
    系统栈和任务栈——freertos
    软件模拟spi的注意事项
  • 原文地址:https://www.cnblogs.com/leezx/p/13367328.html
Copyright © 2020-2023  润新知