Синтаксис Markdown сейчас используется на многих современных площадках, и все наши старые публикации были преобразованы в новый формат. Думаю имеет смысл рассказать про некоторые особенности, особенно если вы раньше по какой-то причине с ним не сталкивались.
Самое главное, о чем стоит помнить:
- И в постах и в комментариях всегда под рукой есть кнопка Посмотреть, которая позволяет убедиться что все отображается именно так, как было задумано.
- Если у вас после применения разметки получается какая-то дичь, все слипается и выглядит так, как будто сайт нахрен сломался, значит, скорее всего нужно добавить в текст разрывы строк. Не перевод на новую строку, а именно разрывы в виде пустой строки между блоками текста. Связано это с тем, что в маркдауне, перевод на новую строку за таковую не считается. Меня эта “фишка” знатно подбешивала еще с незапамятных времен, когда только начинал активно пользоваться гитхабом, но со временем привык. Не я это придумал, если что.
Пример
Исходный текст:
> Предположим вы хотите написать ответ и процитировать кого-то.
Пишете сразу после чужой цитаты на новой строке и получается такая дичь
Результат:
Предположим вы хотите написать ответ и процитировать кого-то. Пишете сразу после чужой цитаты на новой строке и получается такая дичь
Исходный текст:
> Предположим вы хотите написать ответ и процитировать кого-то.
Но если вставить разрыв, будет выглядеть по-человечески.
Результат:
Предположим вы хотите написать ответ и процитировать кого-то.
Но если вставить разрыв, будет выглядеть по-человечески.
В остальном все просто.
**Жирный** -> Жирный
_Курсив_ -> Курсив
**_Жирный курсив_** -> Жирный курсив
___Тоже самое___ -> Тоже самое
~~Перечеркнутый~~ -> Перечеркнутый
Горизонтальная линия: *** или ---:
Выделение в тексте `а-ля код`
Выделение в тексте а-ля код
#### Заголовок 4
Заголовок 4
##### Заголовок 5
Заголовок 5
###### Заголовок 6
Заголовок 6
- простой список
- простой список
- простой список
- простой список
1. нумерованный список
2. нумерованный список
- нумерованный список
- нумерованный список
Так в тексте выглядит [ссылка](https://ru.wikipedia.org/wiki/Markdown).
Так в тексте выглядит ссылка.
Так выглядит картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):
Так выглядит картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):
Так выглядит кликабельная картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):
[](https://ru.wikipedia.org/wiki/Markdown)
Так выглядит кликабельная картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):
ЗЫ: Ссылка из интернета и так будет кликабельной ссылкой даже если с ней ничего не делать.
ЗЫ1: Чтобы вставить видео с ютуба или вимео, просто вставьте ссылку на видео, не надо с ней ничего делать.
ЗЫ2: Если вы загрузили картинку и добавили ее кнопкой Вставить, можно не оборачивать ее ничем (если конечно вы не делаете это с какой-то осознанной целью), все и так будет работать.
ЗЫ3: Чтобы вставить картинку с другого сайта, щелкните по ней правой кнопкой мыши, выберите Копировать ссылку на изображение, и вставьте в любое место.
ЗЫ4: Таким же образом можно вставлять zip, pdf, mp3, mp4 и другие разрешенные файлы из внешних сайтов. При этом mp3 и mp4 будут сразу преобразованы в плеер. Если конечно найдете хоть один сайт, который отдаст вам прямую ссылку на медиа контент, лол. 🤷♀️
ЗЫ5: Приз за то что дочитали до конца 🏆🎁🎉🎇🎈
Ура, таблицы!
| Колонка1 | Колонка2 |
| ----------- | ----------- |
| что-то | 1 гусь |
| что-то еще | 10 гусей |
Не обязательно делать все ровно:
Ура, таблицы!
| Колонка1 | Колонка2 |
| --- | --- |
| что-то | 1 гусь |
| что-то еще | 10 гусей |
Ура, таблицы!
| Колонка1 | Колонка2 |
|---|---|
| что-то | 1 гусь |
| что-то еще | 10 гусей |
#artlab #устройство_сайта #markdown #картинки #видео #редактирование
