สร้างสารบัญอัตโนมัติโดยใช้ Tocbot

เนื้อหาที่ยาวขึ้นกำลังกลายเป็นบรรทัดฐานที่มีการรับสัญญาณที่แข็งแกร่งจาก Google และผู้ใช้ แต่มันสามารถ ลองอ่านเนื้อหาแบบยาว ๆ หน่อย พร้อมหัวเรื่องย่อยมากมายเพื่อเรียกดู.

เข้าสู่ Tocbot ฟรี สารบัญของตัวสร้างเนื้อหาที่สร้างขึ้นบน JavaScript. สิ่งนี้จะสร้างรายการ ToC ที่แก้ไขโดยอัตโนมัติในหน้าใดก็ได้และอัปเดตตำแหน่งของคุณเมื่อคุณเลื่อนแต่ละหัวข้อ.

หน้าหลักมีตัวอย่างเต็มพร้อมด้วยเอกสารประกอบที่คุณสามารถติดตามเพื่อรับการตั้งค่าทั้งหมดนี้.

Tocbot มี ไม่มีการอ้างอิงและควรรันในเบราว์เซอร์ใด ๆ ด้วยการเปิดใช้งาน JavaScript คุณเพียงแค่รวมไฟล์ Tocbot JS / CSS และปล่อยให้ทำงาน ง่าย!

คุณสามารถใช้เวอร์ชัน CDN ได้หากคุณไม่ต้องการดาวน์โหลดอะไรในเครื่อง มันสวย ติดตั้งง่ายและคุณยังสามารถปรับแต่งสารบัญได้อีกด้วย เพื่อให้เหมาะกับความต้องการของคุณ.

อย่างไรก็ตามการทำเช่นนี้จำเป็นต้องใช้ JavaScript เพื่อให้ทำงานได้ โดยเฉพาะคุณต้องเรียกใช้ ในนั้น() ฟังก์ชั่นที่มีพารามิเตอร์ที่กำหนดว่าการนำทางของคุณควรปรากฏที่ไหนและหัวเรื่องใดที่คุณต้องการกำหนดเป้าหมาย (เช่น H1-H6).

ดู repo GitHub สำหรับข้อมูลการตั้งค่าเพิ่มเติม ซึ่งรวมถึง การสนับสนุนเบราว์เซอร์พารามิเตอร์ที่กำหนดเองทั้งหมดและคำแนะนำในการตั้งค่า สำหรับไฟล์ JS / CSS หลัก.

API มาพร้อมกับ มาก คุณลักษณะที่คุณสามารถแก้ไขได้:

• รายการที่พับได้.
• หัวเรื่องย่อยในตาราง.
• ออฟเซ็ตสำหรับการนำทางตาราง.
• คง nav หรือคงที่.
• ลิงก์พิเศษเพื่อเพิ่มในการนำทาง.

นักออกแบบบางคนอาจต้องการสร้างสารบัญของตนเองตั้งแต่เริ่มต้น แต่นั่นเป็นกระบวนการทางเทคนิคที่ค่อนข้างยุติธรรมและต้องใช้ความพยายามอย่างมาก.

กับ Tocbot คุณเป็นเพียงหนึ่งในฟังก์ชัน JS ที่อยู่ห่างจาก ToC ที่ใช้งานได้ ที่ทำงานแบบไดนามิกในทุกส่วนหัวของหน้า.

หากต้องการเรียนรู้เพิ่มเติมโปรดไปที่หน้าแรกของ Tocbot นี่เป็นข้อมูลการตั้งค่าทั้งหมดที่คุณต้องการพร้อมกับลิงค์ดาวน์โหลดไปยังไฟล์ Tocbot ทุกเวอร์ชันของ CDN (และในพื้นที่).