Предпоставки:
За да изпълните стъпките, които са демонстрирани в това ръководство, имате нужда от следните компоненти:
- Подходящ редактор на Markdown. Например, VSCodium , Натиснете (вилица на атом ), или който и да е онлайн редактор за маркиране.
- Основно разбиране на Markdown (по избор).
Markdown
Markdown е популярен език за маркиране, който позволява добавянето на различни елементи (заглавия, изображения, таблици и т.н.) към обикновените текстови документи. Освен вградения си синтаксис, Markdown поддържа и различни HTML тагове. Той придоби популярност с времето заради интересния си набор от функции:
- Лек : В сравнение с други езици за маркиране, Markdown е прост и лек. Стандартният Markdown не включва много синтаксиси, като същевременно запазва разнообразните си функции.
- Преносимост : Документът Markdown е основно обикновен текст. Така всяка програма може да работи с него. Можете също така да създадете форматиран с Markdown текст на всяка платформа.
- Популярност : Markdown се използва за създаване на уебсайтове, документи, бележки, имейли и други. Големи корпорации като Reddit, GitHub и др. също поддържат Markdown.
Хоризонтални линии в Markdown
В Markdown хоризонталната линия се появява като нещо подобно:
Има различни случаи, в които може да искате да добавите хоризонтална линия в документ. Например, обозначаване на началото/края на раздел.
Създаване на нов документ
Докато работим с редактора на Pulsar, трябва да отворим нов текстов файл, за да съхраним нашия Markdown документ. От главния прозорец отидете на Файл >> Нов файл или използвайте „ Ctrl + N ” клавишна комбинация.
Редакторът Pulsar идва с функция за предварителен преглед на Markdown на живо. За да активирате визуализацията на живо, отидете на Пакети >> Преглед на Markdown >> Превключване на преглед . Като алтернатива използвайте „ Ctrl + Shift + M ” клавишна комбинация.
Създаване на хоризонтални линии
В Markdown има няколко синтаксиса за обозначаване на хоризонтална линия:
- ***
- —
- ___
Всички те ще доведат до подобен резултат.
За да демонстрирате, копирайте и поставете следния код в текстовия редактор:
# Здравей свят___
# бързата кафява лисица
***
# прескача мързеливото куче
___
#123456789
Тук:
- За по-добра визуализация използваме форматирането H1 за всеки ред от текста.
- Създаваме три хоризонтални линии, използвайки три различни символа.
- Има нов ред преди и след всеки от символите на хоризонталната линия.
Препоръчително е да използвате такъв интервал, тъй като символът „—“ без интервал означава заглавие:
грешен метод---
Здравей свят
Създаване на хоризонтални линии с помощта на HTML
Ако сте работили с HTML преди, вероятно сте запознати с
за създаване на хоризонтални линии. Работи и в Markdown.
Вижте следния код:
## Здравей свят< ч />
Тук:
- Използваме H2 форматирането за текста.
- The
генерира хоризонтална линия в изобразения изход.
Едно интересно предимство на този подход е, че не е нужно да се притеснявате за случайно създаване на заглавие.
The
таг също така позволява настройване на различни свойства на изхода. Например: цвят, ширина и т.н. Вижте следния пример:
< hr стил = 'граница: 3px плътно зелено' />
## пример 2
< hr стил = 'граница: 9px пунктирана червена' />
## пример 3
< hr стил = 'граница: 9px плътна; border-radius:9px; височина:33px' />
Тук:
- Всички примери включват CSS за стилизиране на хоризонталната линия.
- В първия пример създаваме проста цветна хоризонтална линия.
- Във втория пример създаваме прекъсната хоризонтална линия.
- В третия пример създаваме заоблена хоризонтална линия.
За да научите повече, разгледайте тага
в HTML .
Експортиране на Markdown като HTML
С правилния инструмент документ, форматиран с Markdown, може да бъде конвертиран в HTML. Редакторът Pulsar идва с тази вградена функция.
За да копирате изобразения изход като HTML, щракнете с десния бутон върху прозореца за визуализация и изберете „Копиране като HTML“.
Полученият HTML изглежда така:
Заключение
Обсъдихме създаването на хоризонтални линии в Markdown. Ние демонстрирахме използването както на вградения синтаксис Markdown, така и на HTML синтаксиса за създаване на хоризонтални линии.
Интересувате ли се да научите повече за Markdown? Разгледайте Подкатегория Markdown .