pharmacist-sabot · pharmacist-sabot · Dec 31, 2025 · Dec 31, 2025
diff --git a/public/images/common/blog-placeholder-1.png → ...-part-1/frontend-roadmap-part-1-cover.png b/public/images/common/blog-placeholder-1.png → ...-part-1/frontend-roadmap-part-1-cover.png
diff --git a/public/images/common/blog-placeholder-2.png → ...-part-2/frontend-roadmap-part-2-cover.png b/public/images/common/blog-placeholder-2.png → ...-part-2/frontend-roadmap-part-2-cover.png
diff --git a/public/images/common/blog-placeholder-4.png → ...it-messages/git-commit-messages-cover.png b/public/images/common/blog-placeholder-4.png → ...it-messages/git-commit-messages-cover.png
diff --git a/public/images/common/blog-placeholder-8.png → ...p/google-app-script-drug-search-cover.png b/public/images/common/blog-placeholder-8.png → ...p/google-app-script-drug-search-cover.png
diff --git a/public/images/common/blog-placeholder-3.png → ...le-app-script/google-app-script-cover.png b/public/images/common/blog-placeholder-3.png → ...le-app-script/google-app-script-cover.png
diff --git a/public/images/common/blog-placeholder-6.png → ...es/blog/haskell-ep1/haskell-ep1-cover.png b/public/images/common/blog-placeholder-6.png → ...es/blog/haskell-ep1/haskell-ep1-cover.png
diff --git a/public/images/common/blog-placeholder-7.png → ...es/blog/haskell-ep2/haskell-ep2-cover.png b/public/images/common/blog-placeholder-7.png → ...es/blog/haskell-ep2/haskell-ep2-cover.png
diff --git a/...common/blog-placeholder-python-course.png → ...th-ritesh-chauhan/python-course-cover.png b/...common/blog-placeholder-python-course.png → ...th-ritesh-chauhan/python-course-cover.png
diff --git a/public/images/common/blog-placeholder-5.png → ...ility-101/web-accessibility-101-cover.png b/public/images/common/blog-placeholder-5.png → ...ility-101/web-accessibility-101-cover.png
diff --git a/src/content/blog/frontend-developer-roadmap-part-1/index.mdx b/src/content/blog/frontend-developer-roadmap-part-1/index.mdx
@@ -2,7 +2,7 @@
 title: 'Frontend Developer Roadmap (Part 1): React.js'
 description: 'เจาะลึก React.js อย่างละเอียด: ตั้งแต่พื้นฐาน จนถึง Hooks, Ecosystem, และการใช้งานจริง'
 pubDate: '2025-08-23'
-heroImage: '/images/common/blog-placeholder-1.png'
+heroImage: '/images/blog/frontend-developer-roadmap-part-1/frontend-roadmap-part-1-cover.png'
 category: 'Frontend Frameworks' 
 tags: ['React.js', 'JavaScript', 'Web Development'] 
 featured: false

diff --git a/src/content/blog/frontend-developer-roadmap-part-2/index.mdx b/src/content/blog/frontend-developer-roadmap-part-2/index.mdx
@@ -2,7 +2,7 @@
 title: 'Frontend Developer Roadmap (Part 2): Vue.js'
 description: 'เจาะลึก Vue.js อย่างละเอียด: ตั้งแต่พื้นฐาน จนถึง Composition API, Reactivity, และการใช้งานจริง'
 pubDate: '2025-08-25'
-heroImage: '/images/common/blog-placeholder-2.png'
+heroImage: '/images/blog/frontend-developer-roadmap-part-2/frontend-roadmap-part-2-cover.png'
 category: 'Frontend Frameworks' 
 tags: ['Vue.js', 'JavaScript', 'Web Development'] 
 featured: false

diff --git a/src/content/blog/git-commit-messages/index.mdx b/src/content/blog/git-commit-messages/index.mdx
@@ -2,7 +2,7 @@
 title: คู่มือการเขียน Git Commit Message อย่างมืออาชีพ
 description: เรียนรู้วิธีการเขียนข้อความ Commit ที่ดีตั้งแต่พื้นฐานจนถึงระดับมืออาชีพ เพื่อการสื่อสารที่มีประสิทธิภาพในทีมพัฒนา
 pubDate: 2025-09-16
-heroImage: '/images/common/blog-placeholder-4.png'
+heroImage: '/images/blog/git-commit-messages/git-commit-messages-cover.png'
 category: 'Version Control' 
 tags: ['Git', 'Best Practice', 'DevOps'] 
 featured: true 

diff --git a/src/content/blog/google-app-script-drug-search-app/index.mdx b/src/content/blog/google-app-script-drug-search-app/index.mdx
@@ -2,7 +2,7 @@
 title: "สร้างระบบสืบค้นบัญชียาของโรงพยาบาล ด้วย Google Sheets และ Google Apps Script"
 description: "คู่มือในการสร้างเว็บแอปค้นหาข้อมูลบัญชียาของโรงพยาบาลแบบเรียลไทม์"
 pubDate: "2025-10-28"
