Reveal.js,在Ubuntu 20.04中使用CSS和HTML创建演示文稿

关于revel.js

在下一篇文章中,我们将看一下Reveal.js。 有了这个软件,我们将有可能 使用HTML和CSS创建演示文稿。 它是一个开放源代码HTML演示文稿框架,任何具有Web浏览器的用户都可以使用该框架创建演示文稿,并且可以免费使用该框架提供的所有功能。

基本设置仅用于创建演示文稿。 完整的配置将使我们能够访问Reveal.js的所有功能和插件。,演讲者注释以及更改字体所需的开发任务。

使用reveal.js进行的演示基于开放式Web技术。 这意味着 我们在网络上可以做的任何事情,我们也应该能够在演示文稿中做到。 我们可以使用CSS更改样式,使用iframe包含外部网页,或使用iframe添加我们自己的自定义行为 JavaScript API 你提供什么。

Reveal.js 示例 ubunlog

该框架具有多种功能,包括 嵌套幻灯片,支持 降价,自动动画,PDF导出,演讲者注释,LaTeX支持和语法突出显示.

Ubuntu 20.04上的Reveal.js

开始安装Reveal.js之前 我们有必要先安装一些必要的软件包。 为此,我们将必须打开一个终端(Ctrl + Alt + T)并在其中执行以下命令:

安装依赖

sudo apt install curl gnupg2 unzip git

我们需要采取的下一步是 安装NodeJS版本14,尽管从版本10开始,它也应该起作用。 为此,我们必须添加nodejs存储库,这可以通过在同一终端中键入来完成:

安装nodejs存储库14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

这将开始添加存储库以及GPG密钥的整个过程。 该过程完成后,我们可以 安装NodeJS 使用以下命令:

安装nodejs 14

sudo apt install nodejs

安装完成后,我们将能够 检查已安装的NodeJS版本 执行以下命令:

节点版本

node -v

下载并安装Reveal.js

现在,该开始下载了。 为此,我们将 使用Git克隆Reveal.js存储库。 为此,我们只需要打开一个终端(Ctrl + Alt + T)并执行以下命令:

下载reveal.js

git clone https://github.com/hakimel/reveal.js.git

克隆完成后,在我们的计算机上,我们将找到一个名为revel.js的文件夹。 要访问它 安装应用,我们只需在终端(Ctrl + Alt + T)中使用以下命令:

安装reveal.js

cd reveal.js

sudo npm install

一旦安装了所有应用程序依赖项, 我们现在可以使用以下命令运行它:

启动reveal.js服务器

npm start

前面的命令将指示将通过端口8000(这是默认端口)以及服务器的IP地址来提供服务。 现在,我们只需要 打开我们最喜欢的网络浏览器,然后转到 http://ip-servidor:8000。 在这个方向上,我们将看到reveal.js的默认显示,这表明安装已成功。

开始揭示.js

我们也将能够 使用–port更改端口 如下:

npm start -- --port=8001

一旦安装了manifest.js,建议参考以下指南 标记选项组态 调整这个框架。 有关如何安装reveal.js的更多信息, 用户也可以咨询 GitHub上的页面 项目的.

Reveal.js是PowerPoint创建演示文稿的替代方法,可用于教育甚至工作中。 按照本文中的说明,任何用户都将能够 在Ubuntu 20.04系统上安装该程序。 任何人都可以使用HTML和CSS创建出色的演示文稿。

如果您想了解有关如何使用此应用程序的更多信息,请在项目网站上,用户将能够 咨询 官方文件。 在其中,其创建者向我们展示了如何以非常简单和快速的方式使用此工具。

平台幻灯片示例

如果您有兴趣在无需编写HTML或Markdown的情况下就能享受Reveal.js的好处,那么创建者还为我们提供了测试的可能性 幻灯片网站。 这是一个具有Reveal.js所有功能的可视化编辑器和平台.


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。