Markdown Toolbox Logo Markdown Toolbox
บ้าน
บล็อก

การไฮไลต์ไวยากรณ์โค้ดในมาร์กดาวน์

2024-09-25

เวอร์ชันสั้น

ในการใช้ฟอนต์ที่มาพร้อมกับการเน้นไวยากรณ์ในตัว ให้ทำตามคำแนะนำการติดตั้งที่ระบุในเอกสารของฟอนต์นั้นๆ

<link rel="stylesheet" href="https://example.com/font.css">

เวอร์ชันยาว

บทนำ

ฟอนต์บางประเภทมีการเน้นไวยากรณ์ในตัวที่ช่วยเพิ่มความน่าสนใจให้กับบล็อกโค้ดในเอกสาร Markdown

ขั้นตอนในการใช้งาน

  1. เลือกฟอนต์: เลือกฟอนต์ที่รองรับการเน้นไวยากรณ์ เช่น ฟอนต์ที่มีอยู่ที่ Glyph Drawing.

  2. รวมฟอนต์ในเอกสารของคุณ: เพิ่มลิงก์ที่เหมาะสมเพื่อรวมสไตล์ชีทของฟอนต์ที่จุดเริ่มต้นของเอกสาร HTML ของคุณ

<link rel="stylesheet" href="https://example.com/font.css" />
  1. นำฟอนต์ไปใช้: ใช้ CSS เพื่อนำฟอนต์ไปใช้กับองค์ประกอบโค้ดใน Markdown ตามที่ต้องการ

ตัวอย่างการใช้งาน CSS

code,
pre {
    font-family: 'Your Font Name';
}

ด้วยวิธีนี้คุณสามารถใช้ฟอนต์ที่กำหนดเองเพื่อปรับปรุงลักษณะของโค้ดที่นำเสนอภายใน Markdown โดยใช้การเน้นไวยากรณ์ในตัวที่มันมีให้