https://www.duolingo.com/UndyingPony

Форматирование сообщений на форуме

UndyingPony
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

Дорогие русскоязычные участники курсов!

Устали от однообразного оформления текста на форуме? Тогда призываю Вас ознакомиться с языком форматирования, который действует на Дуолинго.
Большая часть материала нагло скопирована отсюда.

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

Абзацы и разрыв строки

Абзацы нужно отделять одной пустой строкой. В противном случае, даже если Вы нажмёте Enter, текст будет выглядеть так:

Я нажала Enter после этого предложения. Текст не перенёсся на новую строку. Такой текст будет трудночитаемым при большом количестве абзацев.

Разрыв строки. Формируется путем написания двух пробелов и нажатия Enter. Его нужно использовать после вставки ссылок и изображений, т.к. одно нажатие Enter после них не переводит текст на новую строку:

Тут после оформления ссылки я просто нажала Enter, но текст продолжился в той же строке, где и ссылка.

А тут строка после ссылки
разрывается, потому что я нажала два пробела и Enter.

Форматирование шрифта

Курсив. Формируется добавлением знака нижнего подчёркивания _ или звёздочки * в начало и конец выделяемой строки:

_Курсив_ или *Курсив* превращается в:
Курсив

Жирный шрифт. Формируется добавлением двух звёздочек ** или двух нижних подчёркиваний __ в начало и конец выделяемой строки:

**Жирный шрифт** или __Жирный шрифт__ превращается в:
Жирный

Жирный курсив. Как ни удивительно, он формируется одновременным использованием знаков _/ * и ** / __ . Чтобы не запутаться, сколько каких символов Вы напечатали, лучше использовать для курсива нижнее подчёркивание _, а для жирного шрифта - две звёздочки **.

_**Жирный курсив**_ или *__Жирный курсив__* превращается в:
Жирный курсив

Зачёркнутый текст. Формируется добавлением пар тильд ~~ в начало и конец выделяемой строки:

~~Зачёркнуто~~ превращается в: зачёркнуто.

Monospace (моноширинный шрифт как на печатной машинке, выделен желтым). Как правило, используется для отображения кода Markdown в том виде, в каком он написан. Формируется путём добавления символа обратных кавычек "`". Не путайте его с апострофом! Ищите его на клавише с Ё и тильдой "~".

Именно им я пользовалась для написания примеров :

`Monospace` превращается в:
Monospace

Другой вариант: если необходимо цитировать код Markdown без его интерпретации, добавьте четыре пробела в начало строки. Удобен для списков и заголовков.

А ещё можно делать цветные буковки, по крайней мере в инкубаторе :)
Сейчас попробуем и, если получится , добавим в статью.

Цвет шрифта настраивается путем добавления перед текстом тега [color=xxx][/color], где xxx - название цвета на английском или Hex-код вроде #A52A2A.

[color=red]Прекрасные красные буковки[/color] превращаются в Прекрасные красные буковки.

Примечание 1: Если Вы окружите с двух сторон значок нижнего подчёркивания "_" или звёздочки "*" пробелами, то Вы получите реальные нижнее подчёркивание или звёздочку: * или _ .

Примечание 2: Если Вам понадобилось написать слово или фразу, которые будут окружены нижним подчёркиванием "_" или звёздочкой "*" без изменения формата, используйте обратную косую черту (бэкслэш) \ следующим образом:

\*Текст внутри звёздочек\* превращается в *Текст внутри звёздочек*.

Ссылки и изображения

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

