<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>reveal.js Archives - Linux Windows and android Tutorials</title>
	<atom:link href="https://www.osradar.com/tag/reveal-js/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.osradar.com</link>
	<description>tutorials and news and Seurity</description>
	<lastBuildDate>Mon, 12 Jul 2021 16:16:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.13</generator>
	<item>
		<title>How to install Reveal.js on Ubuntu 20.04 / Debian 10?</title>
		<link>https://www.osradar.com/install-revealjs-ubuntu-debian/</link>
					<comments>https://www.osradar.com/install-revealjs-ubuntu-debian/#respond</comments>
		
		<dc:creator><![CDATA[angeloma]]></dc:creator>
		<pubDate>Thu, 15 Jul 2021 02:20:00 +0000</pubDate>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Servers]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[focal]]></category>
		<category><![CDATA[Focal Fossa]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[reveal.js]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[ubuntu]]></category>
		<guid isPermaLink="false">https://www.osradar.com/?p=26753</guid>

					<description><![CDATA[<p>Hello, friends. In this post, you will learn how to install reveal.js on Ubuntu 20.04 / Debian 10. With this software, you will be able to create presentations using HTML and CSS. reveal.js is an open-source HTML presentation framework. It&#8217;s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/install-revealjs-ubuntu-debian/">How to install Reveal.js on Ubuntu 20.04 / Debian 10?</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Hello, friends. In this post, you will learn how to install reveal.js on Ubuntu 20.04 / Debian 10. With this software, you will be able to create presentations using HTML and CSS.</p>



<p><a href="https://revealjs.com/" target="_blank" rel="noreferrer noopener">reveal.js</a> is an open-source HTML presentation framework. It&#8217;s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.</p>



<p>Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your presentation. Change styles with CSS, include an external web page using an &lt;iframe&gt; or add your own custom behavior using our JavaScript API.</p>



<p>So in these times of pandemic, this tool can be quite useful for many students and teachers.</p>



<h2>Install Reveal.js on Ubuntu 20.04 / Debian 10</h2>



<h3>1.- Install required packages</h3>



<p>Before starting the installation of Reveal.js it is necessary to install some packages first.</p>



<p>So, open a terminal, and run the following command</p>



<pre class="wp-block-preformatted">sudo apt install curl gnupg2 unzip git</pre>



<p>Now we have to install <a href="https://www.osradar.com/how-to-install-node-js-on-ubuntu-20-04/" target="_blank" rel="noreferrer noopener">NodeJS</a> version 14. For this, we have to add the nodejs repository.</p>



<pre class="wp-block-preformatted">curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -</pre>



<p>This will start the whole process of adding the repository along with its GPG key.</p>



<p>Once the process is finished, you can install NodeJS</p>



<pre class="wp-block-preformatted">sudo apt install nodejs</pre>



<p>You can check the installed version by running the following command:</p>



<pre class="wp-block-preformatted">node -v</pre>



<p>Output:</p>



<pre class="wp-block-preformatted">v14.17.2</pre>



<h3>2.- Download and install Reveal.js on Ubuntu 20.04 / Debian 10</h3>



<p>Now we can start the download and for that, we&#8217;ll clone the Reveal.js repository with Git.</p>



<pre class="wp-block-preformatted">git clone https://github.com/hakimel/reveal.js.git</pre>



<p>Once the cloning is done, we will have a folder called revel.js access it and install the application.</p>



<pre class="wp-block-preformatted">cd reveal.js
sudo npm install</pre>



<p>After you have installed all the dependencies of the application, you can run it using the following command.</p>



<pre class="wp-block-preformatted">npm start</pre>



<p>And you will get a screen output similar to this one:</p>



<pre class="wp-block-preformatted">   reveal.js@4.1.3 start /home/angelo/reveal.js
   gulp serve 
 [22:31:04] Using gulpfile ~/reveal.js/gulpfile.js
 [22:31:04] Starting 'serve'…
 [22:31:04] Starting server…
 [22:31:04] Server started http://0.0.0.0:8000
 [22:31:04] LiveReload started on port 35729
 [22:31:04] Running server</pre>



<p>This indicates that reveal is running through port <code>8000</code> which is the default port. You can also change this port by using the <code>--port</code></p>



<pre class="wp-block-preformatted">npm start -- --port=8001</pre>



<p>Optionally, you can create a new system service to manage reveal.</p>



<pre class="wp-block-preformatted">sudo nano /lib/systemd/system/reveal.service</pre>



<p>And add the following.</p>



<pre class="wp-block-preformatted">[Service]
Type=simple
User=root
Restart=on-failure
WorkingDirectory=/home/angelo/reveal.js
ExecStart=npm start</pre>



<p>Save the changes, close the editor. And refresh systemd. Please replace <code>angelo </code>with the current user </p>



<pre class="wp-block-preformatted">sudo systemctl daemon-reload</pre>



<p>Now you can start, stop, and enable it as a system service.</p>



<p>Now, open your web browser and go to <code>http://your-server:8000</code> and you will see the default reveal.js presentation which indicates that the installation has been a success.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="523" src="https://www.osradar.com/wp-content/uploads/2020/12/3-6-1024x523.png" alt="2.- Reveal.js on Ubuntu 20.04" class="wp-image-26866" srcset="https://www.osradar.com/wp-content/uploads/2020/12/3-6-1024x523.png 1024w, https://www.osradar.com/wp-content/uploads/2020/12/3-6-300x153.png 300w, https://www.osradar.com/wp-content/uploads/2020/12/3-6-768x392.png 768w, https://www.osradar.com/wp-content/uploads/2020/12/3-6-696x356.png 696w, https://www.osradar.com/wp-content/uploads/2020/12/3-6-1068x546.png 1068w, https://www.osradar.com/wp-content/uploads/2020/12/3-6.png 1364w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>2.- Reveal.js on Ubuntu 20.04</figcaption></figure>



<p>So, enjoy it.</p>



<h2>Conclusion</h2>



<p>In this time of the pandemic, in many places education has become distant. Well, there are many tools to help with this. One of them is to reveal that it is presented to us as a great alternative to PowerPoint for the creation of presets.</p>



<p>So, now you know how to install it. You can now create fantastic presentations using web technologies.</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/install-revealjs-ubuntu-debian/">How to install Reveal.js on Ubuntu 20.04 / Debian 10?</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.osradar.com/install-revealjs-ubuntu-debian/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
