如何在 Ubuntu 20.04 上安裝 Reveal.js

Reveal.js 是一個免費的開源 HTML 演示框架，使用戶能夠使用 Web 瀏覽器創建免費、功能齊全且有吸引力的演示文稿。用戶可以使用reveal.js 框架在演示文稿中使用Web 技術。此工具有助於添加更多 CSS 樣式、添加外部網頁、包括和使用不同 JavaScript API 的自定義用戶行為。</p><p>我們將在本文中看到如何在 Ubuntu 20.04 LTS 系統上安裝 Reveal.js HTML 演示框架。</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><h2><strong>先決條件</strong></h2><p>要安裝所需的依賴項或包，請使用 sudo 在 Ubuntu 系統上以 root 用戶身份訪問或登錄。</p><h2><strong>在 Ubuntu 20.04 上安裝 Reveal.js 的安裝步驟</strong></h2><p>按照下面給出的步驟，Reveal.js 框架可以輕鬆安裝在 Ubuntu 20.04 LTS 系統上。</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><h3><strong>第 1 步：安裝所需的依賴項</strong></h3><p>在開始安裝 Reveal.js 之前，需要在 Ubuntu 系統上安裝一些軟件包。 node.js 包是安裝reveal.js 的先決條件。 Ubuntu 20.04 默認存儲庫中不存在 node.js 包。因此，您需要在 Ubuntu 系統中包含更新的 node.js 存儲庫。因此，通過按鍵盤快捷鍵“Ctrl+Alt+t”啟動命令行終端窗口。現在，通過執行下面給定的命令安裝所需的包：</p><p>$ sudo 安裝 curl gnupg2 解壓 git</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>接下來，通過鍵入以下命令將 Node.js 存儲庫包含在您的 Ubuntu 20.04 系統中：</p><p>$ curl -sL https://deb.nodesource.com/setup_14.x | sudo bash ——</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p></p><p>包含 node.js 存儲庫後，鍵入以下命令以在 Ubuntu 20.04 系統上安裝 node.js：</p><p>$ sudo apt 安裝 nodejs</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p><img decoding="async" loading="lazy" class="alignnone wp-image-17694" src="https://mzdya.com/images/18/2021/12/word-image-2845.png" alt="安裝 NodeJS" width="1101" height="408" ></p><p>安裝完 node.js 包後，通過執行以下命令檢查 node.js 安裝的版本：</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>$節點-v</p><h3><strong>第 2 步：在 Ubuntu 20.04 上下載並安裝 Reveal.js </strong></h3><p>從 Github 存儲庫下載 Reveal.js。使用 git 克隆 Reveal.js 存儲庫。</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>$ git clone https://github.com/hakimel/reveal.js.git</p><p><img decoding="async" loading="lazy" class="aligncenter wp-image-17695" src="https://mzdya.com/images/18/2021/12/word-image-2846.png" alt="使用 GIT 下載 RevealJS" width="1101" height="244" ></p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>導航到在克隆期間創建的reveal.js 目錄，現在安裝所需的包。</p><p>$ cdreveal.js $ sudo 安裝</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>安裝了reveal.js 的所有依賴項後，通過運行下面提到的命令來啟動應用程序：</p><p>$ npm 開始</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>運行上述命令後，終端窗口顯示如下結果：</p><p><img decoding="async" loading="lazy" class="aligncenter wp-image-17696" src="https://mzdya.com/images/18/2021/12/word-image-2847.png" alt="啟動 NPM" width="1101" height="324" ></p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>上面的輸出表明，reveal 服務在默認端口 8000 上運行。這個端口號可以在應用程序啟動時改變。</p><p>$ npm start – –port = 8002</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>現在，創建systemd單元服務來管理reveal服務。因此，使用任何可用的文本編輯器創建並打開文件，如下所示：</p><p>$ sudo nano /lib/systemd/system/reveal.service</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>將以下行粘貼到此文件中：</p><p>[Service]</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>Type=simple User=root Restart=on-failure WorkingDirectory=/home/khuzdar/reveal.js ExecStart=npm start</p><p><img decoding="async" loading="lazy" class="aligncenter wp-image-17697" src="https://mzdya.com/images/18/2021/12/word-image-2848.png" alt="配置 Systemd 服務" width="1092" height="716" ></p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>根據您的系統要求更改工作目錄路徑。此處，目錄的路徑為“WrokingDirectory=/home/kbuzdar/reveal.js”。保存更改後關閉上述文件。</p><p>現在，運行下面提到的命令來重新加載、啟動和啟用顯示服務：</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>$ sudo systemctl 守護進程重新加載 $ sudo systemctl start 顯示 $ sudo systemctl 啟用顯示</p><p><img decoding="async" loading="lazy" class="aligncenter wp-image-17698" src="https://mzdya.com/images/18/2021/12/word-image-2849.png" alt="啟動 RevealJS 服務" width="1100" height="82" ></p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p>輸入以下命令查看reveal服務當前運行狀態：</p><p>$ sudo systemctl 狀態顯示</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p><img decoding="async" loading="lazy" class="alignnone wp-image-17699" src="https://mzdya.com/images/18/2021/12/word-image-2850.png" alt="檢查服務狀態" width="1101" height="600" ></p><h3><strong>第 3 步：訪問 Reveal.js 的 Web 界面 </strong></h3><p>Reveal.js 服務正在此系統上運行。現在，啟動reveal.js 框架的Web 界面。打開網絡瀏覽器“Mozilla Firefox’ 或系統上的任何其他文件。 Enter 在地址欄中包含您的服務器 IP 地址的下面給出的 URL：</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p><a rel="nofollow" href="https://your-server-ip-address:8000">https://your-server-ip-address:8000</a></p><p>以下默認的reveal.js 網頁界面在瀏覽器中顯示reveal.js 的安裝現已完成。</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><p><img decoding="async" loading="lazy" class="aligncenter wp-image-17700" src="https://mzdya.com/images/18/2021/12/word-image-2851.png" alt="訪問 RevealJS 幻燈片放映服務" width="1811" height="864" ></p><h2><strong>結論</strong></h2><p>我們在本文中在 Ubuntu 20.04 系統上安裝了 Reveal.js HTML 演示框架。在 IT 行業不斷發展的今天，這個工具對大多數人來說非常有用。在您的系統上安裝reveal.js 並享受此工具的實用性。謝謝！</p><div class="quads-location quads-ad30 " id="quads-ad30" style="float:none;text-align:center;padding:0px 0 0px 0;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1226783768420381" data-ad-slot="1630374386" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div></div><div class="ct-share-box ct-hidden-sm" data-location="bottom" data-type="type-1" ><div data-icons-type="simple"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmzdya.com%2Farchives%2F280%2F" data-network="facebook" aria-label="Facebook" rel="noopener noreferrer nofollow" > <span class="ct-icon-container" > <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span> </a> <a href="https://twitter.com/share?url=http%3A%2F%2Fmzdya.com%2Farchives%2F280%2F&text=%E5%A6%82%E4%BD%95%E5%9C%A8%20Ubuntu%2020.04%20%E4%B8%8A%E5%AE%89%E8%A3%9D%20Reveal.js" data-network="twitter" aria-label="X (Twitter)" rel="noopener noreferrer nofollow" > <span class="ct-icon-container" > <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M2.9 0C1.3 0 0 1.3 0 2.9v14.3C0 18.7 1.3 20 2.9 20h14.3c1.6 0 2.9-1.3 2.9-2.9V2.9C20 1.3 18.7 0 17.1 0H2.9zm13.2 3.8L11.5 9l5.5 7.2h-4.3l-3.3-4.4-3.8 4.4H3.4l5-5.7-5.3-6.7h4.4l3 4 3.5-4h2.1zM14.4 15 6.8 5H5.6l7.7 10h1.1z"/> </svg> </span> </a> <a href="#" data-network="pinterest" aria-label="Pinterest" rel="noopener noreferrer nofollow" > <span class="ct-icon-container" > <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M10,0C4.5,0,0,4.5,0,10c0,4.1,2.5,7.6,6,9.2c0-0.7,0-1.5,0.2-2.3c0.2-0.8,1.3-5.4,1.3-5.4s-0.3-0.6-0.3-1.6c0-1.5,0.9-2.6,1.9-2.6c0.9,0,1.3,0.7,1.3,1.5c0,0.9-0.6,2.3-0.9,3.5c-0.3,1.1,0.5,1.9,1.6,1.9c1.9,0,3.2-2.4,3.2-5.3c0-2.2-1.5-3.8-4.2-3.8c-3,0-4.9,2.3-4.9,4.8c0,0.9,0.3,1.5,0.7,2C6,12,6.1,12.1,6,12.4c0,0.2-0.2,0.6-0.2,0.8c-0.1,0.3-0.3,0.3-0.5,0.3c-1.4-0.6-2-2.1-2-3.8c0-2.8,2.4-6.2,7.1-6.2c3.8,0,6.3,2.8,6.3,5.7c0,3.9-2.2,6.9-5.4,6.9c-1.1,0-2.1-0.6-2.4-1.2c0,0-0.6,2.3-0.7,2.7c-0.2,0.8-0.6,1.5-1,2.1C8.1,19.9,9,20,10,20c5.5,0,10-4.5,10-10C20,4.5,15.5,0,10,0z"/> </svg> </span> </a> <a href="https://www.linkedin.com/shareArticle?url=http%3A%2F%2Fmzdya.com%2Farchives%2F280%2F&title=%E5%A6%82%E4%BD%95%E5%9C%A8%20Ubuntu%2020.04%20%E4%B8%8A%E5%AE%89%E8%A3%9D%20Reveal.js" data-network="linkedin" aria-label="LinkedIn" rel="noopener noreferrer nofollow" > <span class="ct-icon-container" > <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z"/> </svg> </span> </a></div></div><div class="ct-related-posts"><h3 class="ct-block-title"> Related Posts</h3><div class="ct-related-posts-items" data-layout="grid"><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3145/" aria-label="什么是 Windows 系统报告以及如何创建和分析一份？" tabindex="-1"><img width="150" height="75" src="https://mzdya.com/images/9/windows-11-desktop-wallpaper-150x75.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="windows-11-desktop-wallpaper.jpg" decoding="async" srcset="https://mzdya.com/images/9/windows-11-desktop-wallpaper-150x75.jpg 150w, https://mzdya.com/images/9/windows-11-desktop-wallpaper-300x150.jpg 300w, https://mzdya.com/images/9/windows-11-desktop-wallpaper-1024x512.jpg 1024w, https://mzdya.com/images/9/windows-11-desktop-wallpaper-768x384.jpg 768w, https://mzdya.com/images/9/windows-11-desktop-wallpaper-1536x768.jpg 1536w, https://mzdya.com/images/9/windows-11-desktop-wallpaper.jpg 1680w" sizes="(max-width: 150px) 100vw, 150px" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3145/" itemprop="url" rel="bookmark">什么是 Windows 系统报告以及如何创建和分析一份？</a></h4></article><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3131/" aria-label="如何在 Ubuntu 上安裝 XWiki" tabindex="-1"><img width="1" height="1" src="https://mzdya.com/images/18/ubuntu-xwiki.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="ubuntu-xwiki.png" decoding="async" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3131/" itemprop="url" rel="bookmark">如何在 Ubuntu 上安裝 XWiki</a></h4></article><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3128/" aria-label="如何在 AlmaLinux 上安裝 Yarn" tabindex="-1"><img width="1" height="1" src="https://mzdya.com/images/18/yarn-on-almalinux.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="yarn-on-almalinux.png" decoding="async" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3128/" itemprop="url" rel="bookmark">如何在 AlmaLinux 上安裝 Yarn</a></h4></article><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3125/" aria-label="如何在 Ubuntu 上安裝 Vim 編輯器" tabindex="-1"><img width="1" height="1" src="https://mzdya.com/images/18/vim-on-ubuntu.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="vim-on-ubuntu.png" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3125/" itemprop="url" rel="bookmark">如何在 Ubuntu 上安裝 Vim 編輯器</a></h4></article><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3122/" aria-label="如何在 Debian 上安裝 UVdesk Helpdesk" tabindex="-1"><img width="1" height="1" src="https://mzdya.com/images/18/debian-uvdesk.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="debian-uvdesk.png" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3122/" itemprop="url" rel="bookmark">如何在 Debian 上安裝 UVdesk Helpdesk</a></h4></article><article itemscope="itemscope" itemtype="https://schema.org/GeneratePressWork" > <a class="ct-image-container" href="https://mzdya.com/archives/3119/" aria-label="如何在 Rocky Linux 上安裝 YARN NPM-Package Manager" tabindex="-1"><img width="1" height="1" src="https://mzdya.com/images/18/yarn-rocky-linux.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="yarn-rocky-linux.png" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 2/1;" /></a><h4 class="related-entry-title" itemprop="name" > <a href="https://mzdya.com/archives/3119/" itemprop="url" rel="bookmark">如何在 Rocky Linux 上安裝 YARN NPM-Package Manager</a></h4></article></div></div></article></div></main><footer id="footer" class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter" ><div data-row="bottom" ><div class="ct-container" data-columns-divider="md:sm" ><div data-column="copyright" ><div class="ct-footer-copyright" data-id="copyright" ><p>Copyright © 2023 - Mzdya.com</p></div></div></div></div></footer></div><aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"><div class="moove-gdpr-info-bar-container"><div class="moove-gdpr-info-bar-content"><div class="moove-gdpr-cookie-notice"><p>We are using cookies to give you the best experience on our website.</p><p>You can find out more about which cookies we are using or switch them off in <button data-href="#moove_gdpr_cookie_modal" class="change-settings-button">settings</button>.</p></div><div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button></div></div></div></aside> <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://mzdya.com/#website","url":"https://mzdya.com/","name":"Mzdya.com","potentialAction":{"@id":"https://mzdya.com/archives/280#searchaction"},"publisher":{"@id":"https://mzdya.com/#organization"}},{"@type":"SearchAction","@id":"https://mzdya.com/archives/280#searchaction","target":"https://mzdya.com/?s={search_term_string}","query-input":"required name=search_term_string"},{"@type":"BreadcrumbList","name":"Breadcrumbs","@id":"https://mzdya.com/archives/280#breadcrumbs","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://mzdya.com/"},{"@type":"ListItem","position":2,"name":"archives","item":"https://mzdya.com/category/archives/"}]},{"@type":"WebPage","@id":"https://mzdya.com/archives/280#webpage","url":"https://mzdya.com/archives/280","inLanguage":"en_US","name":"如何在 Ubuntu 20.04 上安裝 Reveal.js – Mzdya.com","description":"Reveal.js 是一個免費的開源 HTML 演示框架，使用戶能夠使用 Web 瀏覽器創建免費、功能齊全且有吸引力的演示文稿。用戶可以使用reveal.js 框架在演示文稿中使用Web 技術。此工具有助於添加更多 CSS 樣式、添加外部網頁、包括和使用不同 JavaScript API 的自定義用戶行為。我們","datePublished":"2021-12-10T11:47:37+00:00","dateModified":"2021-12-10T11:47:48+00:00","isPartOf":{"@id":"https://mzdya.com/#website"},"breadcrumb":{"@id":"https://mzdya.com/archives/280#breadcrumbs"},"primaryImageOfPage":{"@id":"https://mzdya.com/archives/280#thumbnail"},"image":{"@id":"https://mzdya.com/archives/280#thumbnail"}},{"@type":"Organization","@id":"https://mzdya.com/#organization","url":"https://mzdya.com/","name":"Mzdya.com","logo":{"@id":"https://mzdya.com/archives/280#logo"},"image":{"@id":"https://mzdya.com/archives/280#logo"}},{"@type":"ImageObject","@id":"https://mzdya.com/archives/280#logo","url":"https://mzdya.com/images/9/cropped-linux.png","width":512,"height":512},{"@type":"ImageObject","@id":"https://mzdya.com/archives/280#thumbnail","url":"https://mzdya.com/images/18/1639136857_word-image-2843.png"},{"@type":"Article","@id":"https://mzdya.com/archives/280#article","url":"https://mzdya.com/archives/280","headline":"如何在 Ubuntu 20.04 上安裝 Reveal.js","datePublished":"2021-12-10T11:47:37+00:00","dateModified":"2021-12-10T11:47:48+00:00","wordCount":167,"keywords":["Ubuntu","VPS"],"articleSection":["archives"],"isPartOf":{"@id":"https://mzdya.com/archives/280#webpage"},"mainEntityOfPage":{"@id":"https://mzdya.com/archives/280#webpage"},"image":{"@id":"https://mzdya.com/archives/280#thumbnail"},"publisher":{"@id":"https://mzdya.com/#organization"},"author":{"@id":"https://mzdya.com/archives/280#author"}},{"@type":"Person","@id":"https://mzdya.com/archives/280#author","url":"https://mzdya.com/author/jjgvkw/","name":"jjgvkw","image":{"@id":"https://mzdya.com/archives/280#author_image"}},{"@type":"ImageObject","@id":"https://mzdya.com/archives/280#author_image","url":"https://1.gravatar.com/avatar/dedcd37f72b50fd532f95890eb105365?s=96&d=mm&r=g","width":96,"height":96,"caption":"jjgvkw"}]}</script><script id='q2w3_fixed_widget-js-extra'>var q2w3_sidebar_options = [{"use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":[]}];</script> <script src='https://mzdya.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.2.3' id='q2w3_fixed_widget-js'></script> <script id='ct-scripts-js-extra'>var ct_localizations = {"ajax_url":"https:\/\/mzdya.com\/wp-admin\/admin-ajax.php","nonce":"ec70941bfc","public_url":"https:\/\/mzdya.com\/wp-content\/themes\/GeneratePress\/static\/bundle\/","rest_url":"https:\/\/mzdya.com\/wp-json\/","search_url":"https:\/\/mzdya.com\/search\/QUERY_STRING\/","show_more_text":"Show more","more_text":"More","search_live_results":"Search results","search_live_no_result":"No results","search_live_one_result":"You got %s result. Please press Tab to select it.","search_live_many_results":"You got %s results. Please press Tab to select one.","expand_submenu":"Expand dropdown menu","collapse_submenu":"Collapse dropdown menu","dynamic_js_chunks":[{"id":"GeneratePress_dark_mode","selector":"[data-id=\"dark-mode-switcher\"]","url":"https:\/\/mzdya.com\/wp-content\/plugins\/GeneratePress-companion\/static\/bundle\/dark-mode.js","trigger":"click"},{"id":"GeneratePress_sticky_header","selector":"header [data-sticky]","url":"https:\/\/mzdya.com\/wp-content\/plugins\/GeneratePress-companion\/static\/bundle\/sticky.js"}],"dynamic_styles":{"lazy_load":"https:\/\/mzdya.com\/wp-content\/themes\/GeneratePress\/static\/bundle\/non-critical-styles.min.css","search_lazy":"https:\/\/mzdya.com\/wp-content\/themes\/GeneratePress\/static\/bundle\/non-critical-search-styles.min.css"},"dynamic_styles_selectors":[{"selector":"#account-modal","url":"https:\/\/mzdya.com\/wp-content\/plugins\/GeneratePress-companion\/static\/bundle\/account-lazy.min.css"}]};</script> <script src='https://mzdya.com/wp-content/cache/autoptimize/9/js/autoptimize_single_a857969ed38b4fef391ebd697de03aff.js?ver=1.9.6' id='ct-scripts-js'></script> <script id='moove_gdpr_frontend-js-extra'>var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/mzdya.com\/wp-admin\/admin-ajax.php","post_id":"280","plugin_dir":"https:\/\/mzdya.com\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"","ajax_cookie_removal":"false","strict_init":"1","enabled_default":{"third_party":0,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"1","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":""};</script> <script src='https://mzdya.com/wp-content/cache/autoptimize/9/js/autoptimize_single_11feadfc84b9cabd6cfc5d7a542dc059.js?ver=4.12.7' id='moove_gdpr_frontend-js'></script> <script id="moove_gdpr_frontend-js-after">var gdpr_consent__strict = "false" var gdpr_consent__thirdparty = "false" var gdpr_consent__advanced = "false" var gdpr_consent__cookies = ""</script> <script src='https://mzdya.com/wp-content/cache/autoptimize/9/js/autoptimize_single_01eff787a136d68f234e2219275c4b5f.js?ver=2.0.76' id='quads-ads-js'></script> <div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="GDPR Settings Screen"><div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> <button class="moove-gdpr-modal-close" aria-label="Close GDPR Cookie Settings"> <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> <span class="gdpr-icon moovegdpr-arrow-close"></span> </button><div class="moove-gdpr-modal-left-content"><div class="moove-gdpr-company-logo-holder"> <img src="https://mzdya.com/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Mzdya.com" width="350" height="233" class="img-responsive" /></div><ul id="moove-gdpr-menu"><li class="menu-item-on menu-item-privacy_overview menu-item-selected"> <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> <span class="gdpr-nav-tab-title">Privacy Overview</span> </button></li><li class="menu-item-strict-necessary-cookies menu-item-off"> <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> </button></li></ul><div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by  <span>GDPR Cookie Compliance</span></a></div></div><div class="moove-gdpr-modal-right-content"><div class="moove-gdpr-modal-title"></div><div class="main-modal-content"><div class="moove-gdpr-tab-content"><div id="privacy_overview" class="moove-gdpr-tab-main"> <span class="tab-title">Privacy Overview</span><div class="moove-gdpr-tab-main-content"><p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p></div></div><div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">Strictly Necessary Cookies</span><div class="moove-gdpr-tab-main-content"><p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p><div class="moove-gdpr-status-bar "><div class="gdpr-cc-form-wrap"><div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_strict_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="Strictly Necessary Cookies" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label></div></div></div><div class="moove-gdpr-strict-warning-message" style="margin-top: 10px;"><p>If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.</p></div></div></div></div></div><div class="moove-gdpr-modal-footer-content"><div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button></div></div></div><div class="moove-clearfix"></div></div></div></body></html>