Reveal.js สร้างงานนำเสนอโดยใช้ CSS และ HTML ใน Ubuntu 20.04

เกี่ยวกับ revel.js

ในบทความหน้าเราจะมาดูที่ Reveal.js ด้วยซอฟต์แวร์นี้เราจะมีความเป็นไปได้ สร้างงานนำเสนอโดยใช้ HTML และ CSS. เป็นเฟรมเวิร์กการนำเสนอ HTML แบบโอเพนซอร์สซึ่งผู้ใช้ที่มีเว็บเบราว์เซอร์จะสามารถสร้างงานนำเสนอรวมทั้งสามารถใช้ฟังก์ชันทั้งหมดที่เฟรมเวิร์กนำเสนอได้ฟรี

การตั้งค่าพื้นฐานมีไว้สำหรับการสร้างงานนำเสนอเท่านั้น การกำหนดค่าที่สมบูรณ์จะช่วยให้เราสามารถเข้าถึงฟังก์ชันและปลั๊กอินทั้งหมดของเปิดเผย jsไปจนถึงบันทึกของผู้บรรยายรวมถึงงานพัฒนาที่จำเป็นในการเปลี่ยนแปลงแบบอักษร

งานนำเสนอที่ทำด้วยเปิดเผย js ใช้เทคโนโลยีเว็บแบบเปิด ซึ่งหมายความว่า อะไรก็ตามที่เราสามารถทำได้บนเว็บเราควรจะทำได้ในการนำเสนอของเราด้วย. เราสามารถเปลี่ยนสไตล์ด้วย CSS รวมหน้าเว็บภายนอกโดยใช้ iframe หรือเพิ่มพฤติกรรมที่กำหนดเองของเราเองโดยใช้ JavaScript API คุณกำลังนำเสนออะไร

Rev.js ตัวอย่างสำหรับ ubunlog

เฟรมนี้มาพร้อมกับคุณสมบัติที่หลากหลายรวมถึง สไลด์ที่ซ้อนกันรองรับไฟล์ Markdown, ภาพเคลื่อนไหวอัตโนมัติ, การส่งออก PDF, บันทึกของผู้บรรยาย, การรองรับ LaTeX และการเน้นไวยากรณ์.

Reveal.js บน Ubuntu 20.04

ก่อนเริ่มการติดตั้ง Reveal.js จำเป็นที่เราจะต้องติดตั้งแพ็คเกจที่จำเป็นก่อน. ในการทำสิ่งนี้เราจะต้องเปิดเทอร์มินัล (Ctrl + Alt + T) และดำเนินการคำสั่งต่อไปนี้:

ติดตั้งการอ้างอิง

sudo apt install curl gnupg2 unzip git

ขั้นตอนต่อไปที่เราจะต้องดำเนินการคือ ติดตั้ง NodeJS เวอร์ชัน 14แม้ว่าตั้งแต่เวอร์ชัน 10 เป็นต้นไปก็ควรใช้งานได้เช่นกัน สำหรับสิ่งนี้เราต้องเพิ่มที่เก็บ nodejs ซึ่งเราสามารถทำได้โดยพิมพ์ในเทอร์มินัลเดียวกัน:

ติดตั้งที่เก็บ nodejs 14

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

การดำเนินการนี้จะเริ่มกระบวนการทั้งหมดในการเพิ่มที่เก็บพร้อมกับคีย์ GPG ของคุณ เมื่อกระบวนการเสร็จสิ้นเราสามารถทำได้ ติดตั้ง NodeJS ด้วยคำสั่งต่อไปนี้:

ติดตั้ง nodejs 14

sudo apt install nodejs

เมื่อการติดตั้งเสร็จสมบูรณ์เราจะสามารถ ตรวจสอบเวอร์ชันที่ติดตั้งของ NodeJS ดำเนินการคำสั่งต่อไปนี้:

เวอร์ชันโหนด

node -v

ดาวน์โหลดและติดตั้ง Reveal.js

ในตอนนี้ก็ถึงเวลาเริ่มดาวน์โหลด ในการทำเช่นนี้เราจะ โคลนที่เก็บ Reveal.js โดยใช้ Git. ในการดำเนินการนี้เราจะต้องเปิดเทอร์มินัล (Ctrl + Alt + T) และดำเนินการคำสั่งต่อไปนี้:

