Markdown TOC Generator (ສ້າງອັດຕະໂນມັດຈາກ Heading)

ສ້າງ Table of Contents ຈາກ heading ໃນ Markdown ແບບອັດຕະໂນມັດ. ເລືອກລະດັບ heading (ເຊັ່ນ H2-H4), ແລ້ວ copy output ທີ່ແກ້ໄຂໄດ້ແລະນໍາໄປວາງໄດ້ທັນທີ.

ຮອງຮັບ H2-only, anchor mode ແລະ heading ຊໍ້າໂດຍບໍ່ຕ້ອງຕັ້ງຄ່າເພີ່ມ.

ຂໍ້ຄວາມຂອງທ່ານຢູ່ໃນ browser ເທົ່ານັ້ນ ແລະ ບໍ່ຖືກອັບໂຫຼດ.

ວິທີໃຊ້ (30 ວິນາທີ)

  1. ວາງຂໍ້ຄວາມ Markdown ຂອງທ່ານ.
  2. ເລືອກລະດັບ heading (H2-only / H2-H4 ແລະອື່ນໆ).
  3. Copy TOC ທີ່ສ້າງແລ້ວ ແລະ ນໍາໄປວາງໃນເອກະສານຂອງທ່ານ.

ຕົວຢ່າງ input ແລະ output

ຕົວຢ່າງທີ່ມີ heading ຊໍ້າ

Input

# Document Title
## Overview
## Usage
### Install
### Settings
## FAQ
## FAQ

Output (H2-H3 / bullet list / TOC heading ON)

## Table of contents

- [Overview](#overview)
- [Usage](#usage)
  - [Install](#install)
  - [Settings](#settings)
- [FAQ](#faq)
- [FAQ](#faq-2)

ຂໍ້ກໍານົດ (ກົດຂອງ anchor ແລະ duplicate)

ກົດການດຶງ heading

  • ດຶງ ATX heading (# ຫາ ####) ຕາມຊ່ວງທີ່ເລືອກ.
  • ມອງຂ້າມແຖວທີ່ຢູ່ໃນ fenced code block (``` ... ```).
  • ໃຊ້ level filter (H2 only / H2-H3 / H2-H4 / H1-H4).
  • Setext heading (=== / ---) ຍັງບໍ່ຖືກຮວມໃນເວີຊັນທໍາອິດ.

ກົດການສ້າງ Anchor (ກົດຂອງເຄື່ອງມື)

  1. Trim ຂໍ້ຄວາມ heading.
  2. ແປງຕົວອັກສອນເປັນ lowercase.
  3. ແປງຊ່ອງວ່າງເປັນ '-'.
  4. ລຶບສັນຍາລັກທັງໝົດຍົກເວັ້ນ '-'.
  5. ລວມ '--' ທີ່ຊໍ້າກັນໃຫ້ເຫຼືອ '-'.
  6. Trim '-' ທີ່ຫົວ ແລະ ທ້າຍ.
  7. ເພີ່ມ -2, -3 ... ເມື່ອມີ anchor ຊໍ້າ.

ພຶດຕິກໍາຂອງ TOC link ອາດຕ່າງກັນຕາມ hosting platform ແລະ Markdown viewer. ແກ້ໄຂ output ເພີ່ມເຕີມໄດ້ຕາມຕ້ອງການ.

FAQ

ສາມາດສ້າງ TOC ແບບ H2-only ໄດ້ບໍ?

ໄດ້. ເລືອກ "H2 only" ໃນ Heading levels.

anchor text ຖືກກໍານົດແນວໃດ?

Anchor ຖືກສ້າງຕາມກົດທີ່ອະທິບາຍໃນໜ້ານີ້. ທ່ານສາມາດເລືອກ "Custom" ຫຼື ແກ້ output ເອງໄດ້.

heading ຊໍ້າຖືກຈັດການແນວໃດ?

heading ຊໍ້າຈະໄດ້ suffix ເຊັ່ນ -2, -3 ເພື່ອໃຫ້ anchor ບໍ່ຊໍ້າກັນ.

ສາມາດຍົກເວັ້ນ heading ບາງອັນຈາກ TOC ໄດ້ບໍ?

ໄດ້. ໃຊ້ Exclude keywords ໃນ Advanced settings.

ສາມາດສ້າງ TOC ໂດຍບໍ່ມີ link ໄດ້ບໍ?

ໄດ້. ເລືອກ anchor mode "No anchors".

ໝາຍເຫດ

  • ພຶດຕິກໍາຂອງ anchor ແຕກຕ່າງກັນຕາມ Markdown environment.
  • output ແກ້ໄຂໄດ້, ດັ່ງນັ້ນທ່ານສາມາດປັບໃຫ້ເໝາະກັບ renderer ຂອງທ່ານໄດ້.
  • ຂໍ້ຄວາມ input ຖືກປະມວນຜົນໃນ browser ຂອງທ່ານ.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