Możemy również dodać akapity jako blokady w Markdown. Utworzymy blokto i dodamy tekst cytatu tutaj w tym przewodniku i wyjaśnimy go szczegółowo. Wykonamy również wiele kodów, w których wygenerujemy blokady w tym przewodniku. Teraz idź naprzód i zobacz praktyczną demonstrację tej koncepcji w tym przewodniku.
Przykład 01
Najlepszym narzędziem do kodu Markdown jest „Visual Studio Code”, a dokładnie to, czego używamy tutaj w tym przewodniku. Podczas pracy nad tym narzędziem zarówno okno podglądu, jak i plik tekstowy muszą zostać otwarte tutaj. Możemy wybrać język po otwarciu nowego pliku tekstowego, który wyświetla wybór wyboru języka. Tam po prostu wybieramy Markdown. Następnie skręcamy w prawo i otwieramy okno podglądu, wybierając je z ikon w prawym górnym rogu pliku tekstowego. Obecnie mamy tutaj okno podglądu i plik tekstowy. Musimy utworzyć blokadę. Tak więc, jak omówiliśmy, stawiamy większy symbol „>” do tworzenia blokonu w Markdown. Dodaliśmy ten „>” większy niż symbol w tym edytorze tekstu, a następnie dodaliśmy tutaj „Cytat tekst”. Ten tekst zostanie dodany jako blokada i pomoże przyciągnąć uwagę użytkownika. Teraz zobacz wyjście i sposób, w jaki BLOKQUOTE pojawi się na ekranie.
Pokazany tutaj tekst jest tekstem blokowym, który dodaliśmy w powyższym kodzie, i możesz zauważyć, że ten tekst jest dodawany do bloku.
Przykład 02
Teraz w tym przykładzie tworzymy wiele bloków. Dodaliśmy jeden większy niż znak i dodaliśmy tam trochę tekstu. Następnie w następnym wierszu ponownie umieszczamy większą niż znak, ale tutaj nie dodajemy żadnego tekstu. Poniżej, po włożeniu większego niż symbol, ponownie wpisujemy tam nową linię. Teraz umieszczamy miejsce na linii i piszemy tekst bez dodawania większego niż symbol. Następnie ponownie używamy większego niż symbol i piszemy cytowany tekst tutaj. W linii obok tego znowu robimy to samo.
Następnie ponownie dodajemy jedną nową pustą linię, dodajemy tekst w następnym wierszu, a następnie ponownie wygenerujemy blokadę. Tutaj wygenerowaliśmy wiele bloków. Teraz sprawdź okno podglądu.
W tym wyniku wykonuje wiele bloków i łatwo przyciąga naszą uwagę, gdy patrzymy na to wyjście. Wygenerowaliśmy te blokady, po prostu dodając większy niż symbol w naszym kodzie powyżej.
Przykład 03
Możemy również wstawić cały akapit jako blokot, po prostu dodając cały akapit z symbolem „>”. Tutaj wstawiamy symbol „>”, a następnie piszemy akapit po dodaniu tam symbolu „>”. Tak więc cały akapit zostanie dodany jako tekst blokowy.
Kompletny akapit jest teraz dodawany do bloku, jak pokazano poniżej, ponieważ dodaliśmy „>” większy niż symbol przed wpisaniem całego akapitu w pliku tekstowym, który jest również wyświetlany powyżej.
Przykład 04
Teraz tworzymy tutaj zagnieżdżone bloki. Zagnieżdżone blokady to te, które dodaliśmy w poprzednich blokach. W tym przykładzie pokażemy zagnieżdżone bloki. Dodaliśmy pierwszy blokto i cytowany tekst tutaj, wykorzystując symbol „>”. Następnie wstawiamy tylko większy niż znak w następnym wierszu i ponownie umieszczamy tekst z symbolem „>” poniżej tego.
Następnie tworzymy zagnieżdżony blokot tutaj. W tym celu umieszczamy dwa znaki „>>”, więc utworzony jest tutaj zagnieżdżony blokada. Dodaliśmy również tekst w tym zagnieżdżonym bloku. Teraz chcemy dodać kolejny blokot w tym zagnieżdżonym blokie, więc dodaliśmy symbole „>>> i dodaliśmy tam tekst. Teraz te zagnieżdżone bloki są tam generowane i będą również pokazane w wyniku poniżej.
Tutaj pokazano zagnieżdżone blokady i można łatwo zrozumieć, które są zagnieżdżonymi blokami w tym danym wyniku. Te zagnieżdżone bloki są wynikiem symboli „>>” i „>>>”, które włożliśmy do powyższego pliku.
Przykład 05
Możemy łatwo zastosować formatowanie do tekstu, który dodaliśmy w blokach. Omówimy w tym przykładzie, jak dodać tekst formatowania wewnątrz bloków. Dodaliśmy linię przed blokiem, a następnie generujemy blokot za pomocą symbolu „>”. Następnie dodaliśmy tekst między gwiazdkami. Przed napisaniem tekstu umieściliśmy dwie gwiazdki, a dwie gwiazdki są dodawane po zakończeniu tekstu, które chcemy wprowadzić w tym bloku.
Tak więc te gwiazdki pomogą w odważnym tekście, który pojawi się jako cytowany tekst. Następnie chcemy dodać tekst kursywy w bloku. Dodaliśmy więc podkreślenia, a tekst jest zapisywany w tych podkreśleniach. Jeden podkreślenie jest wstawiany na początku linii po symbolu „>”, a jeden podkreślenie jest wstawiany po zakończeniu tekstu, jak pokazano. Chcemy również dodać tekst StrikeThrough w bloku. W tym celu dodaliśmy „~~” po większej niż znak i napisaliśmy tekst, a następnie ponownie umieściliśmy dwa tyldy na końcu.
Teraz tekst zapisany w tych tyłowiskach pojawi się z Strikethrough na nim jako cytowany tekst.
Wszystkie trzy bloki są pokazane poniżej. Tekst w pierwszym bloku jest pokazany odważnym. Tekst, który jest renderowany w drugim bloku, jest w kursywa.
Przykład 06
Teraz dodajemy listy w blokach. Wygenerowaliśmy blokady w taki sam sposób, jak wspomnialiśmy powyżej, ale tutaj dodajemy listę nieopisaną w pierwszym bloku, a uporządkowana lista jest wstawiana do drugiego bloku, jak pokazano na poniższym obrazku.
Dane wyjściowe pokazuje, że zarówno uporządkowane, jak i nieoprzeżone listy są wyświetlane w blokach osobno. Stworzyliśmy również te blokady, wykorzystując symbol „>”.
Wniosek
W tym przewodniku napisaliśmy o „Markdown Quote Text and Blockquote”. Omówiliśmy, że blokady pomagają przyciągnąć uwagę użytkownika. Tekst lub akapit, który napisaliśmy w blokach, to cytowany tekst. W tym przewodniku wygenerowaliśmy pojedyncze bloki, a także wiele bloków. W przykładzie wygenerowaliśmy również zagnieżdżone bloki. Wyjaśniliśmy również, jak dodać tekst formatowania w blokach w Markdown i jak dodać listy w blokach tutaj.