Bagaimana cara menginstal RevealJS di Ubuntu 20.04 / Debian 11?

Membuat presentasi untuk presentasi pendidikan atau pekerjaan selalu dimonopoli oleh alat-alat berpemilik. Namun, berkat CSS/HTML kami sekarang memiliki alat lain yang lebih fleksibel. Itu sebabnya, dalam posting ini, Anda akan belajar cara menginstal RevealJS di Ubuntu 20.04 / Debian 11.

Pengantar RevealJS

Menurut situs resmi RevealJS.

mengungkapkan.js adalah kerangka presentasi HTML open source. Ini adalah alat yang memungkinkan siapa saja yang memiliki browser web untuk membuat presentasi yang indah dan berfitur lengkap secara gratis.

Singkatnya, dengan RevealJS kita dapat membuat presentasi yang indah dengan teknologi HTML/CSS tetapi juga menambahkan JavaScript.

Kerangka kerja ini dibuat dengan teknologi terbuka, sehingga siapa pun dapat mempelajarinya. Ini juga mencakup dukungan untuk penurunan harga, LaTeX, dan kemampuan ekspor PDF.

Terakhir, RevealJS memiliki dokumentasi hebat yang ideal bagi semua orang untuk mulai menggunakannya dan membuat hal-hal yang indah.

Mari kita mulai.

Memperbarui sistem dan menginstal dependensi

buka terminal atau sambungkan melalui SSH ke server Anda dan perbarui.

sudo apt update
sudo apt upgrade

Setelah ini, instal beberapa paket yang diperlukan untuk menyelesaikan tutorial.

sudo apt install curl gnupg2 unzip git

Diantaranya adalah git yang akan kita gunakan untuk mendapatkan kerangka versi stabil terbaru.

Instal NodeJS di Ubuntu 20.04 / Debian 11

RevealJS bergantung pada NodeJS untuk bekerja. Artinya kita harus menginstalnya. Anda dapat menggunakan 14.x cabang atau yang lebih canggih seperti 16.x . Untuk posting ini, saya akan menggunakan yang terakhir.

Tambahkan repositori yang dimaksud:

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

Dan kemudian instal NodeJS dengan menjalankan perintah berikut

sudo apt install nodejs

Kemudian verifikasi versi yang diinstal dengan perintah berikut

node -v
v16.14.0

Instal RevealJS di Ubuntu 20.04 / Debian 11

Untuk mendapatkan versi stabil terbaru dari alat ini, kita harus mengkloning repositori RevealJS.

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

Ini akan menghasilkan folder bernama reveal.js yang harus kita akses.

cd reveal.js

Di dalamnya, kita harus RevealJS dengan menjalankan

sudo npm install

Anda akan mendapatkan output per layar seperti ini

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 

Untuk memulai eksekusi RevealJS jalankan saja

npm start

Contoh Keluaran:

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

Sekarang buka browser web dan kunjungi http://localhost:8000 untuk mengujinya.

Sekarang, Anda dapat mulai bekerja dengan alat ini.

Jika Anda telah menginstal RevealJS di server atau mesin virtual, Anda tidak akan dapat mengaksesnya melalui localhost. Untuk ini, kita harus memodifikasi ~/reveal.js/gulpfile.js berkas.

nano ~/reveal.js/gulpfile.js

Dan ubah baris ini

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

Ganti saja localhost dengan alamat IP komputer Anda.

Simpan perubahan dan tutup editor.

Sekarang Anda dapat berlari lagi

npm start

Untuk menentukan port tertentu, jalankan saja

npm start --port=1234

Di mana Anda harus mengganti 1234 , dengan port yang diinginkan. Terakhir, untuk menghentikan eksekusi, tekan CTRL + C .

Opsional:Buat layanan Systemd baru untuk menangani RevealJS.

Cara yang baik untuk menangani RevealJS adalah dari layanan yang memungkinkan kita untuk memulai dan menghentikannya dengan mudah. Untuk menyelesaikan ini, buat layanan baru.

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

dan tambahkan yang berikut

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

Simpan perubahan dan tutup editor. Untuk menerapkan perubahan, jalankan.

sudo systemctl daemon-reload

Itu saja.

Kesimpulan

RevealJS menawarkan kemungkinan untuk membuat presentasi baru dengan cepat dan sangat profesional menggunakan kekuatan teknologi web. Menginstalnya adalah cara yang baik untuk memulainya.

Saya harap Anda menyukai posting ini dan belajar sesuatu yang baru. Bagikan dan bantu kami untuk berkembang.