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