Или MasterCity Markdown

  В данной теме хочется собрать в одном месте информацию о том, как использовать возможности нового дижка форума, обновление на который произошло в конце лета 2015 года.   Судя по всему, на форуме используется разновидность Markdown. Почитать про него можно на википедии, а лучше на сайте проекта основы, подробное описание синтаксиса языка и Dingus. Также, считаю полезным посмотреть Markdown Cheat Sheet и таблицу с юникодными символами, например, Tech Stuff - HTML Character Entity Encoding. К сожалению, данный язык позволяет получить один и тот же конечный результат множеством разных способов, но в таких случаях, лучше использовать какой-то один вариант.   Примечание один: Нужно помнить, что все описанное в данной теме, может измениться из-за очередного обновления движка форума; Примечание два: Прошу в данной теме задавать вопросы и приводить уже отработанные решения, а всякие тесты делать в тестовых темах соответствующего раздела форума.   Всем бобра!

andrewkhv написал :

dimonml написал : Прошу в данной теме задавать вопросы

Вопрос первый: нахрена эта канитель с новым языком разметки простому пользователю форума, который сюда не языкам обучаться пришел, а просто общаться на интересующие его темы путем написания постов имеющимся редактором? функционал которого составляют ажно 5 кнопок и прилепленная бантиком сбоку кнопка "прикрепить фото"?

Вы правы, большинству участников форума ничего дополнительно изучать не нужно. Но есть некоторое количество человек, которые иногда пишут пост не один-два предложения, а довольно большие, где грамотное форматирование является просто необходимой вещью для того, чтобы пост мог быть адекватно воспринят другими.   Потратив немного времени и сил, уже сейчас вполне реально написать большой, но при этом хорошо структурированный и читаемый пост. А чтобы каждый не изобретал велосипед сам, создана данная тема, чтобы люди могли делиться своими наработками :)

dimonml написал : Потратив немного времени и сил, уже сейчас вполне реально написать большой, но при этом хорошо структурированный и читаемый пост.

Раньше это было возможно осуществить средствами визуального редактора. Тратить силы не было необходимости. Я всегда считал, что технический прогресс - это когда для того же действия нужно тратить меньше сил и/или обходиться меньшим количеством знаний и умений. Видимо, я глубоко заблуждался.

andrewkhv написал : Раньше это было возможно осуществить средствами визуального редактора.

Нам обещают, что скоро все будет пучком. А пока есть данная тема :)

♠ ♣ ♥ ♦

?

123

12345

Интересно - внутри цитаты зачёркивание не работает.

123   456   789   С пробелами понятно, а как всё-таки оформить текст, как цитату? Я решила, что три тильды для этого используются, а оказывается, они используются совсем для другого.

Базовые вещи, теория

Начнем с самых используемых, на мой взгляд, вещей.  

Разделение абзацев

В данный момент времени это наиболее часто используемая функция. Разделять можно двумя способами:

• Неразрывный пробел, на новой строчке:  ;
• Горизонтальная линия, на новой строчке: ***.

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

Обычная функциональность по выделению текста внутри предложения:

• Обычный: Мяу ⇒ Мяу;
• Курсив: *Мяу* ⇒ Мяу;
• Жирный: **Мяу** ⇒ Мяу;
• Зачеркнутый: ~~Мяу~~ ⇒ Мяу;
• Код: `Мяу` ⇒ Мяу.

Заголовки

В данный момент времени считаю целесообразным использовать заголовки первого и второго уровня. Остальные как-то не сильно выделяются относительно обычного жирного шрифта.

• Заголовок первого уровня, на новой строчке: #Заголовок 1;
• Заголовок второго уровня, на новой строчке: ##Заголовок 2;

Ссылки и картинки, вариант простой

Чтобы вставить ссылки, мы можем воспользоваться кодом вида:

• Текст с гиперссылкой: [искать тут](https://www.google.ru/);
• Текст с гиперссылкой и комментарием: [искать тут](https://www.google.ru/ "Кликни тут, чтобы поискать").

Чтобы вставить картинки, мы можем воспользоваться кодом вида:

• Картинка: ![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png);
• Картинка с комментарием: ![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png "Эмблема гугл").

Соответственно, эти две вещи можно скомпоновать вместе, чтобы у нас была картинка, по клику на которую у нас откроется ссылка:

• Картинка с гиперссылкой: [![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png)](https://www.google.ru/);
• Картинка с гиперссылкой и комментарием: [![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png "Кликни тут, чтобы поискать")](https://www.google.ru/).

Ссылки и картинки, вариант раздельный

При публикации большого поста, возможно будет удобней раздельный вариант ссылок и картинок. Его смысл заключается в том, что в месте вставки картинки указать какой либо идентификатор, а потом, в совершенно другом месте этот идентификатор связать с адресом ссылки или картинки. На мой взгляд, штука прикольная :)

• Для вставки ссылки мы можем воспользоваться:

  1. Ссылка с описанием, отличным от идентификатора ссылки: [искать тут][ссылка гугл];
  2. Ссылка с описанием, который является также идентификатором ссылки: [ссылка гугл].

• Для вставки картинки, все тоже самое:

  1. Картинка с текстом вместо картинки, отличным от идентификатора ссылки: ![текст, вместо картинки][Эмблема гугл];
  2. Картинка с текстом вместо картинки, который является также идентификатором ссылки: [Эмблема гугл].

• Для картинки с ссылкой:

  1. [![текст, вместо картинки][Эмблема гугл]][ссылка гугл];
  2. [![Эмблема гугл]][ссылка гугл];

Чтобы это все работало где-то в посту должно быть определения, которые указывают конкретные адреса, например, такие:

[ссылка гугл]: https://www.google.ru/ "Кликни тут, чтобы поискать"
[Эмблема гугл]: https://www.google.ru/images/srpr/logo11w.png "Эмблема гугл"

Списки

Списки могут быть нумерованные и нет, могут быть вложенные. Чтобы текст после элемента списка не был присоединен к этому самому элементу, нужно вставить пустую строку. Если список вложенный, то пустых строк может потребоваться несколько. Простой список:

* Элемент 1
Дополнение к элементу 1
* Элемент 2
* Элемент 3

А этот текст не относиться к элементу 3

⇓

• Элемент 1 Дополнение к элементу 1
• Элемент 2
• Элемент 3

А этот текст не относиться к элементу 3

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

1. Элемент 1
2. Элемент 2

⇓

1. Элемент 1
2. Элемент 2

Код на несколько строк

Если требуется вставить код (или любой другой текст, который не должен подвергаться обработки движком форума), то его нужно обрамить строками с тремя тильдами: ~~~ Код 1 Код 2 Код 3 ~~~ ⇓

Код 1
Код 2
Код 3

Вставка символа по коду

Как и в обычный HTML, сейчас в пост можно включить любой символ, зная его код и/или его название (у некоторых символов есть свои названия).   Например, мы хотим написать "10 микрометров". Идем в интернет и находим код символа микро. Требуемое мы можем вставить:

• Через название: 10 µm ⇒ 10 µm;
• Через десятичный код: 10 µm ⇒ 10 µm;

Базовые вещи, пример

В данном посте попробую использовать все элементы из теоретического поста.

Разделение абзацев

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

В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!

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

Мяу Мяу Мяу Мяу Мяу

Заголовки

В посте и так используются :)

Ссылки и картинки, вариант простой

Будем искать тут и там. И еще искать тут (наведите мышку на ссылку). Просто картинка:

  Картинка со всплывающей подсказкой:

  Картинка, увеличивающаяся при клике:

Ссылки и картинки, вариант раздельный

Ссылка на фотку. И она же: вспышка общий план. Вот посмотрите:   И ссылки на крупные фотки

Списки

• Элемент 1 Дополнение к элементу 1
• Элемент 2
  1. Под элемент 1
  2. Под элемент 2
• Элемент 3

А этот текст не относиться к элементу 3

Код на несколько строк

package helloworld;

public class HelloWorld {
    public static void main(String[ссылка] args) {
        System.out.println("Hello, world!");
    }
}

Вставка символа по коду

Удалось получить 10 µm при -25 °C, при этом сопротивление 0.1 Ω и объем 5π м³

Цитаты

Лида написал : С пробелами понятно, а как всё-таки оформить текст, как цитату? Я решила, что три тильды для этого используются, а оказывается, они используются совсем для другого.

Просто

Базовые вещи, исходный код поста

#Базовые вещи, пример
В данном посте попробую использовать все элементы из [теоретического поста](http://www.mastercity.ru/forums/rabota-foruma/t237847-kak-pisat-soobshchenija-na-obnovlennom-forume-avgust-2015/?p=5328098#post5328098 "В начале теория").

 
##Разделение абзацев
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю.
 
Широкая электрификация южных губерний даст мощный толчок подъёму сельского хозяйства. Широкая электрификация южных губерний даст мощный толчок подъёму сельского хозяйства. Широкая электрификация южных губерний даст мощный толчок подъёму сельского хозяйства.
***
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!

 
##Выделения текста
Мяу *Мяу* **Мяу** ~~Мяу~~ `Мяу`

 
##Заголовки
В посте и так используются :)

 
##Ссылки и картинки, вариант простой
Будем [искать тут](https://www.google.ru/) и там. И еще [искать тут](https://www.google.ru/ "Кликни тут, чтобы поискать") (наведите мышку на ссылку).
Просто картинка:
![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png)

 
Картинка со всплывающей подсказкой:
![текст, вместо картинки](https://www.google.ru/images/srpr/logo11w.png "Эмблема гугл")

 
Картинка, увеличивающаяся при клике:
[![текст, вместо картинки](http://album.foto.ru/photos/sm/139985/3173032.jpg "Кликни тут, чтобы увеличить цветочку")](http://album.foto.ru/photos/or/139985/3173032.jpg)

 
##Ссылки и картинки, вариант раздельный
Ссылка на [фотку][вспышка общий план]. И она же: [вспышка общий план].
Вот посмотрите:
![вспышка общий план м]![вспышка крупно м]
 
И ссылки на крупные фотки
[![вспышка на журавле м]][вспышка на журавле]
[![вспышка общий план м]][вспышка общий план][![вспышка крупно м]][вспышка крупно]

[вспышка общий план м]: http://album.foto.ru/photos/sm/139985/3145799.jpg
[вспышка общий план]:   http://album.foto.ru/photos/or/139985/3145799.jpg
[вспышка крупно м]:     http://album.foto.ru/photos/sm/139985/3145796.jpg
[вспышка крупно]:       http://album.foto.ru/photos/or/139985/3145796.jpg
[вспышка на журавле м]: http://album.foto.ru/photos/sm/139985/3145795.jpg "Ждет своего часа"
[вспышка на журавле]:   http://album.foto.ru/photos/or/139985/3145795.jpg

 
##Списки
* Элемент 1
Дополнение к элементу 1
* Элемент 2
1. Под элемент 1
2. Под элемент 2
* Элемент 3

А этот текст не относиться к элементу 3

 
##Код на несколько строк
~~~
package helloworld;

public class HelloWorld {
    public static void main(String[ссылка] args) {
        System.out.println("Hello, world!");
    }
}
~~~

 
##Вставка символа по коду
Удалось получить 10 µm при -25 °C, при этом сопротивление 0.1 Ω и объем 5π м³

 
##Цитаты
> **Лида [написал](/forums/rabota-foruma/t237847-kak-pisat-soobshchenija-na-obnovlennom-forume-avgust-2015/?p=5328052#post5328052) :**
>С пробелами понятно, а как всё-таки оформить текст, как цитату? Я решила, что три тильды для этого используются, а оказывается, они используются совсем для другого.

Просто

Список названий символов в HTML. Еще очень интересный ресурс на эту тему: graphemica.com

Лида написал : С пробелами понятно, а как всё-таки оформить текст, как цитату?

Для цитат используется стиль, который используется в электронных письмах:

> Текст

Ха

⇓

Текст

Ха

текст   123

123   Понятно, спасибо.

Экспресс мастер класс по вставке фоток через радикал

Выставляем настройки и загружаем фотку ⇓ Выставляем настройки и копируем ссылки в виде ББ кодов ⇓ Получаем ссылку вида

[URL=http://s018.radikal.ru/i519/1508/17/bb986ea7d23a.jpg][IMG]http://s018.radikal.ru/i519/1508/17/bb986ea7d23at.jpg[/IMG][/URL]

⇓ Преобразуем ссылку в формат, понятный форуму (большую и малую картинки, как бы меняем местами)

[![картинка](http://s018.radikal.ru/i519/1508/17/bb986ea7d23at.jpg)](http://s018.radikal.ru/i519/1508/17/bb986ea7d23a.jpg)

⇓ Данный текст вставляем в пост и получаем   Примечание: лично мне радикал определенно не нравиться, и я предпочитаю вставлять фотки, например, через клуб фото-ру

Исходный текст предыдущего поста

Пост

#Экспресс мастер класс по вставке фоток через радикал
Выставляем настройки и загружаем фотку
[![Радикал 1 м]][Радикал 1]
⇓
Выставляем настройки и копируем ссылки в виде ББ кодов
[![Радикал 2 м]][Радикал 2]
⇓
Получаем ссылку вида
~~~
[URL=http://s018.radikal.ru/i519/1508/17/bb986ea7d23a.jpg][IMG]http://s018.radikal.ru/i519/1508/17/bb986ea7d23at.jpg[/IMG][/URL]
~~~
⇓
Преобразуем ссылку в формат, понятный форуму (большую и малую картинки, как бы меняем местами)
~~~
[![картинка](http://s018.radikal.ru/i519/1508/17/bb986ea7d23at.jpg)](http://s018.radikal.ru/i519/1508/17/bb986ea7d23a.jpg)
~~~
⇓
Данный текст вставляем в пост и получаем
[![картинка](http://s018.radikal.ru/i519/1508/17/bb986ea7d23at.jpg)](http://s018.radikal.ru/i519/1508/17/bb986ea7d23a.jpg)
 
`Примечание:` лично мне радикал определенно не нравиться, и я предпочитаю вставлять фотки, например, через клуб фото-ру
[![Кот м]][Кот]

[Радикал 1]: http://album.foto.ru/photos/or/139985/4112648.jpg
[Радикал 1 м]: http://album.foto.ru/photos/sm/139985/4112648.jpg
[Радикал 2]: http://album.foto.ru/photos/or/139985/4112649.jpg
[Радикал 2 м]: http://album.foto.ru/photos/sm/139985/4112649.jpg
[Кот]: http://album.foto.ru/photos/or/139985/4112650.jpg
[Кот м]: http://album.foto.ru/photos/sm/139985/4112650.jpg

Кароч, форум теперь будет площадкой для соревнования "Кто круче владеет языком маркдаун".

andrewkhv написал : Кто круче владеет языком маркдаун

Также, как раньше был площадкой, кто круче владеет языком BB-кодов хД