หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

โลโก้มูน

มูน

เทมเพลตหน้า Landing Page ที่มีน้ำหนักเบาและตอบสนองได้ง่ายสำหรับเซิร์ฟเวอร์ Minecraft รวมเข้ากับสถานะ Discord, Minecraft Server และ GitHub เพื่อโฮสต์เว็บไซต์ฟรี

คุณสมบัติ:

  • แสดงเวอร์ชัน Minecraft Java ของเซิร์ฟเวอร์โดยอัตโนมัติ
  • แสดงช่องจากเซิร์ฟเวอร์ Discord ของคุณในหน้าแรก
  • เปลี่ยนสีเมื่อตรวจพบเซิร์ฟเวอร์ Minecraft เพื่อออฟไลน์
  • คลิกเพื่อคัดลอก IP เซิร์ฟเวอร์
  • หน้าภาพหน้าจอ
  • แอปพลิเคชันเว็บแบบก้าวหน้า (เร็ว ๆ นี้)

ตัวอย่าง: https://coffeebank.github.io/moonrise

การสาธิต CRISPBUILD

เริ่มต้น

วิธีที่เร็วที่สุดในการลุกขึ้นและวิ่งคือการใช้หน้า GitHub (ฟรี)

  1. คลิก "Fork" ที่มุมขวาบน
  2. เชิญ WidgetBot เข้าสู่เซิร์ฟเวอร์ Discord ของคุณและรับ ID เซิร์ฟเวอร์และ ID ช่องสัญญาณของคุณเพื่อแสดงบนเว็บไซต์ของคุณ
  3. แก้ไข _config.yml พร้อมข้อมูลของคุณโดยใช้โฟลเดอร์ media สำหรับโลโก้/สินทรัพย์
  4. แก้ไข index.md , about.md , map.md และ donate.md พร้อมข้อมูลของคุณ
  5. หน้าสกรีนช็อตจะอัตโนมัติด้วยภาพในโฟลเดอร์ screenshots

ในที่สุดคุณก็พร้อมที่จะเผยแพร่เว็บไซต์ของคุณ:

  1. คลิกแท็บ "การตั้งค่า"
  2. เปลี่ยน Repository name เป็นลิงค์เว็บไซต์ที่คุณต้องการ
  3. บนแถบด้านข้างซ้ายคลิก "หน้า" ที่มา: สาขา master , /docs โฟลเดอร์เอกสาร, คลิก "บันทึก"

และคุณทำเสร็จแล้ว! เว็บไซต์ของคุณจะอยู่ที่: https://<username>.github.io/<repositoryname>

Wiki: สำหรับผู้ใช้ขั้นสูงการนำทางไซต์และคุณสมบัติอื่น ๆ >

การอัปเดต

หากต้องการรับการอัปเดต Moonrise ใหม่ที่ซิงค์ไปยังเว็บไซต์ของคุณไปที่ repo ของคุณและคลิก "ดึงข้อมูลอัปสตรีม" จากนั้น "ดึงและรวม"

ใบอนุญาต

ดูใบอนุญาต

ยินดีต้อนรับการมีส่วนร่วมโดยมีรหัสทั้งหมดอยู่ภายใต้ใบอนุญาตนี้

การอ้างเหตุผล

บริการ

  • https://api.mcsrvstat.us/
  • https://widgetbot.io/

สินทรัพย์

  • https://clipboardjs.com/
  • https://fonts.google.com/specimen/jost
  • https://github.com/ghosh/micromodal
  • https://github.com/penibelst/jekyll-compress-html
  • https://www.gradientmagic.com/
  • https://jekyllrb.com/
  • https://tailwindcss.com/
  • https://serviceworke.rs/
  • http://updateyourfooter.com/

การสาธิต

  • https://favicon.io/favicon-converter/
  • https://pages.github.com/
  • https://unsplash.com/photos/d9medcknvk4
  • https://unsplash.com/photos/52geprmkp7m
  • https://unsplash.com/photos/ls2higvf-80
  • https://unsplash.com/photos/zvprbbmt8qa

แรงบันดาลใจ

  • https://codepen.io/charles1971/pen/baygzbk
  • https://medium.com/@jkohne/responsive-design-and-css-columns-using-sass-15b477a4ff83
  • https://www.tjvantoll.com/2015/09/13/fetch-and-errors/
  • https://www.w3schools.com/howto/howto_css_animate_buttons.asp
  • https://www.w3schools.com/howto/howto_js_snackbar.asp
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด