Timeline的使用心得

news2024/11/26 23:42:58

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.coloradmin.cn/o/1008999.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

创建react脚手架项目——demo(react18 + react-router 6)

创建react脚手架项目——demo(react18 react-router 6) 1. 安装 create-react-app1.1 执行安装命令1.2 安装遇到的问题1.2.1 问题1——npm ERR! code ENOTFOUND 2. 创建项目2.1 创建项目命令2.2 查看项目结构2.2.1 目录结构2.2.2 注意点 3. 启动项目4. …

分享一下在微信公众号上怎么实现表单功能

在微信公众号上实现表单功能可以帮助公众号运营者与用户进行互动,收集用户反馈,提供个性化服务,以及进行数据分析等。以下是在微信公众号上实现表单功能的一些步骤和建议。 一、了解微信公众号平台的功能 首先,你需要了解微信公众…

关于《考研数学高分公式》系列的后续及一点说明

写在前面 在昨天,当我再次登录CSDN时,我惊讶地发现《考研数学高分公式》这一系列的两篇文章竟然拥有超过数万次的阅读量。许多学弟学妹也通过私信向我询问,为什么不再继续更新这个系列了。 未及时回复他们,颇感惭愧。 我仔细考…

预约到家按摩小程序开发定制同城服务

随着生活节奏加快,生活压力也随之而来,很多人忙于工作与生计,身体和心理两方面都在承受重压。而按摩能够消除身体的疲惫,增强人的身体体质,在劳累过后放松身心按摩一会儿,可以快速恢复精神状态,…

智能3D人体导医系统源码 智能导诊系统源码

智能3D人体导医系统源码 医院智能导诊系统是在医疗中使用的引导患者自助就诊挂号,在就诊的过程中有许多患者不知道需要挂什么号,要看什么病,通过智能导诊系统,可输入自身疾病的症状表现,或选择身体部位,在…

云的灵魂是人工智能

在这个数字化飞速发展的时代,云计算已经成为了我们生活中不可或缺的一部分。而随着人工智能技术的不断进步,云的灵魂也逐渐被赋予了人工智能的色彩。让我们一起探讨这个新兴的话题,一起展望云计算与人工智能的融合所带来的巨大变革。 一、GPU…

中风失语 18 年,AI + 脑机接口帮她「意念发声」

人与人交往中,说话表达是最基本的能力和方式,可世界上有很多人,却「有口难言」。 「失语症」中,由中风引起的最为常见。他们的声音无法传达,他们的诉求不为人所知,他们遭受着社交孤立,他们的沉默…

“混合”引擎为通用子模块提供动力,实现嵌入式I / O灵活性

现成的组件对于嵌入式开发工程师而言并不是什么新鲜事物。但是,实际上没有人期望一种“一刀切”的解决方案,尤其是在涉及复杂的I / O要求的情况下。 但是,基于流行的夹层卡格式的具有成本效益的现场可编程门阵列(FPGA&#xff09…

DALLE-2

扩散模型做图像生成使用clip预训练好的特征去做层级式的依托于文本的图像生成先生成小分辨率图像64*64然后利用一个模型上采样到256*256(迭代)先训练好一个clip模型,学习到图像文本对的关系 图像生成的模型 AEDAEVAEVQVAEDALL-E &#xff1…

Pycharm 配置python项目本地运行环境

1.打开Pycharm,打开Setting 2. 新建本地环境 3.如果报错如上图所示,请通过cmd来新建本地环境,具体步骤如下 在对应的代码路径下,通过virtualenv venv来创建虚拟路径 安装好之后,安装对应的依赖包即可 pip3 install -r ./require…

如何在windows环境下编译T

一, 安装MYSYS2 1. 去https://www.msys2.org下载 msys2-x86_64-xxxxx.exe; 2. 按照msys2.org主页提示的步骤安装; 3.安装完默认起来的是 UCRT的, 可以根据环境的需要选择, 我选择的 MSYS2 MINGW64 4. 搭建编译环境, 安装对应的软…

反常积分的概念与计算

目录 无穷区间上的反常积分 无界函数的反常积分 反常积分的敛散性 反常积分的计算 无穷区间上的反常积分 无穷区间上的反常积分(improper integral on infinite interval)是一种反常积分 设函数f(x)在(a,∞)上有定义,且f(x)在任意有限区间(a,A)(A>a)上可积&…

一生一芯15——jupyter notebook搭建与对应kernel的设置

本文参照 https://zhuanlan.zhihu.com/p/403183676?utm_id0 https://blog.csdn.net/moledyzhang/article/details/78850820 进入虚拟环境Chisel conda activate Chisel安装jupyter pip3 install jupyter查看内核 jupyter kernelspec list此处我已经安装好,否则…

大学生实习考勤打卡系统 微信小程序uniapp

本毕业设计的内容是设计实现一个学生实习考勤的打卡小程序。它是以 springboot框架,MYSQL为数据库开发平台,Tomcat网络信息服务作为应用服务器。学生实习考勤的打卡的功能已基本实现,主要包括学生、实习单位、实习打卡、考研申报、找工作申报…

AQS锁原理

文章目录 一、AQS是什么?二、AQS原理三、STATE:状态四、AQS共享资源的方式:独占式和共享式4.1 独占式实现4.1 共享式 总结 一、AQS是什么? AQS(Abstract Queued Synchronizer)是一个抽象的队列同步器&…

节距信号发生器(成缆变节距控制)

成缆机系统控制,请查看下面文章链接 ,这篇文章主要介绍节距信号发生器算法原理和代码,博途PLC信号发生器链接地址如下: PLC信号发生器(博途SCL)_RXXW_Dor的博客-CSDN博客信号发生器的应用请参看下面的博客文章,在演示滤波器的作用时,我们可能也会用到信号的叠加等。博途…

嵌入式学习笔记(29)轮询方式处理按键

X210开发板的按键接法 (1)查原理图,找到按键对应的GPIO:SW5:GPH0_2 SW6:GPH0_3 SW78910:GPH2_0123 (2)原理图上可看出:按下时是低电平,弹起时是高电平。 按键对应的GPIO模式设置 …

gcc/c++ 版本不一致问题导致的

1.问题 rk3566板子的系统是ubuntu20.04 focal, /etc/apt/source.list更换为阿里源 x86-67的pc主机系统的是ubuntu20.04 jammy /etc/apt/source.list 更换为清华源 按照rknpu2的开发教程Rockchip_Quick_Start_RKNN_SDK_V1.5.2_CN.pdf: 交叉编…

C语言--strcat函数

C语言–strcat函数 文章目录 C语言--strcat函数一、strcat函数是什么?二、使用示例二、模拟实现 一、strcat函数是什么? 作用是把源数据追加到目标空间 char * strcat ( char * destination, const char * source );源字符串必须以 ‘\0’ 结束。目标空…

SqlServer在尝试加载程序集 ID 65917 时 Microsoft .NET Framework 出错。服务器可能资源不足,或者不信任该程序集

问题:在尝试加载程序集 ID 65917 时 Microsoft .NET Framework 出错。服务器可能资源不足,或者不信任该程序集,因为它的 PERMISSION_SET 设置为 EXTERNAL_ACCESS 或 UNSAFE。 检查数据库属性:检查服务器是否信任该程序集 解决方法…