รู้จัก Look Scanned

Look Scanned เป็นเว็บแอปที่ช่วยทำให้ไฟล์ PDF ดูเหมือนผ่านการสแกน พัฒนาขึ้นโดยให้ความสำคัญกับความเป็นส่วนตัว ช่วยให้นักพัฒนา นักออกแบบ และผู้ใช้ทั่วไปสร้าง PDF ที่ดูเหมือนสแกนได้ โดยไม่ต้องมีเครื่องพิมพ์หรือสแกนเนอร์

เหตุผลที่เลือก Hugo

หลังจากทดลองใช้เครื่องมือสร้างเว็บแบบ Static หลายตัว เราเลือก Hugo เพราะ:

  1. เร็วสุดๆ - เขียนด้วย Go ทำให้บิลด์ไวมาก
  2. ง่ายต่อการใช้ - เซ็ตอัพง่าย เรียนรู้ไว
  3. ธีมเยอะ - มีธีมสวยๆ ให้เลือกเพียบ ปรับแต่งได้ตามใจ
  4. ชุมชนเข้มแข็ง - ช่วยเหลือไว มีเอกสารละเอียด
  5. รองรับหลายภาษา - มี i18n พร้อมใช้

เริ่มต้น

ติดตั้ง Hugo

สำหรับ macOS (ใช้ Homebrew):

brew install hugo

สำหรับ Windows (ใช้ Chocolatey):

choco install hugo-extended

ผู้ใช้ Linux ดูวิธีติดตั้งที่นี่

ตั้งค่าโปรเจค

รันคำสั่งเหล่านี้:

hugo new site lookscanned-blog
cd lookscanned-blog

ติดตั้งธีม

เพิ่มธีม PaperMod เป็น Git submodule:

git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod

เพิ่มในไฟล์ config.toml:

theme = "PaperMod"

ตั้งค่าภาษา

แก้ไขไฟล์ config.toml:

defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = false

[params]
  displayFullLangName = true

[languages]
  [languages.en]
    languageCode = 'en'
    languageName = 'English'
    title = 'Look Scanned Blog'
  [languages.zh]
    languageName = '简体中文'
    title = 'Look Scanned 博客'
  [languages.zh-tw]
    languageCode = 'zh-TW'
    languageName = '繁體中文'
    title = 'Look Scanned 部落格'
  # ภาษาอื่นๆ...

เขียนบทความ

สร้างโพสต์แรก:

hugo new posts/build-blog-using-hugo/index.th.md

เซิร์ฟเวอร์ทดสอบ

รันเซิร์ฟเวอร์:

hugo server -D

ดูเว็บได้ที่ http://localhost:1313

อัพโหลดเว็บ

ตั้งค่าการอัพโหลดอัตโนมัติด้วย GitHub Actions:

  1. อัพขึ้น GitHub Pages

    • สร้าง repo ใหม่ใน GitHub
    • อัพโค้ดขึ้นไป
    • เปิด GitHub Pages
    • ตั้งค่าการอัพโหลดอัตโนมัติ

  2. อัพขึ้น Cloudflare Pages

    • เชื่อม repo GitHub
    • ตั้ง hugo เป็นคำสั่งบิลด์
    • เลือกโฟลเดอร์ public เป็นที่เก็บไฟล์

ปรับแต่ง

เพื่อให้ใช้งานง่ายขึ้น เราได้เอาปุ่มเปลี่ยนภาษาออกจากส่วนบน ดูการแก้ไขธีมได้ที่นี่

สรุป

Hugo เป็นเครื่องมือเจ๋งๆ สำหรับทำบล็อกส่วนตัว ด้วยความเร็ว ความยืดหยุ่น และเอกสารที่ดี ทำให้เหมาะกับนักพัฒนาทุกระดับ ยิ่งใช้บ่อย ยิ่งเจอเทคนิคเด็ดๆ ในการทำบล็อกสไตล์ตัวเอง

ลิงก์น่าสนใจ