-heroImage: "/images/common/blog-placeholder-8.png"
+heroImage: '/images/blog/google-app-script-drug-search-app/google-app-script-drug-search-cover.png'
 category: "Google Apps Script"
 tags:
   [

diff --git a/src/content/blog/google-app-script/index.mdx b/src/content/blog/google-app-script/index.mdx
@@ -2,7 +2,7 @@
 title: 'สร้างเว็บแอปกรอกข้อมูลด้วย Google Sheets + Apps Script (ฉบับมือใหม่)'
 description: 'เรียนรู้วิธีสร้างเว็บฟอร์มสำหรับกรอกข้อมูลที่บันทึกลง Google Sheets แบบเรียลไทม์ โดยใช้ Google Apps Script เหมาะสำหรับผู้เริ่มต้นที่ไม่มีพื้นฐานโปรแกรมมิ่ง'
 pubDate: '2025-08-27'
-heroImage: '/images/common/blog-placeholder-3.png'
+heroImage: '/images/blog/google-app-script/google-app-script-cover.png'
 category: 'Google Apps Script' 
 tags: ['Google App Script', 'Google Sheets', 'Web Development',] 
 featured: false

diff --git a/src/content/blog/haskell-ep1/index.mdx b/src/content/blog/haskell-ep1/index.mdx
@@ -2,7 +2,7 @@
 title: 'เริ่มต้นกับ Haskell: EP.1 บทนำ'
 description: "แปลและเรียบเรียงจากบทนำของ 'Learn You a Haskell for Great Good!' เพื่อให้โปรแกรมเมอร์ที่มีประสบการณ์กับภาษาอย่าง C, Java, Python ได้เข้าใจแก่นของ Functional Programming ผ่าน Haskell"
 pubDate: '2025-10-13'
-heroImage: '/images/common/blog-placeholder-6.png'
+heroImage: '/images/blog/haskell-ep1/haskell-ep1-cover.png'
 category: 'Programming Languages'
 tags: ['Haskell', 'Functional Programming', 'Beginner'] 
 featured: true

diff --git a/src/content/blog/haskell-ep2/index.mdx b/src/content/blog/haskell-ep2/index.mdx
@@ -2,7 +2,7 @@
 title: 'เริ่มต้นกับ Haskell: EP.2 ลงมือปฏิบัติ'
 description: 'เริ่มต้นลงมือปฏิบัติ มาลองใช้งาน GHCi ซึ่งเป็นโหมดโต้ตอบของ Haskell เพื่อทำความเข้าใจกับการคำนวณพื้นฐาน, Boolean, และวิธีเรียกใช้ฟังก์ชันแบบ prefix และ infix'
 pubDate: '2025-10-17'
-heroImage: '/images/common/blog-placeholder-7.png'
+heroImage: '/images/blog/haskell-ep2/haskell-ep2-cover.png'
 category: 'Programming Languages'
 tags: ['Haskell', 'Functional Programming', 'GHCi', 'Beginner']
 featured: false

diff --git a/src/content/blog/learn-python-with-ritesh-chauhan/index.mdx b/src/content/blog/learn-python-with-ritesh-chauhan/index.mdx
@@ -2,7 +2,7 @@
 title: 'เส้นทางสู่ Python Master: คู่มือการเรียนรู้จาก Repository Python by Ritesh Chauhan'
 description: 'เจาะลึกการเรียน Python ตั้งแต่พื้นฐานสู่ OOP ผ่าน 35 ไฟล์โค้ดพร้อมแบบฝึกหัดกว่า 200 ข้อใน Repository เดียว'
 pubDate: '2025-11-03'
-heroImage: '/images/common/blog-placeholder-python-course.png'
+heroImage: '/images/blog/learn-python-with-ritesh-chauhan/python-course-cover.png'
 category: 'Programming Languages'
 tags: ['Python', 'Beginner', 'Programming', 'OOP', 'Guide']
 featured: true

diff --git a/src/content/blog/web-accessibility-101/index.mdx b/src/content/blog/web-accessibility-101/index.mdx
@@ -2,7 +2,7 @@
 title: 'Web Accessibility 101: คู่มือสร้างเว็บเพื่อทุกคนที่นักพัฒนา (ทุกคน) ควรรู้'
 description: 'เรียนรู้พื้นฐาน Web Accessibility (a11y) ที่ไม่ใช่แค่เรื่องทางเทคนิค แต่คือหัวใจของการสร้างประสบการณ์ที่ดีสำหรับผู้ใช้ทุกคน พร้อมเครื่องมือและเทคนิคที่นำไปใช้ได้ทันที'
 pubDate: '2025-10-05'
-heroImage: '/images/common/blog-placeholder-5.png'
+heroImage: '/images/blog/web-accessibility-101/web-accessibility-101-cover.png'
 category: 'Web Development'
 tags: ['Accessibility', 'a11y', 'Best Practice', 'Web Development', 'UX']
 featured: true