Jak przekonwertować Markdown na HTML
W HTML musimy dodać wiele tagów, a styl jest również dodawany do HTML do formatowania. Możemy wykonywać te same zadania w HTML, co możemy również wykonać za pomocą Markdown. Możemy łatwo przekonwertować plik Markdown na plik HTML, po prostu używając niektórych poleceń. Wyjaśnimy, jak przekonwertować znak na HTML tutaj. Przeliczymy również Markdown na HTML i podamy szczegółowy opis tej koncepcji w tym przewodniku. Teraz konwertujemy plik Markdown na plik HTML. Ponadto pokażemy i wyjaśnimy każdy krok, który musimy przestrzegać, aby przekonwertować plik Markdown na plik HTML w kodzie Visual Studio.
Przykład 1:
Używamy tutaj kodu Visual Studio. Pokazujemy, jak konwertujemy plik Markdown na plik HTML w kodzie Visual Studio. W tym celu musimy mieć plik Markdown w tym kodzie Visual Studio. Plik, który tutaj tworzymy.MD ”. W tym pliku dodajemy nagłówek za pomocą znacznika „#”. Następnie dodajemy tekst poniżej tego nagłówka, który jest prostym tekstem lub akapitem. Teraz wstawiamy również inną linię, która jest odważna, ponieważ wstawiamy dwie gwiazdki na początku i dwie gwiazdki na końcu tej linii. Tak więc ta linia wydaje się tutaj odważna. Po tym tworzymy słowo „lista” kursywa. Stworzymy to słowo kursywa za pomocą dwóch podkreśleń. Jeden podkreślenie jest dodawany na początku, a na końcu słowa dodaje się jeden podkreślenie. Na poniższej ilustracji generujemy uporządkowaną listę, umieszczając numer i umieszczając kropkę po numerze. Teraz zapisujemy ten plik. Pokazamy również, jak ten plik pojawia się w oknie podglądu.
Po prostu pokazujemy wyjście kodu Markdown w oknie podglądu. Teraz konwertujemy ten znacznik na HTML. Idź naprzód i zobacz na poniższej ilustracji, jak przekonwertować ten plik Markdown na plik HTML:
Otwórz terminal, klikając terminal na pasku zadań, który jest obecny u góry tego kodu Studio Visual. Po otwarciu tego terminala wpisz „kod -install -extension yzhang.Polecenie Markdown-All-In-One, które pokazano również następująco. Po wpisaniu tego polecenia w terminalu kodu Visual Studio, nacisnęliśmy klawisz „Enter”. Po pomyślnym skompilowaniu tego polecenia idziemy do przodu. To polecenie pomaga w zainstalowaniu tego rozszerzenia, które jest tutaj wspomniane.
Gdy poprzednie rozszerzenie zostanie pomyślnie zainstalowane, otwieramy „paletę poleceń” w tym kodzie Visual Studio. Ta paleta poleceń jest otwarta po prostu uderzeniem klawiszy „Ctrl+Shift+P”. Następnie rozwijanie jest otwarte na górze tej aplikacji Visual Studio Code. Tutaj po prostu wpisujemy „Markdown”, a następnie pojawia się wiele poleceń. Wybieramy tutaj „Markdown All in One: Drukuj bieżący dokument do HTML”, jak pokazano na poniższym obrazku. Tutaj wybieramy to polecenie po naciśnięciu „Ctrl+Shift+P”. Teraz ten plik Markdown jest przekonwertowany na plik HTML z pomocą tego polecenia, które tutaj wybraliśmy.
Oba pliki są pokazane tutaj. Konwertujemy ten „myabcfile.MD ”w„ myabcfile.plik html ”. Markdown, a także plik HTML jest pokazany na poniższym obrazku. Ten plik HTML zawiera wszystkie dane, które dodaliśmy w pliku Markdown. Ale jedyną różnicą jest to, że plik HTML zawiera różne tagi i stylizację, ale plik Markdown nie zawiera wielu tagów.
Plik HTML jest również pokazany na poniższym obrazie. W tym pliku możesz zwrócić uwagę na „,, i wiele tagów”. Jest to więc najprostszy sposób na konwersję znacznika na HTML.
Przykład 2:
W tym pliku Markdown dodajemy nagłówek, nieoporządkowaną listę, uporządkowaną listę, tekst i sformatowany tekst. Wkładamy tutaj nagłówek. Następnie piszemy również tekst i dodajemy listę nieuporządkowaną. Następnie dodajemy kolejną linię, w której wkładamy również kilka słów, w których stosujemy odważne i kursywne style. Następnie umieszczamy uporządkowaną listę i nową linię po tej uporządkowanej listy. Teraz zapisujemy ten plik, a nazwa tego pliku Markdown to „AbcFile.MD ”. Teraz konwertujemy ten „abcfile.MD ”w pliku HTML.
Ponownie otwieramy terminal w taki sam sposób, jak wcześniej omówiliśmy i piszemy podane polecenie w terminalu kodu Visual Studio. Po uruchomieniu danego polecenia zamykamy ten terminal.
Następnie nacisamy „Ctrl+Shift+P” i otwieramy polecenie palety. Tutaj wybieramy polecenie wyświetlane na obrazie u góry. To konwertuje poprzedni plik kodu Markdown w plik HTML.
Oba pliki są wyświetlane tutaj. Ten „Abcfile.plik MD ”jest przekonwertowany na„ AbcFile.plik html ”. Poniższy obraz wyświetla zarówno pliki Markdown, jak i HTML. Jedyną różnicą między tym plikiem HTML a plik Markdown polega na tym, że plik HTML używa różnych tagów i stylizacji, podczas gdy plik Markdown używa mniej symboli. Ten plik HTML zawiera wszystkie informacje, które zostały wniesione do pliku Markdown.
Kiedy otwieramy ten plik HTML, widzimy tam wiele tagów, których nie dodaliśmy do Markdown, ponieważ język Markdown nie potrzebuje wielu tagów. Markdown to bardzo prosty i łatwy język. Jak pokazano na tym obrazie, dodaje „
„Tag do tworzenia„ blokady ”. Ale w pliku Markdown po prostu dodajemy symbol większy niż „>”, aby wygenerować ten blokot.W przypadku listy nieuporządkowanej plik HTML zawiera „
”Otwarcie i zamykanie tagów, a także„
- „Tag, aby dodać element listy. Ale w poprzednim pliku Markdown po prostu dodajemy symbol „-”, aby utworzyć listę nieopisaną. Również tutaj jest znacznik „ol”, który służy do dodania uporządkowanej listy. W Markdown generujemy tę uporządkowaną listę, wkładając numer i kropkę dla tej uporządkowanej listy. Łatwo konwertujemy poprzedni plik Markdown na plik HTML tutaj.
Wniosek
W tym przewodniku przedstawiliśmy szczegółowy opis, jak przekonwertować znacznik na HTML. Wyjaśniliśmy, jak to robimy w kodzie Visual Studio i przekonwertowaliśmy dwa pliki Markdown na pliki HTML w tym przewodniku. Wyjaśniliśmy, że musimy zainstalować jedno rozszerzenie po utworzeniu pliku Markdown, a następnie musimy otworzyć paletę poleceń, aby wybrać polecenie, które pomaga w konwersji pliku Markdown w plik HTML. W tym przewodniku pokazaliśmy również plik Markdown, jak i HTML, dzięki czemu można łatwo sprawdzić dane obu plików. Konwersja Markdown na HTML jest tutaj szczegółowo wyjaśniona.