Blog ส่วนตัวสำหรับแชร์ความรู้ สรุปสิ่งที่เคยเข้าใจ และทบทวนเมื่อต้องการ เน้นบทความเกี่ยวกับเทคนิคและการเพิ่มประสิทธิภาพ
หลักการคือระบบที่พึ่งพาตัวเองได้ — แม้ว่าเราจะหายไปจากโลกนี้แล้ว Blog และเนื้อหาก็ยังคงอยู่ตลอดกาล หรือจนกว่า Cloudflare Pages จะเลิกกิจการ
💡 ทำไมถึงเขียน Blog?
Purpose
เพื่อเอาไว้แชร์ และสรุปความเข้าใจกับเรื่องที่เคยเข้าใจ เพื่อกลับมาอ่านอีกครั้งจะได้ทบทวนความรู้เดิมที่เคยเข้าใจได้เร็วขึ้น
Focus on What Matters
แบ่งปันมุมมองจากการค้นคว้าสิ่งที่เรารู้อยู่แล้วนำมาทบทวนให้เข้าใจมากขึ้น และเขียนในรูปแบบที่เป็น Blog และเน้นแชร์บทความเกี่ยวกับเทคนิคและการเพิ่มประสิทธิภาพ
Can't remember anything
เราไม่สามารถจำอะไรได้หมดการเขียน Blog ก็เพื่อเก็บเรื่องราวที่เราเคยเข้าใจไว้ มีประโยชน์หากต้องการทบทวนในอนาคต
🔍 Insight
ทำไมถึงเลือกระบบแบบนี้?
🚫 ไม่พึ่งพา Database หรือ Backend
Blog นี้ใช้ Tech stack ที่ไม่ต้องมี Database หรือ Backend เลย ทุกอย่างเป็น Static Site หมด ลดความซับซ้อนและค่าใช้จ่ายไปได้มาก
♾️ ระบบที่พึ่งพาตัวเองได้
หลักการคือระบบที่พึ่งพาตัวเองได้ แม้ว่าเราจะหายไปจากโลกนี้แล้ว Blog และเนื้อหาก็ยังคงอยู่ตลอดกาล หรือจนกว่า Cloudflare Pages จะเลิกกิจการ
✨ ความเรียบง่ายของการเขียนเนื้อหา
เขียนเป็น Markdown file (.md, .mdx) เมื่อเขียนเสร็จก็ git commit แล้ว git push ระบบ Cloudflare Pages จะ Trigger Deploy เนื้อหาใหม่ให้อัตโนมัติ
- ระบบส่วนใหญ่ต้อง ฟรี
- ใช้ Markdown + Auto Deploy
- สามารถ Customize ตาม Style ตัวเองได้ ด้วยความสามารถของ Docusaurus + React ที่สามารถปรับปรุงส่วนต่าง ๆ ของ Blog ได้ตามต้องการ (ส่วนตัวปรับแต่งจนไม่เหลือเค้าเดิมเลย)
🎨 Nice Design
ระบบ Blog เขียนด้วยภาษา Markdown (.md, .mdx) ด้วย Docusaurus 2 สวยใช้งานง่าย ที่พัฒนามาจาก React ด้วยทีมของ Facebook
⭐ คุณสมบัติเด่น
ระบบ Blog สามารถเขียนด้วยภาษา Markdown (.md, .mdx) อีกทั้งสามารถเขียนพวก Custom components ต่าง ๆ เองได้ตามต้องการเป็น JSX
ด้วยการเขียนเป็น .md จากนั้นจะถูก Compile เป็น Static Site และด้วยความสามารถของ Static Site ที่มีการแสดงผลอย่างรวดเร็ว อีกทั้งสามารถ Deploy บน JAMstack platform ได้ฟรี ๆ
เครื่องมือที่ใช้เขียนคือ Gitpod และด้วยความที่สามารถใช้งาน Online ได้ฟรี ทำให้สามารถเขียน Blog จากที่ไหนก็ได้ อีกทั้งยังสามารถติดตั้งเป็น Editor ส่วนตัวแบบ Self-Hosted ได้อีกด้วย
- 📑 มี ToC
docusaurus นั้นรองรับการทำ Table of contents (ToC) หรือระบบสารบัญให้อัตโนมัติ และถือเป็นคุณสมบัติที่สำคัญเพราะว่า ToC ช่วยให้ผู้ที่เข้ามาอ่านเนื้อหาใน Blog นั้นสามารถ Navigate เลื่อนดูเนื้อหาได้ง่ายขึ้น
📐 Blog New Look
ประวัติการปรับปรุง design ของ Blog ตั้งแต่อดีตจนถึงปัจจุบัน
First Implementation
เริ่มจากเอาระบบ Docusaurus มา implement ยังไม่ได้ปรับแต่งอะไรมากนัก เน้นการทำงานเดิม ๆ ของ Docusaurus ใช้ Theme และ Layout สำเร็จรูปตามที่ Framework มีให้
Content-Focused Refinement
เริ่มมีการปรับแต่งมากขึ้น ส่วนใหญ่เป็นการปรับแต่งที่เน้นไปที่ให้ content อ่านง่ายขึ้น และจัดตำแหน่งเนื้อหาให้เหมาะสม เริ่มเข้าใจโครงสร้างของ Docusaurus มากขึ้น
Major Overhaul
การเปลี่ยนแปลงครั้งใหญ่ มีการย้าย layout หลายส่วน และปรับ CSS style ใหม่ทั้งหมดเป็น style ของตัวเอง เริ่มเป็นเอกลักษณ์เฉพาะตัว ไม่เหมือน Docusaurus theme อีกต่อไป
Clean & Minimal Redesign
การเปลี่ยนแปลงด้วยหลัก redesign จนไม่เหลือเค้าเดิมของ Docusaurus เพราะต้องการปรับปรุงให้มีความ clean และ minimal มากกว่าเดิม ใช้หลักเรียบแต่เยอะ มีการเพิ่ม font monospaced เข้ามาทำให้เหมือนเป็น blog สาย dev ออกแบบเรียบง่ายมีความเป็นผู้ใหญ่มากขึ้น ผสานกับความล้ำของเทคโนโลยีใหม่ ๆ
☕ Support & Contact
เนื้อหานี้มีประโยชน์ไหม? ช่วยสนับสนุนค่ากาแฟให้ผู้เขียนสักแก้ว
Buy Me a Coffee ☕️📬 Contact me
📱 สำหรับผู้ที่สะดวก QR-Code Prompt Pay
