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

安裝Reveal.js後,最好參考以下指南 標記選項組態 調整這個框架。 有關如何安裝reveal.js的更多信息, 用戶也可以諮詢 GitHub上的頁面 項目的.

Reveal.js是PowerPoint創建演示文稿的替代方法,可用於教育甚至工作中。 按照本文中的說明,任何用戶都將能夠 在Ubuntu 20.04系統上安裝該程序。 任何人都可以使用HTML和CSS創建出色的演示文稿。

如果您想了解有關如何使用此應用程序的更多信息,請在項目網站上,用戶將能夠 諮詢 官方文件。 在其中,其創建者向我們展示瞭如何以一種非常簡單,快速的方式使用此工具。

平台幻燈片示例

如果您有興趣在無需編寫HTML或Markdown的情況下就能享受Reveal.js的好處,那麼創建者還為我們提供了測試的可能性 slides.com。 這是一個具有Reveal.js所有功能的可視化編輯器和平台.


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。