ดาวน์โหลดเปิดเผย js

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

เมื่อทำการโคลนเสร็จในคอมพิวเตอร์ของเราเราจะพบโฟลเดอร์ชื่อ revel.js ในการเข้าถึง e ติดตั้งแอปเราจะต้องใช้คำสั่งต่อไปนี้ในเทอร์มินัลเท่านั้น (Ctrl + Alt + T):

ติดตั้ง opens.js

cd reveal.js

sudo npm install

เมื่อติดตั้งการอ้างอิงแอปพลิเคชันทั้งหมดแล้ว ตอนนี้เราสามารถรันได้โดยใช้คำสั่งต่อไปนี้:

เริ่มเซิร์ฟเวอร์เปิดเผย js

npm start

คำสั่งก่อนหน้านี้จะระบุว่าจะให้บริการผ่านพอร์ต 8000 ซึ่งเป็นพอร์ตเริ่มต้นพร้อมกับที่อยู่ IP ของเซิร์ฟเวอร์ ตอนนี้เราต้องทำ เปิดเว็บเบราว์เซอร์โปรดของเราแล้วไปที่ http://ip-servidor:8000. ในทิศทางนี้เราจะเห็นการนำเสนอเริ่มต้นของการเปิดเผย js ซึ่งจะระบุว่าการติดตั้งประสบความสำเร็จ

เริ่มเปิดเผย js

นอกจากนี้เรายังจะสามารถ เปลี่ยนพอร์ตโดยใช้ –port ดังต่อไปนี้:

npm start -- --port=8001

เมื่อติดตั้ง opens.js แล้วควรอ้างอิงถึงคำแนะนำสำหรับไฟล์ ตัวเลือกมาร์กอัป y de องค์ประกอบ เพื่อปรับแต่งเฟรมเวิร์กนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการติดตั้งเปิดเผย js ผู้ใช้ยังสามารถปรึกษาไฟล์ หน้าบน GitHub ของโครงการ.

Reveal.js เป็นอีกทางเลือกหนึ่งของ PowerPoint ในการสร้างงานนำเสนอซึ่งเราสามารถใช้ในการศึกษาหรือแม้แต่ในที่ทำงาน โดยทำตามคำแนะนำในบทความนี้ผู้ใช้ทุกคนจะสามารถทำได้ ติดตั้งโปรแกรมนี้บนระบบ Ubuntu 20.04. ทุกคนสามารถสร้างงานนำเสนอที่ยอดเยี่ยมโดยใช้ HTML และ CSS

หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับวิธีการใช้แอปพลิเคชันนี้ผู้ใช้จะสามารถทำได้บนเว็บไซต์ของโครงการ ปรึกษา เอกสารอย่างเป็นทางการ. ในนั้นผู้สร้างจะแสดงให้เราเห็นว่าเราสามารถทำงานกับเครื่องมือนี้ได้อย่างไรด้วยวิธีที่ง่ายและรวดเร็ว

ตัวอย่างสไลด์แพลตฟอร์ม

หากคุณสนใจที่จะได้รับประโยชน์จากการเปิดเผย js โดยไม่ต้องเขียน HTML หรือ Markdown ผู้สร้างยังเสนอความเป็นไปได้ในการทดสอบ สไลด์.คอม. นี่คือโปรแกรมแก้ไขภาพและแพลตฟอร์มที่มีฟังก์ชั่นทั้งหมดของเปิดเผย js.


แสดงความคิดเห็นของคุณ

อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมายด้วย *

*

*

  1. ผู้รับผิดชอบข้อมูล: Miguel ÁngelGatón
  2. วัตถุประสงค์ของข้อมูล: ควบคุมสแปมการจัดการความคิดเห็น
  3. ถูกต้องตามกฎหมาย: ความยินยอมของคุณ
  4. การสื่อสารข้อมูล: ข้อมูลจะไม่ถูกสื่อสารไปยังบุคคลที่สามยกเว้นตามข้อผูกพันทางกฎหมาย
  5. การจัดเก็บข้อมูล: ฐานข้อมูลที่โฮสต์โดย Occentus Networks (EU)
  6. สิทธิ์: คุณสามารถ จำกัด กู้คืนและลบข้อมูลของคุณได้ตลอดเวลา