ຕົວສ້າງ Markdown TOC (ສ້າງຈາກຫົວຂໍ້)

ສ້າງສາລະບານຈາກຫົວຂໍ້ Markdown ແບບອັດຕະໂນມັດ. ເລືອກລະດັບຫົວຂໍ້ (ເຊັ່ນ H2-H4), ແລ້ວຄັດລອກຜົນລັບທີ່ແກ້ໄຂໄດ້ ແລະວາງໄດ້ທັນທີ.

ຮອງຮັບ H2 ເທົ່ານັ້ນ, ໂໝດ anchor ແລະຫົວຂໍ້ຊ້ຳ ໂດຍບໍ່ຕ້ອງຕັ້ງຄ່າເພີ່ມ.

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

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

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

ຕົວຢ່າງຂໍ້ມູນເຂົ້າ ແລະ ຜົນລັບ

ຕົວຢ່າງທີ່ມີຫົວຂໍ້ຊ້ຳ

ຂໍ້ມູນເຂົ້າ

# ຫົວຂໍ້ເອກະສານ
## ພາບລວມ
## ການໃຊ້ງານ
### ຕິດຕັ້ງ
### ການຕັ້ງຄ່າ
## ຄໍາຖາມທີ່ພົບເລື້ອຍ
## ຄໍາຖາມທີ່ພົບເລື້ອຍ

ຜົນລັບ (H2-H3 / ລາຍການຈຸດ / ຫົວຂໍ້ TOC ເປີດ)

## ສາລະບານ

- [ພາບລວມ](#ພາບລວມ)
- [ການໃຊ້ງານ](#ການໃຊ້ງານ)
  - [ຕິດຕັ້ງ](#ຕິດຕັ້ງ)
  - [ການຕັ້ງຄ່າ](#ການຕັ້ງຄ່າ)
- [ຄໍາຖາມທີ່ພົບເລື້ອຍ](#ຄໍາຖາມທີ່ພົບເລື້ອຍ)
- [ຄໍາຖາມທີ່ພົບເລື້ອຍ](#ຄໍາຖາມທີ່ພົບເລື້ອຍ-2)

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

ກົດການດຶງຫົວຂໍ້

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

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

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

ພຶດຕິກໍາຂອງລິ້ງ TOC ອາດຕ່າງກັນຕາມແພລດຟອມທີ່ໂຮດ ແລະຕົວເບິ່ງ Markdown. ແກ້ໄຂຜົນລັບເພີ່ມເຕີມໄດ້ຕາມຕ້ອງການ.

FAQ

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

ໄດ້. ເລືອກ "H2 ເທົ່ານັ້ນ" ໃນລະດັບຫົວຂໍ້.

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

ການສ້າງ anchor ຈະອີງຕາມກົດທີ່ອະທິບາຍໃນໜ້ານີ້. ທ່ານສາມາດເລືອກ "ກຳນົດເອງ" ຫຼືແກ້ຜົນລັບເອງໄດ້.

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

ຫົວຂໍ້ທີ່ຊ້ຳກັນຈະໄດ້ suffix ເຊັ່ນ -2, -3 ເພື່ອໃຫ້ anchor ບໍ່ຊ້ຳກັນ.

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

ໄດ້. ໃຊ້ຄໍາສໍາຄັນທີ່ຍົກເວັ້ນໃນການຕັ້ງຄ່າຂັ້ນສູງ.

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

ໄດ້. ເລືອກໂໝດ anchor "ບໍ່ມີ anchor".

ໝາຍເຫດ

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