Laman » Toolkit » Auto-Generate Table of Contents Menggunakan Tocbot

    Auto-Generate Table of Contents Menggunakan Tocbot

    Kandungan lebih panjang menjadi norma dengan penerimaan yang lebih baik daripada Google dan juga pengguna. Tetapi boleh mendapatkan sedikit ketuk untuk membaca kandungan jangka panjang dengan banyak sub-tajuk untuk melayari.

    Masukkan Tocbot, percuma jadual kandungan generator yang dibina di atas JavaScript. Ini secara automatik mewujudkan senarai ToC tetap pada mana-mana halaman dan mengemas kini kedudukan anda semasa anda menatal melepasi setiap tajuk.

    Halaman utama termasuk pratonton penuh bersama-sama dengan dokumentasi yang boleh anda ikuti untuk mendapatkan semua persediaan ini.

    Tocbot mempunyai tiada kebergantungan dan harus berjalan di mana-mana penyemak imbas dengan JavaScript diaktifkan. Anda hanya masukkan fail Tocbot JS / CSS dan mari 'em lari. Mudah!

    Anda juga boleh menggunakan versi CDN jika anda tidak mahu memuat turun sesuatu secara tempatan. Ia cantik persediaan mudah dan anda juga boleh menyesuaikan jadual kandungan untuk memenuhi keperluan anda.

    Walau bagaimanapun, ini memerlukan sedikit JavaScript untuk mendapatkannya berfungsi. Khususnya anda perlu menjalankan di dalamnya() fungsi dengan parameter menentukan di mana navigasi anda akan muncul dan yang menuju (s) yang anda hendak sasaran (contohnya H1-H6).

    Lihat repo GitHub untuk maklumat lebih banyak persediaan. Ini termasuk sokongan penyemak imbas, semua parameter tersuai, dan arahan persediaan untuk fail JS / CSS utama.

    API datang dengan banyak ciri yang anda boleh edit juga:

    • Senarai barang lipat.
    • Sub-tajuk dalam jadual.
    • Offset untuk navigasi jadual.
    • Tetap nav atau statik.
    • Pautan tambahan untuk ditambah ke navigasi.

    Sesetengah pereka mungkin lebih suka membuat jadual kandungan mereka sendiri dari awal. Tetapi itu adalah proses yang agak teknikal dan memerlukan banyak usaha manual.

    Dengan Tocbot anda hanya satu fungsi JS dari ToC yang berfungsi yang berjalan secara dinamik di semua tajuk halaman anda.

    Untuk mengetahui lebih lanjut, lawati laman web Tocbot. Ini mempunyai semua maklumat persediaan yang anda perlukan bersama dengan pautan muat turun ke versi CDN (dan tempatan) semua fail Tocbot.