[ссылка](http://en.wikipedia.org/wiki/Markdown) превращается в ссылка.

Изображения. Формируются по аналогии со ссылками. Добавьте перед квадратными скобками [] с альтернативным текстом восклицательный знак "!". Проверьте, что ссылка содержит разрешение, типичное для картинки (например, .jpg, .png):

![ALT](http://vignette4.wikia.nocookie.net/duolingo/images/3/3e/DuoCoach1.png) превращается в:

ALT

Не поленитесь написать в альтернативный текст содержание картинки - вдруг ваше изображение будет недоступно. Старайтесь размещать изображения там, где их вскоре не удалят.

Цитирование

Блок-цитаты. Удобны для цитирования чьего-либо текста. Формируются добавлением знака больше ">" в начало каждого абзаца. Сами блоки должны быть обособлены двумя пустыми строками сверху и снизу.

>
> Это цитата.
>

Это цитата.

Списки

Ненумерованные списки. Формируются добавлением дефиса "-" либо звёздочки "*" в начало каждого абзаца. Список должен быть обособлен двумя пустыми строками сверху и снизу.

- One
- Two
- Three

  • One
  • Two
  • Three

Нумерованные списки. Формируются по аналогии с ненумерованными, однако в начало абзацев надо добавлять цифры с точкой. Список также должен быть обособлен двумя пустыми строками сверху и снизу.

1. One
2. Two
3. Three

  1. One
  2. Two
  3. Three

Заголовки

Заголовки формируются путём добавления после заголовка последовательных знаков дефиса "-". Количество символов равно или дефис не имеет значения. До и после заголовка должна быть пустая строка.

Заголовок
-------------

Заголовок

Заголовки многоуровневые. Можно формировать разноуровневые заголовки с помощью знака решётки "#". Уровень заголовка определяется количеством решёток в начале:

## Заголовок 1
### Заголовок 2
#### Заголовок 3
##### Заголовок 4
####### Заголовок 5

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4
Заголовок 5
4 года назад

51 комментарий


https://www.duolingo.com/ViArSkoldpaddor
<h1>Огромное спасибо за работу! Отличный список</h1>

Как всегда, пара пометок - к gotchas, то есть к неприятным неожиданнастям:-)

Нумерованые списки перенумеруются:

  1. \<- тут стоит 3.
  2. \<- тут стоит 1.
  3. \<- тут стоит 2.

Цитаты разделённые одной пустой строчкой сливаются, если в них нет текста:

После этой строчки стоит пустая строка

но вот это остаётся в том-же комментарии

Это же происходит со списками, но неравномерно, это только заметно если мешать "1" и "-"

  1. это лист нумерованый

  2. а это нет!

(Там стоит - а это нет!)

Что видимо совершенно перестало работать, это списки второй, третей итд степени.

  1. Перечисление 1.
  2. Подробность ( - Подробность) 1. Подподробность (1. Подподробность)
  3. Подробность 2

  4. подробность имеет в виду ... (2. подробность имеет в виду ...)

4 года назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

Как-то не кажутся мне они неожиданными, или неприятными :)))

4 года назад

https://www.duolingo.com/ViArSkoldpaddor

Серьёзно? Последний список выглядит по настоящему вот так:

Imgur

4 года назад

https://www.duolingo.com/HeadwayCourse
HeadwayCourse
  • 18
  • 11
  • 10
  • 10
  • 2
  • 2

Потребовалось сделать вложенные списки, и вспомнил, что они тут обсуждались, а именно - то, что они не работают.

  • Но у меня
  • они заработали
    • стандартными markdown-средствами.
  • Можно хоть
  • маркированный
  • список,
    1. хоть
    2. нумерованный.
      • И даже вложенный
        1. один
          1. в другой.
            • Любой
            • степени
              • вложенности.
        2. И
          • разумеется
    3. любого
  • порядка.

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

3 года назад

https://www.duolingo.com/ViArSkoldpaddor

Интересно - спасибо за информацию. Скорее всего починили. Мы всё пробовали - в какой-то версии они пробелы просто начали удалять. Форматирование делается только при записи (для скорости), поэтому посты с той версии всё ещё дефективные (а до этого я пользовался списками очень часто)

3 года назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

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

4 года назад

https://www.duolingo.com/HeadwayCourse
HeadwayCourse
  • 18
  • 11
  • 10
  • 10
  • 2
  • 2

Если сильно постараться, то можно и {@style=text-decoration:line-through;}зачеркнуть, и даже {@style=text-decoration:underline;}подчеркнуть :)

3 года назад

https://www.duolingo.com/ViArSkoldpaddor

{@style=color:blue;text-alignment:center;font-weight:bold}Интересно, спасибо.

3 года назад

https://www.duolingo.com/ViArSkoldpaddor

{@style=color:green}Молодец (Видимо, таким образом можно напрямую пользоваться CSS аттрибутами, т.е. можно делать ещё намного больше)

3 года назад

https://www.duolingo.com/HeadwayCourse
HeadwayCourse
  • 18
  • 11
  • 10
  • 10
  • 2
  • 2

И не только CSS. Главное, чтобы не было злоупотребления со стороны пользователей.

3 года назад

https://www.duolingo.com/ViArSkoldpaddor

Главное, что-бы не выяснила команда дуолинго что в их Markdown Engine это возможно, иначе они это за раз отключат ;-)

3 года назад

https://www.duolingo.com/ViArSkoldpaddor

Если вы не модератор, вам это не нужно ;-)

3 года назад

https://www.duolingo.com/asulimov
asulimov
  • 25
  • 15
  • 10
  • 52

