Jak nainstalovat RevealJS na Ubuntu 20.04 / Debian 11?

Vytváření prezentací pro vzdělávací nebo pracovní prezentace bylo vždy monopolizováno proprietárními nástroji. Díky CSS/HTML však nyní máme další flexibilnější nástroje. Proto se v tomto příspěvku dozvíte, jak nainstalovat RevealJS na Ubuntu 20.04 / Debian 11.

Úvod do RevealJS

Podle oficiálního webu RevealJS.

zjev.js je open source prezentační rámec HTML. Je to nástroj, který umožňuje komukoli s webovým prohlížečem vytvářet plně funkční a krásné prezentace zdarma.

Stručně řečeno, s RevealJS můžeme vytvářet krásné prezentace pomocí technologie HTML/CSS, ale také přidáním JavaScriptu.

Tento rámec je vytvořen pomocí otevřených technologií, takže se ho může naučit každý. Zahrnuje také podporu pro Markdown, LaTeX a možnost exportu PDF.

A konečně, RevealJS má skvělou dokumentaci, která je ideální pro každého, kdo ji může začít používat a vytvářet krásné věci.

Začněme.

Aktualizace systému a instalace závislostí

otevřete terminál nebo se připojte přes SSH k vašemu serveru a aktualizujte jej.

sudo apt update
sudo apt upgrade

Poté nainstalujte některé balíčky potřebné k dokončení výukového programu.

sudo apt install curl gnupg2 unzip git

Mezi nimi je git kterou použijeme k získání nejnovější stabilní verze frameworku.

Instalovat NodeJS na Ubuntu 20.04 / Debian 11

Funkce RevealJS závisí na NodeJS. To znamená, že jej musíme nainstalovat. Můžete použít 14.x větev nebo pokročilejší, jako je 16.x . Pro tento příspěvek použiji to druhé.

Přidejte příslušné úložiště:

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

A poté nainstalujte NodeJS provedením následujícího příkazu

sudo apt install nodejs

Poté ověřte nainstalovanou verzi pomocí následujícího příkazu

node -v
v16.14.0

Instalovat RevealJS na Ubuntu 20.04 / Debian 11

Abychom získali nejnovější stabilní verzi nástroje, musíme naklonovat úložiště RevealJS.

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

Tím se vygeneruje složka s názvem reveal.js ke kterému máme přístup.

cd reveal.js

Uvnitř musíme RevealJS spustit

sudo npm install

Získáte výstup na obrazovku, jako je tento

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
npm notice 
npm notice New minor version of npm available! 8.3.1 -> 8.5.4
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.5.4
npm notice Run npm install -g [email protected] to update!
npm notice 

Chcete-li spustit provádění RevealJS, stačí spustit

npm start

Ukázkový výstup:

[20:27:01] Server started http://localhost:8000
[20:27:01] LiveReload started on port 35729
[20:27:01] Running server

Nyní stačí otevřít webový prohlížeč a navštívit http://localhost:8000 abyste to otestovali.

Nyní můžete začít pracovat s tímto nástrojem.

V případě, že jste RevealJS nainstalovali na server nebo virtuální počítač, nebudete k němu mít přístup přes localhost. Za tímto účelem musíme upravit ~/reveal.js/gulpfile.js soubor.

nano ~/reveal.js/gulpfile.js

A upravte tento řádek

const host = yargs.argv.host || 'localhost'

Stačí nahradit localhost s IP adresou vašeho počítače.

Uložte změny a zavřete editor.

Nyní můžete znovu spustit

npm start

Chcete-li určit konkrétní port, stačí spustit

npm start --port=1234

Kde musíte nahradit 1234 , s požadovaným portem. Nakonec provádění zastavíte stisknutím CTRL + C .

Volitelné:Vytvořte novou službu Systemd pro zpracování RevealJS.

Dobrým způsobem, jak zacházet s RevealJS, je služba, která nám umožňuje jej snadno spustit a zastavit. Chcete-li to dokončit, vytvořte novou službu.

sudo nano /lib/systemd/system/reveal.service

a přidejte následující

[Service]
Type=simple
User=root
Restart=on-failure
WorkingDirectory=/home/user/reveal.js
ExecStart=npm start

Uložte změny a zavřete editor. Chcete-li použít změny, spusťte.

sudo systemctl daemon-reload

To je vše.

Závěr

RevealJS nám nabízí možnost vytvářet nové prezentace rychlým a velmi profesionálním způsobem s využitím síly webových technologií. Instalace je dobrý způsob, jak s tím začít.

Doufám, že se vám tento příspěvek líbil a dozvěděli jste se něco nového. Sdílejte to a pomozte nám růst.