PlusMagi's Blog By Pitt Phunsanit Backend,Database,Technology การ post source code บน blogspot (blogger )

การ post source code บน blogspot (blogger )

ในฐานะ System Specialist และ Senior Database Architect ผมเข้าใจดีว่าการเผยแพร่ Source Code ที่มีการจัดรูปแบบไวยากรณ์ (Syntax Highlighting) อย่างถูกต้องบนแพลตฟอร์มอย่าง Blogspot (Blogger) นั้นมีความท้าทายอย่างยิ่ง เนื่องจาก Blogger ถูกออกแบบมาให้เป็นแพลตฟอร์มบล็อกที่เน้นเนื้อหา ไม่ใช่ระบบ CMS ขั้นสูงอย่าง WordPress ทำให้การจัดการ HTML/CSS โดยตรงทำได้จำกัด

อย่างไรก็ตาม ปัญหานี้สามารถแก้ไขได้อย่างสมบูรณ์แบบด้วยการติดตั้งไลบรารีภายนอกที่ชื่อว่า Syntax Highlighter ซึ่งเป็นมาตรฐานที่ใช้กันอย่างแพร่หลายในวงการเว็บ การทำเช่นนี้จะช่วยให้เราสามารถแสดงโค้ดภาษา PostgreSQL, SQL, หรือภาษาอื่น ๆ ได้อย่างสวยงาม อ่านง่าย และเป็นมืออาชีพ

🛠️ ขั้นตอนที่ 1: การติดตั้งไลบรารี (Global Setup) สำหรับ PostgreSQL

ก่อนที่คุณจะโพสต์โค้ด PostgreSQL ใด ๆ คุณต้องทำการเพิ่ม Script และ Style ของ Syntax Highlighter เข้าไปในส่วนหัว (Head) ของ Template ทั้งหมด เพื่อให้ระบบของ Blogger รู้จักและสามารถจัดรูปแบบไวยากรณ์ของ PostgreSQL ได้อย่างถูกต้อง

  1. เข้าสู่หน้าแก้ไข HTML: ล็อกอิน Blogger > การออกแบบ (Theme) > แก้ไข HTML
  2. วางโค้ดไลบรารี: คัดลอกชุดโค้ดไลบรารี (เช่น CDN Scripts) และนำไปวางไว้ก่อนแท็ก </head> เสมอ

💡 ข้อควรระวัง: การวางโค้ดในส่วนนี้คือการตั้งค่าระดับ Global ซึ่งจะส่งผลต่อทุกโพสต์บนบล็อกของคุณ

📝 ขั้นตอนที่ 2: การสร้างและโพสต์โค้ด PostgreSQL

เมื่อติดตั้งไลบรารีเสร็จสิ้นแล้ว การโพสต์โค้ดก็จะง่ายขึ้นมาก เมื่อคุณต้องการโพสต์โค้ด PostgreSQL ให้ใช้เครื่องมือหรือบล็อกที่รองรับการแสดงโค้ด (Code Block) และกำหนดภาษา (Language) ให้เป็น sql หรือ postgresql

ตัวอย่างโค้ด PostgreSQL ที่สมบูรณ์และพร้อมใช้งาน:

SQL

-- คำสั่ง PostgreSQL สำหรับการดึงข้อมูลผู้ใช้ที่ใช้งานล่าสุด
SELECT
    user_id,
    username,
    email,
    last_login
FROM
    users
WHERE
    last_login >= '2024-01-01'::date
ORDER BY
    last_login DESC;

การระบุภาษาให้ถูกต้อง (sql) จะทำให้ Syntax Highlighter สามารถเน้นสีคำสั่ง (Keywords) เช่น SELECT, FROM, WHERE และประเภทข้อมูล (Data Types) ได้อย่างแม่นยำ

✅ บทสรุป: การเผยแพร่โค้ดระดับมืออาชีพ

การโพสต์ Source Code ที่มีคุณภาพบน Blogger ไม่ใช่เรื่องที่เป็นไปไม่ได้ แม้ว่าแพลตฟอร์มจะมีข้อจำกัด แต่ด้วยการทำตามขั้นตอนการติดตั้งไลบรารีภายนอก และการใช้ภาษาที่ถูกต้อง (PostgreSQL) คุณจะสามารถสร้างบทความที่ดูเป็นมืออาชีพ มีความน่าเชื่อถือสูง และช่วยให้ผู้อ่านสามารถคัดลอกโค้ดไปใช้งานได้ทันที