Как Вы это сделали? HTML span не проходит..

3 года назад

https://www.duolingo.com/alex_tv80
alex_tv80
  • 12
  • 11
  • 10
  • 10
  • 10
  • 9
  • 8
  • 7
  • 6
  • 5
  • 4

А если я не модератор и не могу посмотреть внутренности вашего поста? )))

3 года назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Нет, сейчас зачеркнуть и подчеркнуть так не работает. Вижу просто курсив в обоих случаях.

7 месяцев назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

По идее должно работать с парными тильдами вокруг слова:

Scratch this.

Но не работает :( HTML-теги для зачёркивания тоже проверила - не работают. Больше идей нет.

4 года назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

жаль, ну ладно

4 года назад

https://www.duolingo.com/ViArSkoldpaddor

Html тут отключен, иначе бы всё было проще.

4 года назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Сейчас зачеркивание тильдами работает.

7 месяцев назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

А ещё можно делать цветные буковки, по крайней мере в инкубаторе :)
Сейчас попробуем и, если получится , добавим в статью.

{@style=color:red;}Прекрасные красные буковки

3 года назад

https://www.duolingo.com/cthutq58
cthutq58
  • 25
  • 25
  • 13
  • 8
  • 4
  • 1036
2 года назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Сегодня пятница, 13-е. Апреля 2018-го, ну то такое.

Что-то опять включили-переключили, но...

Зачеркнутый шрифт сейчас делается обрамлением парами тильд ~

{@style=color:red;}Прекрасные красные буковки превращаются в Прекрасные красные буковки.

Не превращаются в красные.
Да и вообще вся тема полна неработающих тегов.

Покой нам только снится.

7 месяцев назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

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

7 месяцев назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Увы, мне не ведомо еще очень многое.

Я только обнаружил, что для зачеркивания сейчас работают тильды, а теперь вижу уже исправленный стартпост, спасибо. Однако буковки там по-прежнему не превращаются в красные.

Значит, успокоения не будет? :)

7 месяцев назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

Ваш запрос был услышан! Нашла совершенно случайно в дебрях форума информацию о том, как расскрашивать текст. Статью поправила.

7 месяцев назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Про свое успокоение я как-то и не подумал, за вас переживал, но вот теперь-то - спасибо! - уверен, всё у всех будет хорошо...

(Опыт пребывания тут требует добавить ма-аленькими буковками: "...какое-то время..." ;) )

7 месяцев назад

https://www.duolingo.com/Dmitriy_K
Dmitriy_K
  • 15
  • 14
  • 5
  • 3

Нашла совершенно случайно в дебрях форума информацию о том, как расскрашивать текст.

А раньше окрашивали текст иными методами?

P.S. А цитирование все еще глючит и срабатывает со второй попытки :(

7 месяцев назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

Да, но я уже не помню, как это было в былые времена.

Для цитирования действительно иногда приходится заново зайти в свой текст и подобавлять пробелов в конце строки. Ну чем богаты...

4 месяца назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

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

7 месяцев назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

Супер. Сколько всего нового :)

4 года назад

https://www.duolingo.com/Pastafarianist

Документация по Markdown в гугле присутствует в огромных количествах. У меня на стенке висит распечатка вот этой таблицы, очень помогает.

4 года назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4
<h1>Проба пера.</h1>
Заголовки шестого уровня самые красивые

Жирный курсив

  1. Строка 1
  2. Строка 2

Цитата

Готичненько

Вопрос:
А как выделять цвет жёлтым, как в статье?
- Вопрос снят :)))

<pre>Жёлтенько </pre>
4 года назад

https://www.duolingo.com/UndyingPony
UndyingPony
Mod
  • 12
  • 11
  • 11
  • 11
  • 10
  • 2

Скопировала в Duolingo на русском

4 года назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

Спасибо :)

4 года назад

https://www.duolingo.com/izauratwo
izauratwo
  • 25
  • 25
  • 25
  • 25
  • 25
  • 6
  • 6
  • 4
  • 1363

спасибо {@style=color:green}Большое спасибо

3 года назад

https://www.duolingo.com/semion2000
3 года назад

https://www.duolingo.com/Olga_Kapova
<h1>СПАСИБО</h1>
3 года назад

https://www.duolingo.com/212498873

{@style=color:green;}ЗДОРОВО!

3 года назад

https://www.duolingo.com/LICA98
LICA98
  • 25
  • 25
  • 25
  • 25
  • 24
  • 22
  • 15
  • 13
  • 12
  • 11
  • 11
  • 11
  • 6
  • 6
  • 6
  • 5
  • 5
  • 5
  • 4
  • 4
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 640

а что это за <pre> и <h1> перед некоторыми примерами?

2 года назад

https://www.duolingo.com/Wurstobier

Видимо опять отключили интерпретацию HTML X)

2 года назад

https://www.duolingo.com/LICA98
LICA98
  • 25
  • 25
  • 25
  • 25
  • 24
  • 22
  • 15
  • 13
  • 12
  • 11
  • 11
  • 11
  • 6
  • 6
  • 6
  • 5
  • 5
  • 5
  • 4
  • 4
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 640

а что эти тэги должны были делать?

2 года назад

https://www.duolingo.com/AlexTDn
AlexTDn
  • 23
  • 808

Сегодня 12 июля 2017. Я заметил, что уже неделю

нельзя оформить блок-цитаты

Вот и сейчас не получилось. Ещё, уже нельзя Изменить свой комментарий. [Изменить] есть, а эффекта нет. Может это и правильно. Сейчас, если я замечаю ошибку в своём комментарии после публикации, я его удаляю. Он бесследно исчезает, если на него ещё никто не успел ответить. Исправляю и публикую заново.
UPD. 29 октября 2017. Сегодня получилось оформить блок-цитату и изменить свой комментарий. И этот тоже.

1 год назад

https://www.duolingo.com/Larisa_L
Larisa_L
Mod
  • 12
  • 10
  • 5
  • 4

Не знаю, у меня всё вроде бы редактируется нормально. Бывает, что сайт тормозит, и тогда изменения не сохраняются, так бывает и с новыми комментариями тоже.

Вот добавлю текст, посмотрим, сохранится или нет.

Сохранился.

1 год назад

https://www.duolingo.com/Lulkanto
Lulkanto
  • 18
  • 18
  • 16
  • 13
  • 12
  • 12
  • 12
  • 12
  • 10
  • 10
  • 10
  • 10
  • 10
  • 8
  • 1729

нельзя оформить блок-цитаты

Оказывается, что можно :)

1 год назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

Добавьте, пожалуйста, что СЕЙЧАС для отображения картинки ссылка должна указывать на файл с разрешением, очевидно, с "картиночным", проверял только на jpg.
Т.е, если ссылка такого типа: https://prnt.sc/7bijl5 , то картинка отображаться не будет:
https://prnt.sc/7bijl5

А если вот такая http://i.blogs.es/6ef280/duolingo/original.jpg - будет:
http://i.blogs.es/6ef280/duolingo/original.jpg

(Раньше ЕМНИП работало и без расширения.)

5 месяцев назад

https://www.duolingo.com/Dmitriy_K
Dmitriy_K
  • 15
  • 14
  • 5
  • 3

Вообще-то по вашей ссылке не картинка, а HTML-страничка, на которой размещена картинка. Ссылки которые ссылаются на реальные картинки (не зависимо от наличия расширения) показываются нормально.

5 месяцев назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

А как разместить тут ту картинку с той странички?

Ну и главный момент - вроде раньше такие "ссылки на страничку с картинкой" отображались картинкой.

5 месяцев назад

https://www.duolingo.com/Dmitriy_K
Dmitriy_K
  • 15
  • 14
  • 5
  • 3

на страничке не ссылка на картинку, а тело самой картинки в формате data:image/png;base64 (base64 - это кодирование двоичных данных с помощью печатных символов). Такие картинки тут не выложить. Нужна ссылка, по которой веб-сервер будет возвращать двоичное тело картинки (а будет у ссылки расширение или нет - дело десятое)

5 месяцев назад

https://www.duolingo.com/gtc2015
gtc2015
  • 21
  • 4
  • 32

При переходе по той ссылке показывается только картинка, поэтому для обычного пользователя это тоже "ссылка на картинку". (Особенно если сервис размещения картинок дает именно такую ссылку) А тут она "не работает" (картинка не поазывается). Я писал об уточнении для таких случаев.

Нужна ссылка, по которой веб-сервер будет возвращать двоичное тело картинки (а будет у ссылки расширение или нет - дело десятое)

Дайте, пожалуйста, пример такой ссылки без расширения.

А то ЕМНИП раньше тут нормально показывались ссылки без расширения, например, с imgur, а тут мне недавно не удалось с такой ссылкой показать картинку, пришлось искать вариант с расширением.

5 месяцев назад
Изучайте немецкий всего по 5 минут в день. Абсолютно бесплатно.