Reveal.js, CSS és HTML használatával hozzon létre prezentációkat az Ubuntu 20.04-ben

a revel.js fájlról

A következő cikkben megnézzük a Reveal.js fájlt. Ezzel a szoftverrel lehetőségünk lesz létrehozhat prezentációkat HTML és CSS használatával. Ez egy nyílt forráskódú HTML bemutató keretrendszer, amellyel minden webböngészővel rendelkező felhasználó képes prezentációkat készíteni, valamint a keretrendszer által kínált összes funkciót ingyen használhatja.

Az alapbeállítások csak prezentációk létrehozására szolgálnak. A teljes konfiguráció lehetővé teszi számunkra, hogy hozzáférést nyújtsunk az discover.js összes funkciójához és bővítményéhez, a beszélő jegyzeteihez, valamint a betűtípus módosításához szükséges fejlesztési feladatok.

A opens.js-lel készített prezentációk nyílt webes technológiákon alapulnak. Ez azt jelenti bármit, amit megtehetünk az interneten, képesnek kell lennünk rá a bemutatónkban is. Megváltoztathatjuk a stílusokat a CSS-sel, felvehetünk egy külső weboldalt egy iframe használatával, vagy hozzáadhatjuk saját egyéni viselkedésünket az JavaScript API mit kínálsz?

felfedi.js példát az ubunlogra

Ez a keret számos funkcióval rendelkezik, beleértve a beágyazott diák, a Árleszállítás, automatikus animáció, PDF export, hangszóró jegyzetek, LaTeX támogatás és szintaxis kiemelés.

Reveal.js az Ubuntu 20.04-en

Mielőtt elkezdené a Reveal.js telepítést szükséges lesz, hogy előbb telepítsünk néhány szükséges csomagot. Ehhez meg kell nyitnunk egy terminált (Ctrl + Alt + T), és végre kell hajtanunk benne a következő parancsot:

függőségek telepítése

sudo apt install curl gnupg2 unzip git

A következő lépés, amelyet meg kell tennünk: telepítse a NodeJS 14. verzióját, bár a 10. verziótól kezdve ennek is működnie kell. Ehhez hozzá kell adnunk a nodejs adattárat, amelyet ugyanabba a terminálba beírva tehetünk meg:

telepítse a nodejs adattárat 14

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

Ez elindítja a lerakat és a GPG kulcs hozzáadásának teljes folyamatát. Miután a folyamat befejeződött, megtehetjük telepítse a NodeJS-t a következő paranccsal:

telepítse a nodejs 14-et

sudo apt install nodejs

Amikor a telepítés befejeződik, képesek leszünk rá ellenőrizze a NodeJS telepített verzióját a következő parancs végrehajtása:

csomópont verziója

node -v

Töltse le és telepítse a Reveal.js fájlt

Ezen a ponton itt az ideje elkezdeni a letöltést. Ehhez megtesszük klónozza a Reveal.js adattárat a Git használatával. Ehhez csak egy terminált kell megnyitnunk (Ctrl + Alt + T), és végre kell hajtanunk a következő parancsot:

download.js letöltés

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

Ha a klónozás megtörtént, a számítógépünkön találunk egy mappát, amelynek neve revel.js. Hozzáféréshez e telepítse az alkalmazást, csak a következő parancsokat kell használnunk a terminálban (Ctrl + Alt + T):

telepítse arev.js fájlt

cd reveal.js

sudo npm install

Miután az összes alkalmazásfüggőség telepítve van, most a következő paranccsal futtathatjuk:

indítsa el arev.js szervert

npm start

Az előző parancs jelzi, hogy a szolgáltatást a 8000-es porton keresztül fogják biztosítani, amely az alapértelmezett port, valamint a szerver IP-címét. Most csak muszáj nyissa meg kedvenc webböngészőnket, és lépjen a http://ip-servidor:8000. Ebben az irányban látni fogjuk azrev.js alapértelmezett bemutatását, amely azt jelzi, hogy a telepítés sikeres volt.

kezdje felfedni.js

Mi is képesek leszünk rá módosítsa a portot a –port használatával alábbiak szerint:

npm start -- --port=8001

Amint arev.js telepítve van, érdemes áttekinteni az útmutatókat Jelölési lehetőségek és konfiguráció ennek a keretnek a finomhangolására. További információ a felfedés.js telepítéséről: a felhasználók megkereshetik a oldal a GitHubon a projektről.

A Reveal.js a PowerPoint alternatívája a prezentációk készítéséhez, amelyeket felhasználhatunk az oktatásban vagy akár a munkahelyen. A cikk utasításainak betartásával bármely felhasználó képes lesz rá telepítse ezt a programot egy Ubuntu 20.04 rendszerre. Bárki készíthet nagyszerű prezentációkat HTML és CSS használatával.

Ha többet szeretne tudni az alkalmazás használatáról, akkor a projekt webhelyén a felhasználók ezt megtehetik konzultáljon a hivatalos dokumentáció. Ebben alkotója megmutatja nekünk, hogyan működhetünk ezzel az eszközzel nagyon egyszerűen és gyorsan.

példa a diákra

Ha érdekel, hogy HTML vagy Markdown írása nélkül is élvezhesse az discover.js előnyeit, az alkotó felajánlja nekünk a tesztelés lehetőségét is slides.com. Ez egy vizuális szerkesztő és platform, amely a felfedés.js összes funkcióját tartalmazza.


A cikk tartalma betartja a szerkesztői etika. A hiba bejelentéséhez kattintson a gombra itt.

Legyen Ön az első hozzászóló

Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: Miguel Ángel Gatón
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.