เตรียมพร้อมเขียนหนังสือ
ไฟล์เอกสารต้นฉบับ kphis-book อยู่บนระบบ GitHub ที่เป็นระบบสำหรับนักพัฒนาโปรแกรมคอมพิวเตอร์ ในการเก็บไฟล์ต้นฉบับ การจัดทำ version และมีเครื่องมือสำหรับทีมงานพัฒนา เช่น กระดานรับปัญหา (Issues), การทบทวนและตรวจสอบ รวมถึงการสร้างเวปเพจฟรีให้ท่าน โดยไม่มีค่าใช้จ่าย ซึ่งท่านสามารถอ่านวิธีการพัฒนาโปรแกรมบน GitHub ได้ที่ Contributing to a project on GitHub
สิ่งที่ควรมี ได้แก่
- คอมพิวเตอร์สักเครื่อง
- ความรู้เกี่ยวกับคอมพิวเตอร์เบื้องต้น เช่น การค้นหาไฟล์, การเปิดและแก้ไขไฟล์, การค้นหาโปรแกรม, การติดตั้งและถอนการติดตั้งโปรแกรม เป็นต้น
- ความรู้เกี่ยวกับ Terminal เบื้องต้น (
Command Promptบน Windows หรือTerminalบน Linux และ MacOS) เช่น คำสั่งcd,dirเป็นต้น
การแก้ไขบนเวปไซต์ GitHub
- หากยังไม่มี GitHub account ท่านสามารถสมัครได้ฟรี ที่ https://github.com/signup
- สร้างสำเนา(Fork) ของท่านเอง ด้วยการกดปุ่ม
Forkแล้วกดปุ่มCreate fork - ไปที่สำเนาของท่าน เช่น
https://github.com/<ชื่อ GitHub ของท่าน>/kphis-book - สร้างสาขา(ฺฺBranch) ใหม่ เพื่อแก้ไขเอกสาร ด้วยการกดที่
Branchesแล้วกดปุ่มNew branch - แก้ไขไฟล์ที่ต้องการ ใน Branch ของท่าน ด้วยการเลือกไฟล์ที่ต้องการ และแก้ไขใน Web Browser
- ส่งการแก้ไขของท่าน เพื่อมารวม (Merge) กับข้อมูลหลัก ด้วยการกดที่ปุ่ม
Contributeแล้วกดปุ่มOpen pull request - กรอกรายละเอียดการแก้ไข เพื่อให้เราสามารถมองเห็นความสำคัญของการแก้ไขนี้ได้ หากเรียบร้อยแล้ว กดปุ่ม
Create pull request - รอทีมงานของเรา ในการดำเนินการรวม (Merge) การแก้ไขของท่านต่อไป
การแก้ไขบนเครื่องตนเอง
- เปิดโปรแกรมป้อนคำสั่ง ด้วยการค้นหาในระบบปฏิบัติการด้วยคำว่า
terminalเพื่อเปิดโปรแกรมCommand Promptใน Windows,Terminalใน Linux หรือ MacOS - ติดตั้ง Git หากต้องการใช้คำสั่ง
gitบนterminalหรือติดตั้ง GitHub Desktop สำหรับการใช้งานบน Application (ใช้คำสั่งgitบนterminalไม่ได้) หรือเลือกติดตั้งทั้ง 2 อย่างก็ได้ - หากยังไม่มี GitHub account ท่านสามารถสมัครได้ฟรี ที่ https://github.com/signup
- สร้างสำเนาของท่านเอง ด้วยการกดปุ่ม
Forkแล้วกดปุ่มCreate fork - สำเนา (Clone) ไฟล์ทั้งหมดมาที่เครื่องของท่าน ทำได้ 3 วิธี ได้แก่
- เพจ GitHub ของท่าน: คลิกที่ปุ่ม
Codeแล้วเลือกDownload ZIPแตกไฟล์แล้ววางในที่ที่ต้องการ - git shell ใน
terminalgit clone https://github.com/<ชื่อ GitHub ของท่าน>/kphis-book - GitHub Desktop
- กดปุ่ม
AddและเลือกClone repository... - ในหัวข้อ
GitHub.comเลือก<ชื่อ GitHub ของท่าน>/kphis-bookแล้วกดปุ่มClone
- กดปุ่ม
- เพจ GitHub ของท่าน: คลิกที่ปุ่ม
- สร้างสาขา (Branch) ทำได้ 3 วิธี
- เพจ GitHub ของท่าน: คลิกที่ปุ่ม
Branchแล้วเลือกNew branchเพื่อสร้างNew branch nameจากmainSource - git shell ใน
terminalgit branch BRANCH-NAME git checkout BRANCH-NAME - GitHub Desktop
- คลิกที่
Current branchกรอกชื่อสาขาใหม่ แล้วกดปุ่มNew branch
- คลิกที่
- เพจ GitHub ของท่าน: คลิกที่ปุ่ม
- เปิด Hot Reload ด้วย
mdbook watch
ท่านสามารถสร้างหน้าเพจอัตโนมัติทุกครั้งที่บันทึกการแก้ไขไฟล์ต้นฉบับได้ ด้วยคำสั่งmdbook watchดังนี้- เปิด
terminalและใช้คำสั่งcdเพื่อไปยัง folder ของkphis-bookที่ได้ clone ไว้- Windows
c: cd %UserProfile%\Documents\GitHub\kphis-book - Linux
cd $HOME/github/kphis-book
- Windows
- ใช้คำสั่ง
watchของ mdBook
โปรแกรมจะเปิด Web Browser ให้ท่านพร้อมแสดงตัวอย่างเพจจากไฟล์บนเครื่องของท่านให้mdbook watch -o
และทุกครั้งที่ท่านบันทึกการแก้ไขไฟล์ใน/kphis-book/srcตัว Web Browser จะโหลดหน้าเพจให้ท่านใหม่อัตโนมัติ
- เปิด
- แก้ไขไฟล์ที่ต้องการ ด้วย code editor ที่รองรับการเขียนภาษา Markdown เช่น Visual Studio Code, NotePad++, Zed, Helix, Vim หรือ NeoVim เป็นต้น
- ส่งการแก้ไข ไปยัง GitHub ของท่าน ทำได้ 2 วิธี ได้แก่
- git shell ใน
terminalgit add . git commit -m "ประเด็นแก้ไขของคุณ" git push - GitHub Desktop
- พิมพ์
Summary (required)และDescription(ถ้ามี) แล้วกดปุ่มCommit to main
- พิมพ์
- git shell ใน
- ไปที่
https://github.com/<ชื่อ GitHub ของท่าน>/kphis-book - ส่งการแก้ไขใน GitHub เพื่อมารวม (Merge) กับ GitHub หลัก ด้วยการกดที่ปุ่ม
Contributeแล้วกดปุ่มOpen pull request - กรอกรายละเอียดการแก้ไข เพื่อให้เราทราบความสำคัญของการแก้ไขในครั้งนี้ แล้วกดปุ่ม
Create pull request - รอทีมงานดำเนินการรวม (Merge) การแก้ไขของท่านต่อไป
Continuous Integration (CI) and Continuous Delivery/Deployment (CD)
ทาง GitHub มีระบบ CI/CD ที่เรียกว่า GitHub Action ที่จะทำการแปลงไฟล์ต้นฉบับ ให้เป็นเพจให้ท่านโดยอัตโนมัติ ทุกครั้งที่ท่าน Commit to main
โดยขั้นตอนที่ GitHub Action ทำให้ท่าน ประกอบด้วย
- สร้างเครื่อง Builder พร้อมติดตั้ง
mdBookและสำเนาไฟล์ต้นฉบับkphis-bookของท่าน - เรียกคำสั่ง
mdbook build - ส่งไฟล์ Web Page ที่สร้างสำเร็จ ขึ้นสู่
https://<ชื่อ GitHub ของท่าน>.github.io/kphis-book/
ชื่นชมผลงานของท่าน
- บนเครื่องของท่าน ด้วยการติดตั้ง mdBook, เปิด
terminalแล้วไปที่ folderkphis-bookและใช้คำสั่งmdbook build --open https://<ชื่อ GitHub ของท่าน>.github.io/kphis-book/เช่น https://marisada.github.io/kphis-book/