timeline使用教程
timeline使用主要分为一下几步:
1、新建表格;
2、设置数据
3、发布网址
4、修改表格样式;
5、快速预览
需要用到的几个网址:
1、timeline官网网址:timeline
2、本地图片转链接:图片转链接
1、 新建表格
如上图所示,直接点击按钮【Get Spreadsheet Template】, 新建一个谷歌表单。(这一步,如果表单打开较慢,可以使用梯子)
2、设置数据
这里是timeline的核心:
这个表单我们发现有好几个区域,主要是使用到的就是:
1、文件-》共享-〉发布到网络
2、修改表单数据。
修改表单数据
这一块根据标题栏,我们可以大致知道,修改的内容是什么:
大概的列名意思对应如下:
列名 | 含义 |
---|---|
headline | 标题 |
text | 标题下对应的文字 |
media | 图片或者视频链接 |
media credit | 作者or其他关键信息 |
media caption | 图片左下角的标题 |
media thumball | 时间线上的logo |
background | 图片背后的背景颜色等 |
3、发布
填好信息后,就可以发布了。你会获得一个可以复制的链接。请复制下来。
4、调整时间线样式
这个主要是调整时间轴的样式,
比如显示的语言,字体等等。
5、预览
当一切都准备好后,可以预览了。我们需要进行如下操作:
(1)复制链接
(2)修改参数
(3)预览
下面是第一步:
将红框区域链接复制出来,如下:
https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk&font=Default&lang=ecan&initial_zoom=2&height=100%
请注意黑色加粗字体的参数,这个对应的是模版的表格ID。后慢需要替换为你的表格ID。
第二步:修改参数
将你的表单网址中,中间的参数复制:
https://docs.google.com/spreadsheets/d/1NJcKEMK1yrbHsJ_yOYGhx5t1G4qq7SO7QubXaup_spI/edit#gid=0
加粗的参数就是你的表单id,与第一步的初始表单id进行替换。
最后得到一个新的地址,就是你的时间线timeline了。
第三步:预览
修改完参数后,将链接复制到网址栏(新开一个网页),直接回车搜索就行。这样就可以预览了。
特别注意
我们的图片如果是本地图片,则需要转换为在线链接。
可以使用如下网址替换:
薄荷图床:转换
免费版可以链接有3天,不过足够应付了。也可以百度用其他的图片转化为链接的工具,得到图片链接。
得到的链接放在media 这一列就行。
后续摸索中再继续补充。
background 里面有个 #333333,这个是颜色的十六进制,可以用别的。