Reveal.js, lumikha ng mga presentasyon gamit ang CSS at HTML sa Ubuntu 20.04

tungkol sa revel.js

Sa susunod na artikulo ay titingnan natin ang Reveal.js. Sa software na ito magkakaroon kami ng posibilidad na lumikha ng mga presentasyon gamit ang HTML at CSS. Ito ay isang bukas na mapagkukunan ng pagtatanghal ng HTML, kung saan ang sinumang gumagamit na may isang web browser ay makakalikha ng mga pagtatanghal, pati na rin magagawang gamitin ang lahat ng mga pagpapaandar na inaalok ng framework nang libre.

Ang pangunahing mga setting ay para sa paglikha lamang ng mga pagtatanghal. Ang kumpletong pagsasaayos ay magbibigay sa amin ng pag-access sa lahat ng mga pag-andar at mga plugin ng ibunyag.js, sa mga tala ng speaker, pati na rin ang mga gawain sa pag-unlad na kinakailangan upang gumawa ng mga pagbabago sa font.

Ang mga pagtatanghal na ginawa kasama ang mga ibunyag.js ay batay sa bukas na mga teknolohiya sa web. Nangangahulugan ito na anumang magagawa natin sa web, dapat ay magawa rin natin ito sa aming pagtatanghal. Maaari naming baguhin ang mga estilo sa CSS, magsama ng isang panlabas na web page gamit ang isang iframe o magdagdag ng aming sariling pasadyang pag-uugali gamit ang JavaScript API ano ang inaalok mo

reveal.js halimbawa para sa ubunlog

Ang frame na ito ay may kasamang isang malawak na hanay ng mga tampok na kasama nakapugad na mga slide, sumusuporta sa Markdown, awtomatikong animasyon, pag-export ng PDF, mga tala ng speaker, suporta ng LaTeX, at pag-highlight ng syntax.

Ibunyag.js sa Ubuntu 20.04

Bago simulan ang pag-install ng Reveal.js kakailanganing mag-install muna kami ng ilang kinakailangang mga pakete. Upang magawa ito kailangan naming buksan ang isang terminal (Ctrl + Alt + T) at isagawa ang sumusunod na utos dito:

i-install ang mga dependency

sudo apt install curl gnupg2 unzip git

Ang susunod na hakbang na kailangan nating gawin ay i-install ang NodeJS bersyon 14, kahit na ang bersyon 10 pataas ay dapat ding gumana. Para sa mga ito kailangan naming idagdag ang nodejs repository, na maaari nating gawin sa pamamagitan ng pagta-type sa parehong terminal:

i-install ang nodejs repository 14

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

Sisimulan nito ang buong proseso ng pagdaragdag ng imbakan kasama ang iyong GPG key. Kapag natapos na ang proseso, magagawa natin i-install ang NodeJS kasama ang sumusunod na utos:

i-install ang nodejs 14

sudo apt install nodejs

Kapag nakumpleto ang pag-install, magagawa namin suriin ang naka-install na bersyon ng NodeJS pagpapatupad ng sumusunod na utos:

bersyon ng node

node -v

I-download at i-install ang Reveal.js

Sa puntong ito, oras na upang simulan ang pag-download. Upang gawin ito, gagawin namin clone Reveal.js repository gamit ang Git. Upang magawa ito, magbubukas lamang kami ng isang terminal (Ctrl + Alt + T) at isagawa ang sumusunod na utos:

i-download ang ibunyag.js

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

Kapag tapos na ang pag-clone, sa aming computer mahahanap natin ang isang folder na tinatawag na revel.js. Upang ma-access ito e i-install ang app, gagamitin lamang namin ang mga sumusunod na utos sa terminal (Ctrl + Alt + T):

i-install ang ibunyag.js

cd reveal.js

sudo npm install

Kapag na-install na ang lahat ng mga dependency ng application, maaari na natin itong patakbuhin gamit ang sumusunod na utos:

simulang ibunyag.js server

npm start

Ipapahiwatig ng nakaraang utos na ang serbisyo ay ibibigay sa pamamagitan ng port 8000, na kung saan ay ang default port, kasama ang IP address ng server. Ngayon, kailangan lang natin buksan ang aming paboritong web browser at pumunta sa http://ip-servidor:8000. Sa direksyon na ito makikita namin ang default na pagtatanghal ng mga ibunyag.js, na kung saan ay ipahiwatig na ang pag-install ay naging isang tagumpay.

simulang ibunyag.js

Magagawa rin namin baguhin ang port gamit ang –port tulad ng sumusunod:

npm start -- --port=8001

Kapag na-install na ang.js, isang magandang ideya na mag-refer sa mga gabay para sa Mga pagpipilian sa markup at pag-setup upang maiayos ang balangkas na ito. Para sa karagdagang impormasyon tungkol sa kung paano mag-install ng mga magbukas.js, ang mga gumagamit ay maaari ring kumunsulta sa pahina sa GitHub ng proyekto.

Ang Reveal.js ay isang kahalili sa PowerPoint upang lumikha ng mga pagtatanghal, na maaari naming magamit sa edukasyon o kahit sa trabaho. Sa pamamagitan ng pagsunod sa mga tagubilin sa artikulong ito, magagawa ng sinumang gumagamit i-install ang program na ito sa isang Ubuntu 20.04 system. Kahit sino ay maaaring lumikha ng mahusay na mga pagtatanghal gamit ang HTML at CSS.

Kung nais mong malaman ang tungkol sa kung paano gamitin ang application na ito, sa website ng proyekto, magagawa ng mga gumagamit kumunsulta sa opisyal na dokumentasyon. Sa loob nito, ipinapakita sa amin ng tagalikha nito kung paano kami maaaring gumana sa tool na ito sa isang napaka-simple at mabilis na paraan.

halimbawang mga slide ng platform

Kung interesado kang matamasa ang mga pakinabang ng ibunyag.js nang hindi kinakailangang magsulat ng HTML o Markdown, inaalok din sa amin ng lumikha ang posibilidad na subukan slides.com. Ito ay isang visual editor at platform na may lahat ng mga pag-andar ng ibunyag.js.


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.