Timeline的使用心得

timeline使用教程

timeline使用主要分为一下几步:
1、新建表格;
2、设置数据
3、发布网址
4、修改表格样式;
5、快速预览
需要用到的几个网址:
1、timeline官网网址:timeline

2、本地图片转链接:图片转链接

1、 新建表格

在这里插入图片描述
如上图所示,直接点击按钮【Get Spreadsheet Template】, 新建一个谷歌表单。(这一步,如果表单打开较慢,可以使用梯子)

2、设置数据

这里是timeline的核心:
打开后的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,这个是颜色的十六进制,可以用别的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/108453.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【JAVA】异常

作者主页:paper jie 的博客 本文作者:大家好,我是paper jie,感谢你阅读本文,欢迎一建三连哦。 本文录入于《JAVASE语法系列》专栏,本专栏是针对于大学生,编程小白精心打造的。笔者用重金(时间和…

无涯教程-JavaScript - ISODD函数

描述 如果数字为奇数,则ISODD函数返回TRUE,如果数字为偶数,则返回FALSE。 语法 ISODD (number) 争论 Argument描述Required/OptionalNumber 要测试的值或表达式。 如果number不是整数,则将其截断。 Required Notes 您可以在执行计算之前使用此功能测试单元格的内容。 如果…

MySQL优化第二篇

MySQL优化第二篇 性能分析小表驱动大表慢查询日志日志分析工具mysqldumpslow Show Profile进行SQL分析(重中之重) 七种JOIN 1、inner join :可以简写为join,表示的是交集,也就是两张表的共同数据 sql语句&#xff1a…

详解TCP/IP协议第三篇:通信数据在OSI通信模型的上下传输

文章目录 一:OSI通信模型间数据传输展示 二:应用层到会话层解析 1:应用层 2:表现层 3:会话层 三:传输层到物理层解析 1:传输层 2:网络层 3:数据链路层、与物理层…

Python实现猎人猎物优化算法(HPO)优化Catboost分类模型(CatBoostClassifier算法)项目实战

说明:这是一个机器学习实战项目(附带数据代码文档视频讲解),如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 猎人猎物优化搜索算法(Hunter–prey optimizer, HPO)是由Naruei& Keynia于2022年提出的一种最新的…

vue学习之属性绑定

内容渲染 采用 &#xff1a;进行属性渲染创建 demo3.html,内容如下 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"&…

LeetCode 1359. Count All Valid Pickup and Delivery Options【动态规划,组合数学】1722

本文属于「征服LeetCode」系列文章之一&#xff0c;这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁&#xff0c;本系列将至少持续到刷完所有无锁题之日为止&#xff1b;由于LeetCode还在不断地创建新题&#xff0c;本系列的终止日期可能是永远。在这一系列刷题文章…

BGP路由属性

任何一条BGP路由都拥有多个路径属性&#xff08;Path Attributes&#xff09;&#xff0c;当路由器通告BGP路由给它的对等体时&#xff0c;该路由将会携带多个路径属性&#xff0c;这些属性描述了BGP路由的各项特征&#xff0c;同时在某些场景下也会影响BGP路由优选的决策。 一…

百度收录和权重怎么提升-网站如何获得百度权重

你是否一直苦恼于网站权重的低迷&#xff1f;不知道如何开始提升网站权重&#xff0c;缺乏优质内容更新网站。不清楚如何进行关键词优化来提升网站排名和权重。SEO是一个需要持续投入时间和资源的过程。每个网站的情况都会有所不同&#xff0c;因此所花费的时间也会有所差异。然…

Spring基础(2w字---学习总结版)

目录 一、Spirng概括 1、什么是Spring 2、什么是容器 3、什么是IoC 4、模拟实现IoC 4.1、传统的对象创建开发 5、理解IoC容器 6、DI概括 二、创建Spring项目 1、创建spring项目 2、Bean对象 2.1、创建Bean对象 2.2、存储Bean对象&#xff08;将Bean对象注册到容器…

Apollo介绍和入门

文章目录 Apollo介绍配置中心介绍apollo介绍主流配置中心功能特性对比 Apollo简介 入门简单的执行流程Apollo具体的执行流程Apollo对象执行流程分步执行流程 核心概念应用&#xff0c;环境&#xff0c;集群&#xff0c;命名空间企业部署方案灰度发布全量发布 配置发布的原理发送…

HCIE-HCS规划设计搭建

1、相关术语 1、等价路由 等价路由&#xff08;Equal-cost routing&#xff09;是一种网络路由策略&#xff0c;用于在网络中选择多个具有相同路由度量&#xff08;路由距离或成本&#xff09;的最佳路径之一来转发数据流量。 当存在多个路径具有相同的路由度量时&#xff0c;…