0

Turinio generatorius

Įklijuokite „Markdown“ arba HTML ir gaukite įdėtą, spustelėjamą turinį su tikrais „GitHub“ stiliaus nuo susidūrimo saugiais prieraišiais, taip pat originalų turinį su įterptais antraščių ID.

Automatinis aptikimas pirmiausia ieško tikrų

-

žymų, o tada # antraštės.

Po kiekvienos antraštės prideda atributą {#slug} – palaiko „kramdown“, „Pandoc“, „MkDocs“ ir „GitHub Pages“ („Jekyll“).

Buy Me a Coffee at ko-fi.com
Apdorojama... 0%
Turinio formato aptikimas
Nagrinėjamos antraštės
Apsaugos nuo susidūrimo šliužų priskyrimas
Pastato turinys

Rezultatas

Turinys yra naudingas tik tiek, kiek po ja esančios inkaro nuorodos, o inkaro nuorodos patikimos tik tada, jei kiekviena antraštė turi unikalų, nuspėjamą šliužą. Šis generatorius išanalizuoja antraštes iš to, ką įklijuojate – „Markdown“ ar HTML – ir kiekvienai iš jų priskiria tikrą „GitHub“ stiliaus prieraišą: pakeistos arba pašalintos mažosios raidės, tarpai ir skyrybos ženklai, o svarbiausia – tikras, nuo susidūrimo saugus priesagas, kai kitu atveju dvi antraštės sukurtų tą patį šliužą. Antrasis „Įvadas“ dokumente tampa įvadu-1, trečiasis tampa įvadu-2, stebimas veikiančiu įvykių žemėlapiu tiksliai taip, kaip veikia paties „GitHub“ slankiklis, o ne nuoroda, kuri tyliai perrašo ankstesnes nuorodas, kai antraštės kartojasi, o tai yra vienintelis labiausiai paplitęs rankiniu būdu susuktų turinio lentelės scenarijų nutrūkimo būdas.

Žymėjimo analizė yra pagrįsta eilute pagal paskirtį, nes klasikinis naivaus diegimo nesėkmės režimas „#“, parašytas aptvertame kodo bloke, traktuoja kaip antraštę. Šis įrankis seka, ar ``` arba ~~~ tvora šiuo metu yra atidaryta, kai eina dokumente eilutė po eilutės, ir atpažįsta tik ATX antraštes (nuo # iki ######) už atvirų tvorų ribų, todėl kodo pavyzdys, rodantis apvalkalo komentarus arba Python "# komentaras" niekada neužteršia jūsų turinio. HTML įvestis eina kitokiu, vienodai tikru keliu: jis išanalizuojamas naudojant pačios naršyklės DOMParser, antraštės parenkamos pagal žymos pavadinimą, o kiekvienos iš jų id atributas nustatomas tiesiai faktiniame elemente prieš dokumento seriją grąžinant į eilutę.

Kitame gale išeina du dalykai. Pirma, pati turinys, eksportuojama kaip įdėtas žymėjimo sąrašas (- [Pavadinimas](#slug), įtrauktas pagal antraštės lygį) ir įdėtas HTML sąrašas (<ul><li><a href="#slug">), kiekvienas su savo kopijavimo mygtuku. Antra, jūsų originalus turinys su iš tikrųjų prijungtais prierais: Markdown įvesties įvesties atveju galite pasirinkti plačiai palaikomą {#slug} antraštės atributo sintaksę, kurią naudoja kramdown, Pandoc, MkDocs ir GitHub Pages Jekyll, arba grįžti prie paprastų HTML antraščių žymų su jau nustatyta id="slug", jei jūsų tikslinis pateikimo atributas nesuprantamas. Įvedant HTML, ID įterpiamas tiesiai į analizuojamą antraštės elementą – atskiro „režimo“ pasirinkti nereikia, nes žymos jau yra.

Viskas veikia lokaliai jūsų naršyklėje: analizavimas, slankstelių skaičiavimas ir dokumento surinkimas iš naujo – viskas vyksta naudojant JavaScript puslapyje, kurį šiuo metu žiūrite, niekur nieko neįkeliant. Tai svarbu dokumentacijos juodraščiui, vidiniams wikiams ar nepaskelbtam tinklaraščio įrašui, kurio nesate pasirengę įklijuoti į trečiosios šalies paslaugą, kad gautumėte veikiantį turinį.