Про Markdown

Топот_Котов
2 недели назад

Синтаксис Markdown сейчас используется на многих современных площадках, и все наши старые публикации были преобразованы в новый формат. Думаю имеет смысл рассказать про некоторые особенности, особенно если вы раньше по какой-то причине с ним не сталкивались.

Самое главное, о чем стоит помнить:

  1. И в постах и в комментариях всегда под рукой есть кнопка Посмотреть, которая позволяет убедиться что все отображается именно так, как было задумано.
  2. Если у вас после применения разметки получается какая-то дичь, все слипается и выглядит так, как будто сайт нахрен сломался, значит, скорее всего нужно добавить в текст разрывы строк. Не перевод на новую строку, а именно разрывы в виде пустой строки между блоками текста. Связано это с тем, что в маркдауне, перевод на новую строку за таковую не считается. Меня эта “фишка” знатно подбешивала еще с незапамятных времен, когда только начинал активно пользоваться гитхабом, но со временем привык. Не я это придумал, если что.

Пример

Исходный текст:

> Предположим вы хотите написать ответ и процитировать кого-то.
Пишете сразу после чужой цитаты на новой строке и получается такая дичь

Результат:

Предположим вы хотите написать ответ и процитировать кого-то. Пишете сразу после чужой цитаты на новой строке и получается такая дичь


Исходный текст:

> Предположим вы хотите написать ответ и процитировать кого-то.

Но если вставить разрыв, будет выглядеть по-человечески.

Результат:

Предположим вы хотите написать ответ и процитировать кого-то.

Но если вставить разрыв, будет выглядеть по-человечески.

В остальном все просто.

**Жирный** -> Жирный


_Курсив_ -> Курсив


**_Жирный курсив_** -> Жирный курсив


___Тоже самое___ -> Тоже самое


~~Перечеркнутый~~ -> Перечеркнутый


Горизонтальная линия: *** или ---:


Выделение в тексте `а-ля код`

Выделение в тексте а-ля код


#### Заголовок 4

Заголовок 4


##### Заголовок 5
Заголовок 5

###### Заголовок 6
Заголовок 6

- простой список
- простой список
  • простой список
  • простой список

1. нумерованный список
2. нумерованный список
  1. нумерованный список
  2. нумерованный список

Так в тексте выглядит [ссылка](https://ru.wikipedia.org/wiki/Markdown).

Так в тексте выглядит ссылка.


Так выглядит картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):

![](/asset/upload/post/7732/abc423351a872cc8fd356b833d06e1e0.jpg)

Так выглядит картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):


Так выглядит кликабельная картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):

[![](/asset/upload/post/7732/abc423351a872cc8fd356b833d06e1e0.jpg)](https://ru.wikipedia.org/wiki/Markdown)

Так выглядит кликабельная картинка (разрыв строк добавлен специально, чтобы текст и картинка не шли в одну линию):

ЗЫ: Ссылка из интернета и так будет кликабельной ссылкой даже если с ней ничего не делать.

ЗЫ1: Чтобы вставить видео с ютуба или вимео, просто вставьте ссылку на видео, не надо с ней ничего делать.

ЗЫ2: Если вы загрузили картинку и добавили ее кнопкой Вставить, можно не оборачивать ее ничем (если конечно вы не делаете это с какой-то осознанной целью), все и так будет работать.

ЗЫ3: Чтобы вставить картинку с другого сайта, щелкните по ней правой кнопкой мыши, выберите Копировать ссылку на изображение, и вставьте в любое место.

image image

ЗЫ4: Таким же образом можно вставлять zip, pdf, mp3, mp4 и другие разрешенные файлы из внешних сайтов. При этом mp3 и mp4 будут сразу преобразованы в плеер. Если конечно найдете хоть один сайт, который отдаст вам прямую ссылку на медиа контент, лол. 🤷‍♀️

ЗЫ5: Приз за то что дочитали до конца 🏆🎁🎉🎇🎈

Ура, таблицы!

| Колонка1    | Колонка2    |
| ----------- | ----------- |
| что-то      | 1 гусь      |
| что-то еще  | 10 гусей    |

Не обязательно делать все ровно:

Ура, таблицы!

| Колонка1 | Колонка2 |
| --- | --- |
| что-то | 1 гусь |
| что-то еще | 10 гусей |

Ура, таблицы!

Колонка1 Колонка2
что-то 1 гусь
что-то еще 10 гусей

#artlab #устройство_сайта #markdown #картинки #видео #редактирование

Пока никто не ответил