Переходимо на Markdown.

Отже перейшов у текстах постів з html на markdown… Деякі проблеми є тільки з блоками коду в нумерованому списку. Після коду нумерація починається з 1, приходиться використовувати костиль.

Заголовок
Перевід рядка
Новий параграф
Декоративний текст
Цитата
Списки
Блок коду
Посилання
Фото
Екранування спецсимволів
Код в нумерованому списку
Код всередині рядка
Список завдань
Лінія
Посилання всередині документу
Вставка відео з Youtube
Зноски

Заголовоки

X решіток - заголовок - Х рівня. Заголовок також працює як якір.
Заголовок з власним ID:

#### Заголовок з власним ID. {#custom-id}

Перевід рядка

2 пробіли й ентер.

Новий параграф

Новий параграф - порожній рядок¹.

Декоративний текст

Текст між 2 зірочками товстий
Текст між зірочками похилий, між нижніми підкресленнями також
Відповідно між 3 зірочками товстий і похилий, аналогічно між 2 зірочками і підкресленням
Закреслений текст²

Цитата

Цитата-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а
з багатьма
рядками

В цитаті

ще одна цитата

Списки

Нумерований список

1. Один.
2. Два.
3. Три.

Ненумерований список

• Один;
• Два;
• Три;

Нумерований список з вкладеним ненумерованим

1. Один.
2. Два.
   • Один
   • Два
3. Три.

Ненумерований список з вкладеним нумерованим

• Один;
• Два;
  1. Один.
  2. Два.
• Три;

Блок коду

має ідентифікуватися по табу чи мінімум 4 пробілам

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
ul li {
text-align: left;
padding: 0px 10px;
}

figure {
text-align: left;
padding: 5px;
overflow-x: auto;
}

pre.highlight {
text-align: left;
padding: 5px;
}

em {
color: #17c380;
}

strong em {
color: #f17c3b;
}

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 50px;
padding: 0.5em 0px;
}

Посилання

Посилання.: Писанина.
Посилання з описом.: Писанина.

Фото

Екранування спецсимволів

* Слеш екранує спецсимволи

Код в нумерованому списку

Код в нумерованому списку без костиля³

1. Пункт один.
2. Пункт два.

def show
puts "Outputting a very lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong line"
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

1. Знову Пункт один, а має бути Пункт три.

Код в нумерованому списку + костиль⁴

1. Пункт один.
2. Пункт два.

def show
puts "Outputting a very lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong line"
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

3. Пункт три.

Костиль це вставка {:start=”3”} перед третім пунктом.

Код всередині рядка

А оце от <вставка коду> всередині рядка.

Список завдань

Може бути інтерактивним, але поки без необхідності, не розбирався.

• Перші зміни;
• Другі зміни;
• Треті зміни;

Лінія

Три зірочки, мінуса чи нижніх підкреслення - лінія

Якір та посилання на ID

Заголовок типу ### Перший заголовок. генерує якір з іменем #перший-заголовок. Тобто ім’я заголовку без крапки в кінці та зі знаками - замість пробілів:
Посилання на заголовок всередині документа
Також можна посилатися на ID:
Посилання на #кодрядок

Вставка відео з Youtube

Автоматично не встановлюється. Але Youtube генерує до кожного відео 4 картинки з наступними адресами:

• https://img.youtube.com/vi/youtube-video-id/0.webp
• https://img.youtube.com/vi/youtube-video-id/1.webp
• https://img.youtube.com/vi/youtube-video-id/2.webp
• https://img.youtube.com/vi/youtube-video-id/3.webp

Беремо одну з них і робимо посиланням на відео:

Для линивих є сайт що робить це автоматично.

Зноски в тексті

Між заголовком, у даному випадку Зноски в тексті, та списком зносок, має бути порожній рядок, інакше вони не розпізнаються як посилання, а є просто текстом. Цей блок завжди автоматично розміщується у самому кінці сторінки.

Зноски всередині тексту: