Reveal.js, Ubuntu 20.04 में CSS और HTML का उपयोग करके प्रस्तुतियाँ बनाएँ

revel.js के बारे में

अगले लेख में हम Reveal.js पर एक नज़र डालने जा रहे हैं। इस सॉफ्टवेयर के साथ हम की संभावना होगी HTML और CSS का उपयोग करके प्रस्तुतियाँ बनाएँ। यह एक ओपन सोर्स HTML प्रेजेंटेशन फ्रेमवर्क है, जिसके साथ वेब ब्राउजर वाला कोई भी यूजर प्रेजेंटेशन बनाने में सक्षम होगा, साथ ही यह उन सभी फंक्शन्स का उपयोग करने में सक्षम होगा जो फ्रेमवर्क मुफ्त में ऑफर करता है।

मूल सेटिंग्स केवल प्रस्तुतियाँ बनाने के लिए हैं। पूर्ण कॉन्फ़िगरेशन हमें सभी कार्यों और प्लग इन की एक्सेस प्रदान करेगा, स्पीकर नोट्स, साथ ही फ़ॉन्ट में परिवर्तन करने के लिए आवश्यक विकास कार्य।

Rev.js के साथ की गई प्रस्तुतियाँ खुली वेब तकनीकों पर आधारित हैं। इस का मतलब है कि कुछ भी हम वेब पर कर सकते हैं, हमें इसे अपनी प्रस्तुति में भी करने में सक्षम होना चाहिए। हम CSS के साथ शैलियों को बदल सकते हैं, एक iframe का उपयोग करके एक बाहरी वेब पेज शामिल कर सकते हैं या अपने स्वयं के कस्टम व्यवहार को जोड़ सकते हैं जावास्क्रिप्ट एपीआई तुम क्या दे रहे हो।

ubunlog के लिए उदाहरण .js उदाहरण

इस फ्रेम सहित सुविधाओं की एक विस्तृत श्रृंखला के साथ आता है नेस्टेड स्लाइड, के लिए समर्थन Markdown, स्वचालित एनीमेशन, पीडीएफ निर्यात, स्पीकर नोट्स, LaTeX समर्थन और सिंटैक्स हाइलाइटिंग.

पता चलता है। Ubuntu 20.04 पर

Reveal.js स्थापना शुरू करने से पहले यह आवश्यक होगा कि हम पहले कुछ आवश्यक पैकेज स्थापित करें। ऐसा करने के लिए हमें एक टर्मिनल (Ctrl + Alt + T) खोलना होगा और उसमें निम्नलिखित कमांड को निष्पादित करना होगा:

निर्भरता स्थापित करें

sudo apt install curl gnupg2 unzip git

अगला कदम हमें उठाने की आवश्यकता है NodeJS संस्करण 14 स्थापित करें, हालांकि संस्करण 10 बाद में भी काम करना चाहिए। इसके लिए हमें नोडज रिपॉजिटरी को जोड़ना होगा, जिसे हम उसी टर्मिनल में टाइप करके कर सकते हैं:

नोडज भंडार 14 को स्थापित करें

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

यह आपकी GPG कुंजी के साथ भंडार को जोड़ने की पूरी प्रक्रिया शुरू कर देगा। एक बार प्रक्रिया समाप्त हो जाने के बाद, हम कर सकते हैं NodeJS स्थापित करें निम्नलिखित आदेश के साथ:

नोड्ज 14 स्थापित करें

sudo apt install nodejs

जब स्थापना समाप्त हो जाएगी, तो हम कर सकेंगे NodeJS के स्थापित संस्करण की जाँच करें निम्नलिखित कमांड निष्पादित करना:

नोड संस्करण

node -v

डाउनलोड करें और Reveal.js स्थापित करें

इस बिंदु पर, यह डाउनलोड शुरू करने का समय है। ऐसा करने के लिए, हम करेंगे क्लोन Reveal.js Git का उपयोग कर भंडार। ऐसा करने के लिए हमें केवल एक टर्मिनल (Ctrl + Alt + T) खोलना होगा और निम्नलिखित कमांड को निष्पादित करना होगा:

डाउनलोड

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

जब क्लोनिंग की जाती है, तो हमारे कंप्यूटर पर हमें revel.js नामक एक फ़ोल्डर मिलेगा। इसे एक्सेस करने के लिए ई एप्लिकेशन इंस्टॉल करें, हमें केवल टर्मिनल में निम्नलिखित कमांड का उपयोग करना होगा (Ctrl + Alt + T):

Rev.js स्थापित करें

cd reveal.js

sudo npm install

एक बार सभी आवेदन निर्भरता स्थापित कर रहे हैं, अब हम इसे निम्न कमांड का उपयोग करके चला सकते हैं:

start.js सर्वर को प्रारंभ करें

npm start

पिछला आदेश इंगित करेगा कि सेवा पोर्ट 8000 के माध्यम से प्रदान की जाएगी, जो कि डिफ़ॉल्ट पोर्ट है, साथ ही सर्वर का आईपी पता भी। अब, हमें बस करना है हमारे पसंदीदा वेब ब्राउज़र खोलें और पर जाएं http://ip-servidor:8000। इस दिशा में हम Rev.js की डिफ़ॉल्ट प्रस्तुति देखेंगे, जो इंगित करेगा कि स्थापना एक सफलता रही है।

start.js प्रकट करें

हम भी कर पाएंगे पोर्ट का उपयोग करके पोर्ट बदलें निम्नलिखित नुसार:

npm start -- --port=8001

एक बार खुलासा हो जाने के बाद मार्कअप विकल्प और विन्यास इस ढांचे को ठीक करने के लिए। Rev.js स्थापित करने के तरीके के बारे में अधिक जानकारी के लिए, उपयोगकर्ता भी परामर्श कर सकते हैं GitHub पर पेज परियोजना का.

Reveal.js प्रस्तुतिकरण बनाने के लिए PowerPoint का एक विकल्प है, जिसका उपयोग हम शिक्षा या काम में भी कर सकते हैं। इस लेख में दिए गए निर्देशों का पालन करके, कोई भी उपयोगकर्ता कर सकेगा इस प्रोग्राम को उबंटू 20.04 सिस्टम पर स्थापित करें। कोई भी HTML और CSS का उपयोग करके शानदार प्रस्तुतियाँ बना सकता है।

यदि आप इस एप्लिकेशन का उपयोग परियोजना परियोजना की वेबसाइट पर करना चाहते हैं, तो उपयोगकर्ता अधिक जानकारी प्राप्त कर सकते हैं परामर्श करें आधिकारिक दस्तावेज। इसमें, इसका निर्माता हमें दिखाता है कि हम इस उपकरण के साथ बहुत सरल और तेज़ तरीके से कैसे काम कर सकते हैं।

उदाहरण के लिए स्लाइड

यदि आप HTML या मार्काडाउन लिखने के बिना Rev.js के लाभों का आनंद लेने में सक्षम हैं, तो निर्माता हमें परीक्षण करने की संभावना भी प्रदान करता है स्लाइड्स डॉट कॉम। यह एक विजुअल एडिटर और प्लेटफ़ॉर्म है जिसमें सभी कार्य हैं.


लेख की सामग्री हमारे सिद्धांतों का पालन करती है संपादकीय नैतिकता। त्रुटि की रिपोर्ट करने के लिए क्लिक करें यहां.

पहली टिप्पणी करने के लिए

अपनी टिप्पणी दर्ज करें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड के साथ चिह्नित कर रहे हैं *

*

*

  1. डेटा के लिए जिम्मेदार: मिगुएल elngel Gatón
  2. डेटा का उद्देश्य: नियंत्रण स्पैम, टिप्पणी प्रबंधन।
  3. वैधता: आपकी सहमति
  4. डेटा का संचार: डेटा को कानूनी बाध्यता को छोड़कर तीसरे पक्ष को संचार नहीं किया जाएगा।
  5. डेटा संग्रहण: ऑकेंटस नेटवर्क्स (EU) द्वारा होस्ट किया गया डेटाबेस
  6. अधिकार: किसी भी समय आप अपनी जानकारी को सीमित, पुनर्प्राप्त और हटा सकते हैं।