free_page_github

ปรับปรุง : 2566-10-26 (คำสำคัญ ส่งเสริมการเรียนรู้)

Free webpage : มาสร้างเพจใน github แบบชิลชิลกันดีกว่า

ปัจุบัน พบว่า นิสิตนักศึกษา มีเวทีเพื่อนำเสนอผลงานผ่านสื่อสังคมได้ง่าย ที่ github.com เปิดให้นักพัฒนาได้มี webpage เป็นของตนเองสำหรับเผยแพร่ผลงาน มีขั้นตอนการสมัคร และ ใช้คอนฟิกง่ายแบบชิลชิล ดังนี้ 1) เข้าเว็บไซต์ github.com แล้ว Sign up ผมใช้อีเมลหลักในการสมัครจะได้ไม่ลืม และ กำหนด account เป็น thaiall ทำให้ต่อไปเข้าดูผลงานได้ที่ https://github.com/thaiall/ [keon] 2) สมัครเสร็จก็เข้าระบบผ่าน Sign in 3) เลือก New repository คือ [n.] ที่เก็บ ที่รองรับ, ที่บรรจุ 4) ตั้งชื่อ Repository name เช่น Tech100 แล้วกดปุ่ม Create repository เลย 5) จะสร้าง page ก็เลือกคลิ๊ก Settings ใน Tab menu แล้วลงมาจะพบ Github Pages 6) พบหัวข้อ Theme Chooser กดปุ่ม Choose a Theme แล้วผมเลือก Modernist 7) เข้าสู่การสร้าง index.md ซึ่งเป็นหน้าแรกของ Page อยู่ใต้หัวข้อ code ซึ่งทำการเปลี่ยนแปลงตอนนี้ หรือ กลับมาแก้ไขได้ เมื่อกดปุ่ม Commit Change จะพบแฟ้ม _config.yml และ index.md และ ค่าใน Source ใต้หัวข้อ Github Pages จะเป็น master branch โดยอัตโนมัติ 8) ต่อไปก็สามารถแก้ไข index.md ซึ่งเป็นหน้าแรก สร้าง folder ที่มีแฟ้ม index.md แล้วเรียกใช้ได้ อาทิ /css หรือ /php 9) สร้างแฟ้มใน Master branch อาทิ aboutme.htm 10) ปรับแก้แฟ้ม _config.yml แล้วกำหนดค่าให้ตัวแปร อาทิ theme, title, description, exclude และ include หากไม่ได้เข้าไปแก้ไขก็จะมีเพียง theme: jekyll-theme-modernist 11) เพจของ github ไม่ประมวลผลฝั่งเครื่องบริการ จึงไม่รองรับ php หรือ python แต่ใช้ javascript ได้ จึงสร้าง และ ดึงโค้ดจาก menu.js ให้แฟ้มอื่นเรียกไปใช้ และ รองรับ module จากภายนอก เช่น การแสดงรหัสต้นฉบับให้สวยงาม (Source code) ก็ใช้ SyntaxHighlighter จาก CDN ซึ่งผมใช้กับ /css 12) แฟ้มที่อยู่ใน root directory หรือ sub directory หากไม่เรียกใช้ theme อันโนมัติ ผ่าน index.md ก็ต้อง copy source code ไปวางเหมือนแฟ้ม aboutme.htm

ทดสอบ Free web hosting ที่บริการ PHP กับ MySQL มาหนึ่งโหล

Dir : php File : indexo.html Topic : free_page_github

คุณคิดอะไรอยู่

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com

Truehits.net

คำสำคัญ : free page github