เขียน Blog ด้วย Jekyll บน DigitalOcean App Platform
เผยแพร่เมื่อ: Nov 20, 2025

สวัสดีครับ!
โพสต์นี้เป็นการเริ่มต้นเขียน Blog ครั้งแรกของผมด้วย Jekyll เนื่องจากต้องการเว็บที่ โหลดไว, มีความเรียบง่าย, และใช้ไฟล์ Static เพียว ๆ เลยเริ่มศึกษาวิธีการทำงาน จนได้มาเขียนเป็นบทความนี้ครับ

💎 หลักการทำงานของ Jekyll

Jekyll เป็น Static Site Generator ที่พัฒนาโดย Ruby
มันทำหน้าที่แปลงไฟล์ต้นฉบับที่เป็น:

• Markdown ⇒ เนื้อหา
• Liquid Template ⇒ โครงสร้าง Layout

จากนั้น Jekyll จะประมวลผลและสร้างเป็นไฟล์ HTML / CSS / JS แบบ Static 100%

✔️ Workflow ของ Jekyll

Input:
ไฟล์ Markdown (.md), Layouts (.html), Includes, Assets

Process:
Jekyll อ่านโครงสร้าง, ประมวลผล Liquid, สร้างหน้าเว็บ

Output:
โฟลเดอร์ _site/ ที่ประกอบด้วยไฟล์ Static พร้อมนำไป Deploy ได้ทันที

🚀 วิธี Deploy Jekyll บน DigitalOcean

คุณสามารถใช้งานได้ 2 วิธีหลัก:

1. DigitalOcean App Platform (แนะนำที่สุด)
2. Deploy บน VPS ผ่าน Git (ผู้ใช้งานขั้นสูง)

1) Deploy ด้วย DigitalOcean App Platform (แนะนำ)

วิธีนี้ใช้งานง่ายที่สุด เพราะ DigitalOcean จะจัดการส่วน Build และ Infrastructure ให้ทั้งหมด

✔️ ขั้นตอน Deploy ผ่าน App Platform

1) เตรียมโปรเจกต์ Jekyll และ Dockerfile

1. สร้างโปรเจกต์ Jekyll → jekyll new blog
2. Push ขึ้น GitHub / GitLab
3. สร้าง Dockerfile ไว้ที่ Root เพื่อกำหนดขั้นตอน Build

ตัวอย่าง Dockerfile

```Dockerfile FROM jekyll/jekyll:latest

WORKDIR /srv/jekyll COPY . .

RUN jekyll build

FROM nginx:alpine COPY –from=0 /srv/jekyll/_site /usr/share/nginx/html

จากนั้นใช้ คำสั่ง git add .
git commit -m “ Update post “ git push origin เพื่อ Push ขึ้น GitHub / GitLab จากนั้นจะ Deploy ผ่าน App Platform ให้อัตโนมัติ