zoukankan      html  css  js  c++  java
  • 时间线 | 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上的网站。

  • 相关阅读:
    Log4j appender、layout
    EhCache缓存框架的使用
    Log4j rootLogger根配置以及4种日志级别
    开发chrome 插件, background.js中 console log 看不到解决方法
    Windows cmd 长时间不输出新内容 直到按下ctrl + c 取消或者回车的解决办法
    如何查看当前分支从哪个支线创建而来
    C# 获取相对路径的字符串
    解决adobe air sdk打包 apk后自动在包名前面加上air. (有个点)前缀的问题
    sublime text 输入法候选词不跟随光标
    Windows 批处理设置dns ,解决能上qq不能开网页
  • 原文地址:https://www.cnblogs.com/leezx/p/13367328.html
Copyright © 2011-2022 走看看