Konwerter Markdown na HTML online – Konwertuj .md i GFM na czysty HTML
Konwertuj Markdown (.md) i GitHub Flavoured Markdown (GFM) na czysty, semantyczny kod HTML w czasie rzeczywistym. Idealny do publikowania artykułów z Obsidian, Notion lub VS Code na platformy WordPress i CMS, renderowania dokumentacji GitHub README.md, konwertowania tabel potoków Markdown do znaczników HTML lub eksportowania samodzielnych stron internetowych HTML5.
Twój renderowany na żywo podgląd HTML pojawi się tutaj...
Jak przekonwertować Markdown na HTML online
- Wprowadź lub wklej swój Markdown: Wpisz lub wklej zawartość
.mddo edytora Markdown Input po lewej stronie lub kliknij Load Sample Markdown, aby zobaczyć nagłówki, tabele potoków GFM, listy zadań, cytaty blokowe i Ogrodzone bloki kodu są natychmiast konwertowane. - Wybierz konwersję Preset lub Opcje: Użyj paska Quick Presets (np. GitHub README (GFM), Blog / CMS Clean HTML lub Pełna strona HTML5) lub dostosuj poszczególne pola wyboru w prawym panelu ustawień.
- Podgląd zarówno kodu, jak i renderowanego HTML: Przełącz między HTML Code (w celu sprawdzenia nieprzetworzonych, wciętych znaczników) a Podgląd na żywo (aby zobaczyć, jak Twoje tabele, typografia i podświetlone bloki kodu wyglądają w przeglądarce).
- Kopiuj lub pobierz
.html: Kliknij Kopiuj clipboard, aby wkleić wygenerowany HTML do swojego CMS lub IDE, lub kliknij Pobierz .html, aby zapisać gotowy do użycia plik.
Ściągawka referencyjna konwersji Markdown na HTML
Nasz konwerter obsługuje standardową składnię CommonMark, a także rozszerzenia GitHub Flavoured Markdown (GFM):
| Elementu | Składnia Markdown (.md) |
Wygenerowano dane wyjściowe HTML | |
|---|---|---|---|
| Nagłówki (H1–H6) | # Tytuł / ## Sekcja |
/ |
|
| Pogrubienie i kursywa | **Pogrubienie**, *Kursywa*, ***Oba*** |
Pogrubienie, Kursywa, Obydwa |
|
| Przebicie (GFM) | ~~Przestarzałe~~ |
|
|
| Linki i obrazy | [Dokumenty](https://example.com) |
Dokumenty |
|
| Listy zadań (GFM) | - [x] Ukończone zadanie- [ ] Oczekujące zadanie |
|
|
| Ogrodzone bloki kodu | ```jsconst x = 1;``` |
|
|
| Stoły rurowe (GFM) | | Imię | Wynik || :--- | ---: | |
|
Typowe przypadki użycia konwersji Markdown na HTML
- CMS i publikowanie na blogach: Szkicuj posty w czysty sposób w Obsidian, Notion, iA Writer lub VS Code, a następnie konwertuj je na semantyczne fragmenty HTML gotowe do wklejenia do WordPress, Ghost, Webflow, Shopify lub niestandardowych edytorów CMS.
- GitHub README i dokumentacja techniczna: Podgląd sposobu renderowania plików
README.md, dzienników zmian i dokumentów API — w tym tabele rur GFM, listy kontrolne zadań i automatyczne identyfikatory zakotwiczeń nagłówków (#nazwa-sekcji). - HTML Tworzenie e-maili i biuletynów: Napisz kopię biuletynu w pozbawionym zakłóceń formacie Markdown i eksportuj czyste, wolne od klas HTML akapity, listy i łącza.
- Samodzielne strony internetowe: Włącz Zawijanie w pełnym dokumencie HTML5, aby zamienić dowolną notatkę Markdown w kompletny, samodzielny plik
.htmlz wbudowanym responsywnym CSS i ciemnymi blokami kodu.
Wyjaśniono opcje konwersji
- Sanitize HTML Dane wyjściowe: Chroni Twoją witrynę lub aplikację przed XSS poprzez usuwanie niebezpiecznych tagów (
,,), wbudowane procedury obsługi zdarzeń (onerror,onclick) ijavascript:URI. - GitHub Flavoured Markdown (GFM): Rozszerza standard Markdown o tabele rur (w tym dwukropki wyrównania kolumn
:---,:---:,---:), interaktywna lista zadań pola wyboru,~~przekreślenie~~i automatyczne łączenie URL. - Generuj nagłówek
idSlugs: Automatycznie tworzy przyjazne dla URL identyfikatory slug na znacznikachdo(obsługa zduplikowanych nagłówków za pomocą-1,-2), więc linki zakotwiczające spis treści działają od razu po wyjęciu z pudełka. - Smart Interpunkcja (SmartyPants): Przekształca cudzysłowy ASCII (
"..."i'...'), podwójne/potrójne łączniki (--/---) i trzy kropki (...) w typograficzne cudzysłowy, półkreski (–), em-kreski (—) i elipsy (...) bez dotykania bloków kodu.
Często zadawane pytania
Czy to narzędzie konwertuje tabele rur Markdown na kod HTML ?
Tak! Gdy zaznaczona jest opcja GitHub Flavoured Markdown (GFM) (domyślnie włączona), dowolna tabela potoków Markdown jest konwertowana do strukturalnej tabeli HTML z , Tagi , , i , zachowujące wyrównanie lewej, środkowej i prawej kolumny.
Dlaczego powinienem mieć włączoną opcję „Odkaż dane wyjściowe HTML”?
Markdown domyślnie pozwala na osadzenie surowego HTML. Utrzymywanie zaznaczenia wyjścia Sanitize HTML gwarantuje, że w przypadku konwersji niezaufanej zawartości Markdown, złośliwe tagi , atrybuty onerror lub łącza javascript: zostaną usunięte przed osadzeniem HTML na Twojej stronie internetowej.
Czy mogę wygenerować kompletny plik HTML ze znacznikami i ?
Tak. Sprawdź Zawiń pełny dokument HTML5 (lub kliknij przycisk Full HTML5 Page preset) do wrap przekonwertowanego HTML w kompletnym szablonie
wraz z meta UTF-8 tagi, responsywne ustawienia rzutni i czyste reguły arkusza stylów.
Jak mogę przekonwertować kod HTML z powrotem na Markdown (.md)?
Jeśli masz kod HTML lub tabelę strony internetowej, którą chcesz zamienić w Markdown, skorzystaj z naszego towarzysza HTML na Markdown Converter, do którego link znajduje się poniżej.
