Blok kodu Markdown
Rodzaje bloków kodu
Mamy dwa rodzaje bloków kodu w Markdown, a są to:
- Wcięty blok kodu.
- Ogrodzony blok kodu.
Wcięte bloki kodu
W bloku kodu wcięci się w każdym wierszu, umieszczając cztery przestrzenie przed tekstem. Jeśli dodamy jakąkolwiek pustą linię w tym bloku kodu, wówczas ten wiersz jest również zawarty w bloku kodu wciętego. Kiedy piszemy nową linię lub akapit, który nie jest wcięty, to wcięte blok kodu kończy się i uruchamia nowy akapit z tej linii.
Ogrodzone bloki kodu
W ogrodzonym bloku kodu musimy na początku umieścić trzy („”). Możemy to również zrobić, umieszczając Tyldes (~~~) zamiast tego. Pamiętaj o jednej rzeczy; musisz użyć tego samego symbolu na początku i na końcu bloku kodu, a także umieścić te same liczby symboli na początku i na końcu bloku kodu.
Przykład nr 01: Blok kodu wciętego
Kod Visual Studio jest wykorzystywany w tym przewodniku do wykonywania kodów Markdown. Musimy otworzyć nowy plik tekstowy w kodzie Visual Studio, a następnie wybrać Markdown jako język. Kiedy wybieramy ten język, następnie rozszerzenie pliku, które jest „.MD ”jest automatycznie dodawany do tego pliku, gdy go zapiszymy. Do wykonywania kodów Markdown najpierw instalujemy rozszerzenie tego znacznika. W tym celu otwieramy rozszerzenia od ustawienia obecnego na lewym dole kodu Visual Studio, a następnie instaluje „Markdown All in One”. Teraz to rozszerzenie jest zainstalowane.
Następnie, aby uzyskać wyjście, wymagaliśmy okna podglądu. Możemy łatwo otworzyć okno podglądu z prawego górnego rogu kodu Visual Studio. Teraz zarówno edytor tekstu, jak i okno podglądu są otwarte przed nami. W edytorze tekstu dodajemy prosty tekst, a także blok kodu. Piszemy tutaj akapit i nie wgrywamy tego akapitu. Jak omówiliśmy, w celu utworzenia wciętego bloku kodu w Markdown, musimy wdrożyć tekst lub akapit cztery przestrzenie. Tworzymy cztery przestrzenie, a następnie dodajemy tekst, aby drugi wiersz został wstawiony jako blok kodu.
Następnie dodajemy kolejny akapit, który nie jest wcięty, więc nie jest zawarty w powyższym bloku kodu. Poniżej ponownie dodajemy cztery przestrzenie, a następnie dodajemy nowy akapit, więc jest to także blok kodu wcięty. Następnie ponownie umieszczamy prosty akapit bez wgłębienia, więc blok kodu kończy się na powyższej linii.
W oknie podglądu ten wynik jest renderowany. Tutaj linie wcięte są pokazane jako blok kodu. Wygenerowaliśmy te bloki kodu, dodając cztery przestrzenie przed akapitem. To są wcięte bloki kodu.
Przykład nr 02: Ogrodzony blok kodu
W tym kodzie tworzymy ogrodzone bloki kodu, umieszczając trzy („”) backty w punkcie, w którym musimy utworzyć blok kodu. W tym ogrodzonym bloku kodu nie musimy wdrożyć linii, które chcemy dodać do bloku kodu. Po dodaniu („”) umieszczamy tekst, a następnie ponownie miejsce („”) na końcu, gdzie chcemy zamknąć ten ogrodzony blok kodu. Dodajemy tekst i funkcję w tym ogrodzonym bloku kodu.
Następnie dodajemy jedną linię poza ogrodzonym blokiem kodu, a następnie ponownie generujemy nowy ogrodzony blok kodu, umieszczając („”). Zawiera wszystkie dane, które dodają do tego bloku kodu, a następnie zamyka ogrodzony blok kodu za pomocą („”). Tak więc wygenerowaliśmy tutaj dwa różne ogrodzone bloki kodu.
Tutaj pokazano oba ogrodzone bloki kodów, a wszystkie dane, które dodaliśmy powyżej, pokazano na obrazie. Tekst, który nie został dodany pomiędzy tymi („”) symbolami backticks nie jest pokazany w ogrodzonych blokach kodu. Te linie są wyświetlane osobno tam, gdzie je dodaliśmy.
Przykład nr 03
Najpierw dodajemy tutaj akapit, który nie jest wcięty, a po tym umieszczamy nową linię, która jest wcięta. Tak więc generuje blok kodu tutaj. Linia lub akapit poniżej jest również wcięta, więc doda również do tego bloku kodu. Teraz wstawiamy przestrzeń linii, a następnie ponownie umieszczamy cztery przestrzenie w wciętych liniach. Tutaj ta przestrzeń linii nie wpływa na blok kodu. Wcięte blok kodu kończy się tylko wtedy, gdy dodaliśmy akapit, który nie jest wcięty. Poniżej dodaliśmy dwa linii, a blok kodu nie zakończy. Po tych dwóch liniowych przestrzeniach dodajemy jeszcze jedną wciętą. Teraz dodaliśmy akapit, który nie jest wcięty tutaj. Tak więc blok kodu wcięty tutaj kończy się.
Tutaj widzisz, że przestrzenie linii są również dodawane w bloku kodu, a ten wcięty blok kodu kończy się, w którym dodaliśmy akapit bez go.
Przykład nr 04
Tutaj stosujemy formatowanie do prostego akapitu, a także do akapitów, które wcięliśmy. Najpierw dodajemy akapit, który nie jest wcięty i umieszczamy dwie gwiazdki na początku akapitu i dwie gwiazdki na końcu akapitu, aby ten akapit odważny. Następnie dodaliśmy wcięty akapit, a także umieściliśmy ten wcięty akapit wewnątrz czterech gwiazdek, gdy dodaliśmy powyższy akapit.
Teraz kończymy ten wcięty blok kodu i piszemy akapit wewnątrz dwóch gwiazdek, aby był kursywa. Następnie wciśnij nowy akapit poniżej dwóch w dwóch gwiazdkach. Następnie wstawiliśmy akapit, który nie jest wcięty, więc powyższy blok kodu kończy się, a prosty akapit jest teraz dodawany. Umieszczamy trzy gwiazdki na początku i trzy na końcu tego akapitu, więc będzie wyświetlany odważnym i kursywą. Piszemy również wcięty akapit poniżej, w taki sam sposób, jak powyższy akapit wewnątrz sześciu gwiazdek. Teraz sprawdź poniższe wyjście.
W tym przypadku wszystkie formatowanie stosuje się do prostych akapitów, ale te akapity, które są dodawane w bloku kodu wciętego. Akapity wewnątrz wciętych bloków kodu nie są wyświetlane w kursywie ani nie odważne, ale są wyświetlane w prostym formacie. A proste akapity, które nie są wcięte, są sformatowane i są wyświetlane w formacie pogrubionym lub kursywnym, jak dodaliśmy w kodzie. Wszystkie gwiazdki, które dodaliśmy do wciętych akapitów bloków kodu, są również wyświetlane na wyjściu.
Wniosek
Bloki kodu są omówione w tym przewodniku. Wyjaśniliśmy tutaj dwa bloki kodu, które są ogrodzonymi blokami kodu i wciętymi blokami kodu. Wyjaśniliśmy również, jak wygenerować „wcięty blok kodu” w Markdown, a także „Blok ogrodzonego kodu” w Markdown. Utworzyliśmy również oba bloki kodów w tym przewodniku i pokazaliśmy, jak to zrobić. Przedstawiliśmy tutaj odpowiednie wytyczne dotyczące tworzenia bloków kodu w znaczniku w tym przewodniku.