สวัสดี Hugo

สวัสดี Hugo

เผยแพร่เมื่อ / อัปเดตเมื่อ

เว็บไซต์นี้ย้ายจาก WordPress มาเป็น Hugo แล้วครับ 🎉

ผมรู้สึกว่า WordPress มันเยอะไปสำหรับบล็อกเล็กๆ แบบนี้ เลยมองหาตัวเลือกอื่นแทน ตอนแรกที่สนใจคือ Medium แต่ลองแล้วไม่ชอบเพราะปรับแต่งอะไรได้ไม่เยอะ สุดท้ายมาลงเอยที่ static site generator อย่าง Hugo ครับ

ทำไมถึงเลือก Hugo?

หน้าแรก Hugo

ตอนตัดสินใจย้าย ผมมีตัวเลือกที่เป็น static site generator อยู่ 3 ตัวคือ

แต่ที่ตัดสินใจเลือก Hugo เพราะ setup ง่ายสุด ใช้แค่ไฟล์เดียวก็พร้อมใช้งานแล้ว ไม่ต้องมี dependencies อื่น ฟีเจอร์ต่างๆ ก็มีครบ และถ้าเทียบกัน 3 ตัวนี้ Hugo ยังทำเวลา build เร็วสุดอีกด้วย

สร้างธีม

Hugo มีระบบธีมให้เราปรับแต่งเว็บไซต์ได้ง่ายๆ แถมยังมีธีมให้เลือกใช้เพียบ แต่ก็ไม่ถูกใจเท่าสร้างขึ้นมาเองครับ 🤣

ผมใช้ Tailwind CSS เป็น CSS Framework นำมาใช้ร่วมกับ Hugo Pipes ที่ช่วยจัดการให้อัตโนมัติทั้ง PostCSS, bundle, minify และสร้าง fingerprint เป็นอีกหนึ่งฟีเจอร์ของ Hugo ที่เป็นประโยชน์มาก 👍

ฟอนต์

หน้าแรก Hugo

ฟอนต์หัวข้อและเมนูต่างๆ ที่ใช้ในบล็อกนี้คือฟอนต์ไทยจากตระกูล IBM Plex ที่พัฒนาโดย IBM ซึ่งหน้าตามันสวยมากจนไม่น่าเชื่อว่าทาง IBM จะใจดีเปิดเป็นโอเพนซอร์สให้นำไปใช้ได้ฟรี 🆓

มี dark theme ด้วยนะ 🌙

ธีมนี้มีฟีเจอร์เล็กๆ 🤔 คือรองรับธีมสีมืดหรือ dark theme ด้วย ใครที่ตั้งค่าอุปกรณ์ให้ใช้ธีมสีมืดไว้น่าจะเห็นกันแล้ว ส่วนใครที่ยังไม่เห็นลองคลิกที่นี่ 👈 ดูครับ

โฮสต์บน Netlify

หน้าแรก Netlify

ผมเลือกโฮสต์เว็บนี้บน Netlify ซึ่งเป็นบริการ CI/CD ที่ออกแบบมาสำหรับ static site โดยเฉพาะ เพียงแค่เชื่อมต่อกับบริการ Git แล้วตั้งค่า build command เพียงแค่นี้เวลาเรา push ขึ้น Git ตัว Netlify จะจัดการ build และโฮสต์เว็บของเราให้อัตโนมัติ

ลำดับการทำงานของ Netlify

นอกจากนี้แล้ว Netlify ยังมีฟีเจอร์เช่น

  • branch deploy และ deploy preview
  • ระบบ Network และ CDN (Netlify Edge)
  • ใช้โดเมนของเราเอง (custom domain)
  • HTTPS อัตโนมัติ (Let’s Encrypt)
  • กำหนด HTTP header และตั้งค่า redirect

และอื่นๆ อีกเพียบ และที่สำคัญ ทั้งหมดนี้ฟรีครับ 🆓

ซึ่งแน่นอนว่าของฟรีย่อมมีข้อจำกัด โดยที่จำกัดหลักๆ ก็แบนด์วิดท์ 100GB/เดือน และเวลา build 300 นาที/เดือน ซึ่งเอาจริงๆ เท่านี้ก็ถือว่าเหลือเฟือ เพราะอย่างบล็อกนี้ใช้เวลา build ครั้งนึงราวๆ 30 วินาทีเท่านั้น ส่วนเรื่องแบนด์วิดท์ถ้าไม่พอ ยังมี Cloudflare เป็นตัวช่วยได้

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