มาอัพโหลด Single Page Website ของเรา ขึ้นบน Github Page แบบง่ายๆกัน
สวัสดีทุกคน(ที่หลงเข้ามา) นะครับ ในครั้งนี้ เราจะมาบอกวิธีการเอาเว็บไซต์ของเรา ที่เป็น Single Page ขึ้นนะครับ โดยที่เอาขึ้นจะเป็นไฟล์ HTML CSS และ JS ของเรานะครับ แต่ก่อนที่จะไปบอกวิธีการเอาขึ้นนะครับ เราจะต้องมีบัญชี Github และ ติดตั้ง git บนเครื่อง มาก่อนด้วยนะครับ เอาล่ะเราเริ่มกันเลยดีกว่านะครับ
สร้าง Repository ใหม่
อันดับแรกเลยเราทำการสร้าง repository ของเราขึ้นมาใหม่
ตั้งชื่อที่เราต้องการ
จากนั้นจะบอกวิธีการที่ตั้งค่าต่างๆ สำหรับครั้งแรก ซึ่งในวิธีของเรานั้น เราจะทำการใช้งานผ่าน Terminal หรือ Command Line
มาเริ่มกันนะครับ ขั้นแรกเปิด Terminal หรือ Command Line ขึ้นมา แล้วไปที่โฟลเดอร์ของไฟล์เว็บไซต์ของเรา แล้วก็อปโค้ดตามคำแนะนำของ Github เข้าไปทีละบรรทัดนะครับ ยกเว้นในช่อง git add README.MD เปลี่ยนเป็น git add . ดังภาพ
จากนั้นให้ Refresh หนึ่งรอบนะครับ จะปรากฏดังภาพ
การตั้งค่าให้แสดงเว็บไซต์ที่เราอัพขึ้น
ให้เราเข้ามาใน Repo ที่เราสร้างแล้วที่ไปแทป Setting
จากนั้นเลื่อนลงมาตรงเมนู Github Page ในช่อง Source เลือก Master Branch
แล้วจะปรากฏ URL สำหรับเว็ปไซต์เรา
แล้วกดคลิกเข้าไปดูเลย จะปรากฏเว็บไซต์ของเรานั้นเอง (ในกรณีที่ไม่ขึ้นในรอสัก 3–5 นาที ขึ้นอยู่กับขนาดเว็บไซต์เราใหญ่ขนาดไหน)
หากต้องการเอาส่วนที่แก้ไข อัตเดทขึ้นไปล่ะ?
ให้ทำการเปิด Terminal หรือ Command Line ขึ้นมา แล้วไปที่ไฟล์เว็บไซต์บนเครื่องเราจากนั้น ก็พิมพ์คำสั่ง git add . และตามด้วย git commit -m “ข้อความที่บอกว่าแก้ไขอะไร” แล้วตามด้วย git push เป็นอันเสร็จสิ้น ดังภาพ
หลังจากนั้นลองเข้ามาดูในเว็ปไซต์ของเราดูว่ามีการเปลี่ยนแปลงหรือไม่
ก็เสร็จสิ้นไปแล้ว สำหรับการเอาเว็บไซต์แบบ Single Page ของเรา ขึ้นบน Github Page ซึ่งเราจะเอาไปใช้ประโยชน์อะไร ก็ตามความเหมาะสมของเว็บไซต์เรานั้นๆ ซึ่งเอาจริง ตัวเราเองก็ยังไม่เก่งการเขียนเว็บไซต์เหมือนกัน ฮ่าๆๆๆ สุดท้ายนี้ ก็ขอบคุณที่อ่านจนถึงตอนนี้นะครับ ในครั้งหน้าจะเขียนเกี่ยวกับอะไรมาติดตามกันนะครับ สำหรับ Blog ก็จบแล้ว สวัสดีครับ
