https://www.duolingo.com/UndyingPony

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

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

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

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

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

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

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

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

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

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

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

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

Курсив, жирный шрифт, monospace

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

![ALT](https://upload.wikimedia.org/wikipedia/en/thumb/c/cb/Duolingo_logo_with_owl.svg/250px-Duolingo_logo_with_owl.svg.png) превращается в: ALT
Не поленитесь написать в альтернативный текст содержание картинки - вдруг ваше изображение будет недоступно. Если Вы рассчитываете, что ваше сообщение с изображением должны быть доступны на форуме длительное время, старайтесь размещать изображения на такие сервисы, где они не удаляются по истечении определённого времени.

Цитирование

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

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

Это цитата.

Списки

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

- One
- Two
- Three

  • One
  • Two
  • Three

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

1. One
2. Two
3. Three

  1. One
  2. Two
  3. Three

Заголовки

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

Заголовок уровня
-------------

Заголовок второго уровня

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

## Заголовок 2 решётки
### Заголовок 3 решётки
#### Заголовок 4 решётки
##### Заголовок 5 решётки
####### Заголовок 6 решётки

Заголовок 2 решётки

Заголовок 3 решётки

Заголовок 4 решётки

Заголовок 5 решётки
Заголовок 6 решётки
4 года назад

19 комментариев


https://www.duolingo.com/oksana_ua

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

3 года назад

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

Я так понимаю вам что-то в таком духе: http://lab.lepture.com/editor/
Встраивание визуального редактора я предлагал в дуотвик, но эта идея не нашла поддержки.

3 года назад

https://www.duolingo.com/oksana_ua

Вот оно! Вот спасибо, Дмитрий! Просто, кратко и без заморочек! )))

Да, мне попался ваш комментарий. А ведь это очень ценно было бы - не искать по форуму, как все отформатировать, а потыкать кнопки - и текст красив))

3 года назад

https://www.duolingo.com/alx-popov

У Pagedown удобная вставка ссылок в стиле сносок (демо), продолжение списка по Ctrl+Shift и цитат (есть форк для Bootstrap). На его основе можно быстренько склепать редактор для использования офлайн.

Но я бы посоветовал пользоваться для хранения заметок каким-то репозитарием типа Github или Bitbucket (на первом бесплатно можно хранить только открытые проекты, на втором приватные). В обоих есть возможность использовать в проекте вики (пример) с редактором Markdown, т.е. редактировать можно онлайн и потом синхронизировать с файлами на любом компьютере. Придётся немного разобраться с версионированием, зато есть возможность совместной работы над файлами.

3 года назад

https://www.duolingo.com/oksana_ua

К этому я еще дорасту. Но пока очень все равно благодарна за помощь, Александр! Я поняла, что в будущем мне будет за что цепляться, когда задачи будут сложнее и объемнее.

3 года назад

https://www.duolingo.com/alx-popov

Я бы сейчас с этого начинал ) Но есть ещё один вариант, если работать с файлами локально: писать текст в ворде/опенофисе и конвертировать, к примеру, при помощи Pandoc в Markdown (поддерживается конвертирование из docx-файлов).

3 года назад

https://www.duolingo.com/oksana_ua

О, вот это вообще отлично. Старый добрый Ворд + конвертер - чудесное решение. Я часто работаю, отключая сеть. И это мне как раз самое оно! Спасибо! Ваши подсказки, правда, ценные очень. Сама я долго бы все это искала, читала, не понимала, злилась....

3 года назад

https://www.duolingo.com/alx-popov

Я дико извиняюсь, но совсем забыл про такую штуку, как MarkdownPad (для Windows). Последний раз видел его давно, а он с тех пор изрядно изменился. Правда, в бесплатной версии поддерживает только базовый Markdown -- таблиц, увы, там не сделаешь.

3 года назад

https://www.duolingo.com/Vsevolod1998

Спасибо, отличная статья! Только я не понял со вставкой изображений. Конкретнее, не понял, что означает ALT в примере? Это название изображения? Если да, то зачем писать название изображения, если это название нигде не будет видно, а будет видно только само изображение?

3 года назад

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

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

В общем, Вам это не нужно - оставляйте квадратные скобки пустыми :)

3 года назад

https://www.duolingo.com/alx-popov

А если файл не загрузился? Альтернативный текст хотя бы даст понятие, что там было на картинке. Такое сплошь и рядом происходит: нашёл статью, которой несколько лет, а иллюстрации потеряны при переносе сайта (случайно удалены, переименованы и т.п.)

3 года назад

https://www.duolingo.com/alx-popov

Markdown поддерживает подсказки для ссылок и картинок:

<pre>[Duolingo](https://www.duolingo.com/ "Learning with Duolingo is fun and addictive") </pre>

Также полезны ссылки в стиле сносок, например такие:

<pre>[Link][id] ... some text ... [id]: link.to/some/site "Подсказка" </pre>

id в данном случае может быть текстовым или цифровым. Если в тексте полтора-два десятка ссылок, проще держать их где-то в одном месте (обычно в конце текста, но это не обязательно).


  1. Не знаю, какая разновидность Markdown тут поддерживается, но подглядывать в документацию от автора не помешает активнее.
  2. Длинный текст проще набирать в каком-то редакторе для программистов, например Visual Studio Code (не путать с собственно Visual Studio) -- подсветка синтаксиса, переходы по ссылкам, предпросмотр (при желании можно даже настроить на стили Дуолинго).
3 года назад

https://www.duolingo.com/Olga_Kapova
<h1>Прикольно</h1>
Спасибо!
3 года назад

https://www.duolingo.com/Sergey628846

Большое спасибо за тему!

1 год назад

https://www.duolingo.com/asulimov
asulimov
  • 25
  • 12
  • 7
  • 20

Пожалуйста, поправьте статью или дайте поправить, html-теги повылазили..

2 года назад

https://www.duolingo.com/charli.bla

В разделе "Изображения" - изображение более недоступно. Видимо, было размещено на таком сервисе, где изображения удаляются по истечении определённого времени. Некоторое время назад, заходил в эту же тему (кстати, тема очень полезная, спасибо большое за неё), и там было вставленное изображение с лингвонёнком для примера. Сейчас осталось только ALT.

1 год назад

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

Спасибо, исправила.

1 год назад

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

А про зачеркивание тильдами и цвет почему убрали? Это тут офицально отменили/отменят?

Или я темой ошибся, бо что-то тут как-то комментариев очень мало стало? Или почистили просто?

А вообще зашел поделиться новостью:

вроде наконец починили и сейчас знак ">" в начале строки сразу распознается как цитата, без последующего редактирования.

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

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

вроде наконец починили и сейчас знак ">" в начале строки сразу распознается как цитата, без последующего редактирования.

Неужели починили?

UPD. Ура! Работает :)

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