{"id":34830,"date":"2020-12-18T11:41:00","date_gmt":"2020-12-18T17:41:00","guid":{"rendered":"https:\/\/www.rosehosting.com\/blog\/?p=34830"},"modified":"2023-04-04T08:33:14","modified_gmt":"2023-04-04T13:33:14","slug":"how-to-install-reveal-js-on-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/","title":{"rendered":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"742\" height=\"372\" class=\"wp-image-34939\" title=\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\" alt=\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg 742w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-300x150.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-150x75.jpg 150w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/figure>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"alignright size-large is-resized\"><img decoding=\"async\" class=\"wp-image-34943\" title=\"install reveal.js on ubuntu 20.04 easy guide\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide.png\" alt=\"install reveal.js on ubuntu 20.04 easy guide\" width=\"130\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide.png 512w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide-300x77.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide-150x38.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>reveal.js is a free and open-source HTML framework that can be used to create fully-featured presentations through a web browser. It is built on open web technologies. It has a rich set of features including, Markdown content, nested slides, PDF export, and JavaScript APIs for controlling the slide navigation.<\/p>\r\n\r\n\r\n\r\n<p>In this tutorial, we will show you how to install Reveal.js on Ubuntu 20.04.<\/p>\r\n\r\n\r\n\r\n<p><!--more--><\/p>\r\n\r\n\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d3425324eff\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d3425324eff\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Prerequisites\" >Prerequisites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-1-Log-in-to-the-Server-Update-the-Server-OS-Packages\" >Step 1: Log in to the Server &amp; Update the Server OS Packages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-2-Install-Nodejs\" >Step 2: Install Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-3-Install-Revealjs\" >Step 3: Install Reveal.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-4-Create-a-Systemd-Service-File-for-Revealjs\" >Step 4: Create a Systemd Service File for Reveal.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-5-Configure-Nginx-as-a-Reverse-Proxy\" >Step 5: Configure Nginx as a Reverse Proxy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-6-Access-Revealjs\" >Step 6: Access Reveal.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#Step-7-Create-a-Simple-Presentation\" >Step 7: Create a Simple Presentation<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-prerequisites\"><span class=\"ez-toc-section\" id=\"Prerequisites\"><\/span>Prerequisites<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>An Ubuntu 20.04 VPS (we\u2019ll be using our SSD 2 VPS plan)<\/li>\r\n<li>Access to the root user account (or access to an admin account with root privileges)<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-1-log-in-to-the-server-update-the-server-os-packages\"><span class=\"ez-toc-section\" id=\"Step-1-Log-in-to-the-Server-Update-the-Server-OS-Packages\"><\/span>Step 1: Log in to the Server &amp; Update the Server OS Packages<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>First, log in to your Ubuntu 20.04 server via SSH as the root user:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">ssh root@IP_Address -p Port_number<\/pre>\r\n\r\n\r\n\r\n<p>You will need to replace \u2018IP_Address\u2018 and \u2018Port_number\u2018 with your server\u2019s respective IP address and SSH port number. Additionally, replace \u2018root\u2019 with the username of the admin account if necessary.<\/p>\r\n\r\n\r\n\r\n<p>Before starting, you have to make sure that all Ubuntu OS packages installed on the server are up to date. You can do this by running the following commands:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">apt-get update -y\r\napt-get upgrade -y<\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-2-install-node-js\"><span class=\"ez-toc-section\" id=\"Step-2-Install-Nodejs\"><\/span>Step 2: Install Node.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Reveal.js is built on Node.js. So you will need to install Node.js in your server. By default, the latest version of Node.js is not available in the Ubuntu 20.04 default repository. So you will need to add the Node.js official repository to your system.<\/p>\r\n\r\n\r\n\r\n<p>First, install all the required dependencies with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">apt-get install curl gnupg2 unzip git  -y<\/pre>\r\n\r\n\r\n\r\n<p>Once all the dependencies are installed, add the Node.js repository with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">curl -sL https:\/\/deb.nodesource.com\/setup_14.x | bash -<\/pre>\r\n\r\n\r\n\r\n<p>Next, install Node.js by running the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">apt-get install nodejs -y<\/pre>\r\n\r\n\r\n\r\n<p>Once Node.js is installed, you can verify the Node.js version with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">node -v<\/pre>\r\n\r\n\r\n\r\n<p>You should get the following output:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">v14.15.0\r\n<\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-3-install-reveal-js\"><span class=\"ez-toc-section\" id=\"Step-3-Install-Revealjs\"><\/span>Step 3: Install Reveal.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>First, download the latest version of Reveal.js from the Git repository using the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">git clone git clone https:\/\/github.com\/hakimel\/reveal.js.git<\/pre>\r\n\r\n\r\n\r\n<p>Once the download is completed, change the directory to reveal.js and install all dependencies with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">cd reveal.js\r\nnpm install<\/pre>\r\n\r\n\r\n\r\n<p>Once all the dependencies are installed, start the Node server with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">npm start<\/pre>\r\n\r\n\r\n\r\n<p>You should get the following output:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">&gt; reveal.js@4.1.0 start \/root\/reveal.js\r\n&gt; gulp serve\r\n\r\n[10:01:50] Using gulpfile ~\/reveal.js\/gulpfile.js\r\n[10:01:50] Starting 'serve'...\r\n[10:01:50] Starting server...\r\n[10:01:50] Server started http:\/\/0.0.0.0:8000\r\n[10:01:50] LiveReload started on port 35729\r\n[10:01:50] Running server\r\n<\/pre>\r\n\r\n\r\n\r\n<p>At this point, your development server is started and listening on port 8000.<\/p>\r\n\r\n\r\n\r\n<p>Now, press CTRL+C to stop the running server.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-4-create-a-systemd-service-file-for-reveal-js\"><span class=\"ez-toc-section\" id=\"Step-4-Create-a-Systemd-Service-File-for-Revealjs\"><\/span>Step 4: Create a Systemd Service File for Reveal.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Next, you will need to create a systemd service file to manage the Reveal.js service. You can create it with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">nano \/lib\/systemd\/system\/reveal.service<\/pre>\r\n\r\n\r\n\r\n<p>Add the following lines:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">[Service]\r\nType=simple\r\nUser=root\r\nRestart=on-failure\r\nWorkingDirectory=\/root\/reveal.js\r\nExecStart=npm start -- --port=8001\r\n<\/pre>\r\n\r\n\r\n\r\n<p>Save and close the file then reload the systemd service with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">systemctl daemon-reload<\/pre>\r\n\r\n\r\n\r\n<p>Next, start the Reveal.js service and enable it to start at system reboot with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">systemctl start reveal\r\nsystemctl enable reveal<\/pre>\r\n\r\n\r\n\r\n<p>You can also verify the status of the service with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">systemctl status reveal<\/pre>\r\n\r\n\r\n\r\n<p>You should get the following output:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">\u25cf reveal.service\r\n     Loaded: loaded (\/lib\/systemd\/system\/reveal.service; static; vendor preset: enabled)\r\n     Active: active (running) since Sun 2020-11-15 10:05:47 UTC; 4s ago\r\n   Main PID: 3912 (node)\r\n      Tasks: 23 (limit: 2353)\r\n     Memory: 89.1M\r\n     CGroup: \/system.slice\/reveal.service\r\n             \u251c\u25003912 npm\r\n             \u251c\u25003938 sh -c gulp serve\r\n             \u2514\u25003939 gulp serve\r\n\r\nNov 15 10:05:47 ubuntu2004 systemd[1]: Started reveal.service.\r\nNov 15 10:05:47 ubuntu2004 npm[3912]: &gt; reveal.js@4.1.0 start \/root\/reveal.js\r\nNov 15 10:05:47 ubuntu2004 npm[3912]: &gt; gulp serve\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] Using gulpfile ~\/reveal.js\/gulpfile.js\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] Starting 'serve'...\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] Starting server...\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] Server started http:\/\/0.0.0.0:8001\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] LiveReload started on port 35729\r\nNov 15 10:05:49 ubuntu2004 npm[3939]: [10:05:49] Running server\r\n<\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-5-configure-nginx-as-a-reverse-proxy\"><span class=\"ez-toc-section\" id=\"Step-5-Configure-Nginx-as-a-Reverse-Proxy\"><\/span>Step 5: Configure Nginx as a Reverse Proxy<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>At this point, your Reveal.js server is started and listening on port 8001. Next, you will need to configure Nginx as a reverse proxy to access the Reveal.js through port 80.<\/p>\r\n\r\n\r\n\r\n<p>First, install the Nginx web server with the following command:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">apt-get install nginx -y<\/pre>\r\n\r\n\r\n\r\n<p>Once installed, create a new Nginx virtual host configuration file:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">nano \/etc\/nginx\/conf.d\/reveal.conf<\/pre>\r\n\r\n\r\n\r\n<p>Add the following lines:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">upstream reveal_backend {\r\n  server 127.0.0.1:8001;\r\n}\r\n\r\nserver {\r\n    listen 80;\r\n    server_name reveal.example.com;\r\n\r\n    location \/ {\r\n        proxy_pass http:\/\/reveal_backend\/;\r\n        proxy_http_version 1.1;\r\n        proxy_set_header Upgrade $http_upgrade;\r\n        proxy_set_header Connection \"upgrade\";\r\n        proxy_set_header Host $http_host;\r\n\r\n        proxy_set_header X-Real-IP $remote_addr;\r\n        proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;\r\n        proxy_set_header X-Forward-Proto http;\r\n        proxy_set_header X-Nginx-Proxy true;\r\n\r\n        proxy_redirect off;\r\n    }\r\n}\r\n<\/pre>\r\n\r\n\r\n\r\n<p>Save and close the file then restart the Nginx service to apply the changes:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">systemctl restart nginx<\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-6-access-reveal-js\"><span class=\"ez-toc-section\" id=\"Step-6-Access-Revealjs\"><\/span>Step 6: Access Reveal.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Now, open your web browser and access the Reveal.js web interface using the URL <code>http:\/\/reveal.example.com<\/code>. You should see the Reveal.js default presentation in the following screen:<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"531\" class=\"wp-image-34882\" title=\"install reveal.js on ubuntu 20.04 easy guide\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png\" alt=\"install reveal.js on ubuntu 20.04 easy guide\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png 1024w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-300x156.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-150x78.png 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-768x398.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-step-7-create-a-simple-presentation\"><span class=\"ez-toc-section\" id=\"Step-7-Create-a-Simple-Presentation\"><\/span>Step 7: Create a Simple Presentation<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>In this section, we will create a simple presentation with Reveal.js.<\/p>\r\n\r\n\r\n\r\n<p>First, edit the Reveal.js default index.html file:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">nano \/root\/reveal.js\/index.html<\/pre>\r\n\r\n\r\n\r\n<p>Remove the default \u2026 and add the following lines:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">&lt;section&gt; \r\n&lt;h1&gt;Welcome to Reveal.js Demo&lt;\/h1&gt; \r\n&lt;\/section&gt; \r\n&lt;section&gt; \r\n&lt;h1&gt;About Author&lt;\/h1&gt;\r\n&lt;ul&gt; \r\n&lt;li&gt;10 years experience&lt;\/li&gt; \r\n&lt;\/ul&gt; \r\n&lt;\/section&gt;\r\n&lt;section&gt; \r\n&lt;h1&gt;reveal.js&lt;\/h1&gt; \r\n&lt;ul&gt; \r\n&lt;li&gt;open source&lt;\/li&gt; \r\n&lt;\/ul&gt; \r\n&lt;\/section&gt;\r\n\r\nSave and close the file then restart the Reveal.js service to apply the changes:<\/pre>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">systemctl restart reveal<\/pre>\r\n\r\n\r\n\r\n<p>Now, open your web browser and access the Reveal.js suing the URL <strong>http:\/\/reveal.example.com<\/strong>. You should see your new presentation in the following screen:<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"501\" class=\"wp-image-34883\" title=\"guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png\" alt=\"guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png 1024w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-300x147.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-150x73.png 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/guide-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-768x376.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Click on the<strong> &gt;<\/strong> button to move to the next slide. You should see the following screen:<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"486\" class=\"wp-image-34884\" title=\"steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png\" alt=\"steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.png 1024w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-300x142.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-150x71.png 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/steps-on-how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-768x365.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"487\" class=\"wp-image-34885\" title=\"install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide.png\" alt=\"install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide.png 1024w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide-300x143.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide-150x71.png 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation-guide-768x365.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Of course, you don\u2019t have to do any of this if you use one of our Linux <a href=\"https:\/\/www.rosehosting.com\/managed-vps-hosting.html\">VPS Hosting<\/a> services, in which case you can simply ask our expert Linux admins to setup this for you. They are<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"alignleft size-large is-resized\"><img decoding=\"async\" class=\"wp-image-34943\" title=\"install reveal.js on ubuntu 20.04 easy guide\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide.png\" alt=\"install reveal.js on ubuntu 20.04 easy guide\" width=\"130\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide.png 512w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide-300x77.png 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/install-reveal.js-on-ubuntu-20.04-easy-guide-150x38.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>available 24\u00d77 and will take care of your request immediately.<\/p>\r\n\r\n\r\n\r\n<p>PS. If you liked this post please share it with your friends on the social networks using the buttons on the left or simply leave a reply below. Thanks.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>reveal.js is a free and open-source HTML framework that can be used to create fully-featured presentations through a web browser. &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\" class=\"read-more button\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#more-34830\" aria-label=\"Read more about How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\">Read More<\/a><\/p>\n","protected":false},"author":4,"featured_media":34939,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1236,13,1698],"tags":[1871,59,1839],"class_list":["post-34830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","category-tutorials","category-ubuntu","tag-reveal-js","tag-ubuntu","tag-ubuntu-20-04","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting<\/title>\n<meta name=\"description\" content=\"Follow this guide on how to install Reveal.js on Ubuntu 20.04. We&#039;ve made the steps simple so you can have Reveal.js running in no time.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\" \/>\n<meta property=\"og:description\" content=\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:site_name\" content=\"RoseHosting\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RoseHosting\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rosehosting.helpdesk\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-18T17:41:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T13:33:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"742\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeff Wilson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rosehosting\" \/>\n<meta name=\"twitter:site\" content=\"@rosehosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeff Wilson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/\"},\"author\":{\"name\":\"Jeff Wilson\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7ce77a842fa6a9a7f8efa186f2353713\"},\"headline\":\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\",\"datePublished\":\"2020-12-18T17:41:00+00:00\",\"dateModified\":\"2023-04-04T13:33:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/\"},\"wordCount\":729,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\",\"keywords\":[\"reveal.js\",\"ubuntu\",\"Ubuntu 20.04\"],\"articleSection\":[\"Guides\",\"Tutorials\",\"Ubuntu\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/\",\"name\":\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\",\"datePublished\":\"2020-12-18T17:41:00+00:00\",\"dateModified\":\"2023-04-04T13:33:14+00:00\",\"description\":\"Follow this guide on how to install Reveal.js on Ubuntu 20.04. We've made the steps simple so you can have Reveal.js running in no time.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\",\"contentUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg\",\"width\":742,\"height\":372,\"caption\":\"how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reveal-js-on-ubuntu-20-04\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\",\"name\":\"RoseHosting.com\",\"description\":\"Premium Linux Tutorials Since 2001\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\",\"name\":\"RoseHosting\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/android-chrome-192x192-1.png\",\"contentUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/android-chrome-192x192-1.png\",\"width\":192,\"height\":192,\"caption\":\"RoseHosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/RoseHosting\",\"https:\\\/\\\/x.com\\\/rosehosting\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/rosehosting\\\/\"],\"description\":\"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.\",\"email\":\"info@rosehosting.com\",\"telephone\":\"(314) 275-0414\",\"legalName\":\"Rose Web Services LLC\",\"foundingDate\":\"2001-04-02\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7ce77a842fa6a9a7f8efa186f2353713\",\"name\":\"Jeff Wilson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"caption\":\"Jeff Wilson\"},\"description\":\"An experienced Linux veteran with many years of experience. Helping other Linux admins with frequent Linux and business-related blog posts on the RoseHosting blog. Techie by choice. Loving nature and travel. Happily married and father of two lovely children.\",\"sameAs\":[\"https:\\\/\\\/www.rosehosting.com\",\"https:\\\/\\\/www.facebook.com\\\/rosehosting.helpdesk\"],\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/author\\\/jwilson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting","description":"Follow this guide on how to install Reveal.js on Ubuntu 20.04. We've made the steps simple so you can have Reveal.js running in no time.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation","og_description":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting","og_url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/","og_site_name":"RoseHosting","article_publisher":"https:\/\/www.facebook.com\/RoseHosting","article_author":"https:\/\/www.facebook.com\/rosehosting.helpdesk","article_published_time":"2020-12-18T17:41:00+00:00","article_modified_time":"2023-04-04T13:33:14+00:00","og_image":[{"width":742,"height":372,"url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg","type":"image\/jpeg"}],"author":"Jeff Wilson","twitter_card":"summary_large_image","twitter_creator":"@rosehosting","twitter_site":"@rosehosting","twitter_misc":{"Written by":"Jeff Wilson","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#article","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/"},"author":{"name":"Jeff Wilson","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/7ce77a842fa6a9a7f8efa186f2353713"},"headline":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation","datePublished":"2020-12-18T17:41:00+00:00","dateModified":"2023-04-04T13:33:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/"},"wordCount":729,"commentCount":0,"publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg","keywords":["reveal.js","ubuntu","Ubuntu 20.04"],"articleSection":["Guides","Tutorials","Ubuntu"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/","url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/","name":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation | RoseHosting","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#primaryimage"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg","datePublished":"2020-12-18T17:41:00+00:00","dateModified":"2023-04-04T13:33:14+00:00","description":"Follow this guide on how to install Reveal.js on Ubuntu 20.04. We've made the steps simple so you can have Reveal.js running in no time.","breadcrumb":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#primaryimage","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2020\/11\/how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation.jpg","width":742,"height":372,"caption":"how-to-install-reveal.js-on-ubuntu-20.04-and-create-a-simple-presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reveal-js-on-ubuntu-20-04\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rosehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Reveal.js on Ubuntu 20.04 and Create a Simple Presentation"}]},{"@type":"WebSite","@id":"https:\/\/www.rosehosting.com\/blog\/#website","url":"https:\/\/www.rosehosting.com\/blog\/","name":"RoseHosting.com","description":"Premium Linux Tutorials Since 2001","publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rosehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rosehosting.com\/blog\/#organization","name":"RoseHosting","url":"https:\/\/www.rosehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","width":192,"height":192,"caption":"RoseHosting"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RoseHosting","https:\/\/x.com\/rosehosting","https:\/\/www.linkedin.com\/in\/rosehosting\/"],"description":"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.","email":"info@rosehosting.com","telephone":"(314) 275-0414","legalName":"Rose Web Services LLC","foundingDate":"2001-04-02","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}},{"@type":"Person","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/7ce77a842fa6a9a7f8efa186f2353713","name":"Jeff Wilson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","caption":"Jeff Wilson"},"description":"An experienced Linux veteran with many years of experience. Helping other Linux admins with frequent Linux and business-related blog posts on the RoseHosting blog. Techie by choice. Loving nature and travel. Happily married and father of two lovely children.","sameAs":["https:\/\/www.rosehosting.com","https:\/\/www.facebook.com\/rosehosting.helpdesk"],"url":"https:\/\/www.rosehosting.com\/blog\/author\/jwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/34830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=34830"}],"version-history":[{"count":14,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/34830\/revisions"}],"predecessor-version":[{"id":45290,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/34830\/revisions\/45290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media\/34939"}],"wp:attachment":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=34830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=34830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=34830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}