Форматирование заметок с помощью Markdown



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

Где форматировать заметки в MLO?
Базовый синтаксис Markdown
Дополнительная информация
Видео с примерами

Где форматировать заметки в MLO?

.

Перед тем, как углубиться в синтаксис Markdown, давайте рассмотрим обновленные панели заметок и свойств задачи. В MLO 5 теперь есть два режима в панели заметок и свойств задачи: Просмотр и Редактирование.


Чтобы начать форматирование:

  1. Включите опцию Markdown форматирования для заметок. Для этого перейдите в меню "Сервис"> "Настройки"> "Вид" и отметьте галочкой "Использовать Markdown для формата заметок". Если вы решите отключить эту опцию, просто уберите галочку там же.
  2. Переключитесь из режима "Просмотра" в режим "Редактирования" заметок и свойств задачи.

Есть несколько способов переключения из режима "Просмотра" в режим "Редактирования":

  • Просто щелкните по соответствующей иконке на панели справа.
  • В режиме просмотра нажмите на созданную заметку - режим редактирования будет активирован автоматически. Нажмите на иконку режима просмотра, чтобы остановить редактирование. Таким образом, заметки можно быстро редактировать даже в режиме просмотра.
  • Существует комбинация клавиш для быстрого переключения режимов просмотра/редактирования. По умолчанию это Alt+~ (можно переназначить в настройках MLO).


Базовый синтаксис Markdown


Давайте добавим основные элементы: переносы строк, заголовки, выделение, списки, ссылки и изображения.

Перенос строки

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

Заголовок

Язык разметки Markdown поддерживает 2 стиля обозначения заголовков: подчеркивание и выделение хэш-символом "#".

Заголовки "подчеркиваются" с помощью знака равно (заголовки первого уровня) и пунктира (второго уровня). Будет работать любое количество подчеркиваний символами "=" или "-":

				
Заголовок первого уровня H1
===========================

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

Другой способ - это использование от 1 до 6 хэш-символов в начале строки, соответствующие уровням заголовков:

				
# Заголовок первого уровня H1
## Заголовок второго уровня H2
###### Заголовок шестого уровня H6
				
			

Выделение

Markdown в MLO воспринимает звездочки "*" и подчеркивания "_" как индикаторы выделения. Текст внутри одной звездочки или подчеркивания выделится курсивом; двойные звездочки или подчеркивания дадут полужирный шрифт:

				
*одиночные звездочки*
_одиночные подчеркивания_
**двойные звездочки**
__двойные подчеркивания__
				
			

Совет: Выделение также можно использовать в середине слова: просто не*вер*оятно.

Списки

Markdown поддерживает упорядоченные (нумерованные) и неупорядоченные (ненумерованные) списки. Для ненумерованного списка используются звездочки, плюсы и дефисы:

				
* красный
* зеленый
* синий
ИЛИ
+ красный
+ зеленый
+ синий
ИЛИ
- красный
- зеленый
- синий
				
			

Совет: Если у вас есть подпункты, поставьте два пробела перед звездочкой/плюсом/дефисом.

Для нумерованного списка используются числа с точкой. Сами числа не важны, они не оказывают влияния на результат, который выдает Markdown:


1.   На старт
2.   Внимание
3.   Марш
OR
6.   На старт
11.  Внимание
5.   Марш
			

Ссылки

MLO поддерживает два типа ссылок: ссылки типа сносок и внутристрочные ссылки.

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


Это [пример][id] ссылки типа сноски.
[id]: http://example.com/  "Можете добавить здесь название"
			

Внутристрочные ссылки спрятаны в тексте следующим образом:


Это [пример](http://example.com/ "Заголовок") внутристрочной ссылки.
[Эта ссылка](http://example.net/) не имеет атрибута title (заголовка).
			

Совет: Вы также можете добавить ссылку на свои задачи из MLO, используя идентификатор задачи (щелкните правой кнопкой мыши на задаче -> Скопировать как -> Скопировать как локальную ссылку)
Пример: [Новая задача](\\mlo:{53070B55-A8FF-4FAD-8ECD-15D8D429FFAF})

Совет: Также можно добавить ссылки на сторонние сервисы (например, Evernote, Trello, Chrome).
Например, ссылка на Evernote будет выглядеть так: [Evernote](evernote:///view/165522/s417/c7fcd022-75e7609dec/c7fc2-4511-af8e-209dec/)

Изображения

Изображения, добавленные в заметки, могут храниться в Интернете или локально на вашем устройстве. Изображения, помещенные в заметки, не сохраняются в MLO и не отправляются в облако MLO. Для изображений следует использовать следующий синтаксис:


![онлайн-магазин](http://www.domain-name/file-location.png)
			

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


[игрушки](C:\Users\Michael\Pictures\Saved%20Pictures\toys.jpg)
			

Совет: Если название папки содержит пробелы, замените их на "%20" (см. пример выше).

Примечание: Формат Gif также может быть добавлен в заметки задачи.

Цитаты

Для обозначения цитат в языке Markdown используется знак ">":


> Первый уровень цитирования
>
>> Второй уровень цитирования
>
> Снова первый уровень цитирования
			


Дополнительная информация

.
  • Цвета с помощью HTML

    Если у вас есть базовые знания HTML, вы можете применять цвета. Например, введите:

    
    <span style="color:blue"> Этот текст голубой.</span>
    <span style="color:red"> Этот текст красный.</span>
    <span style="color:#59afe1"> Этот текст цветной.</span>
    			

    Чтобы добиться этого:

    
     Этот текст голубой.
     Этот текст красный.
     Этот текст цветной.
    			
  • Изменение размера изображения с помощью HTML

    Следует использовать следующий синтаксис:

    
    <img src="https://www.mylifeorganized.net/i/products/notebook.png" style="width: 180px">
    			

    Чтобы изменить размер изображения на следующий:

    
    
    			

    Примечание: Изображения, хранящиеся локально на устройстве, не могут быть изменены с помощью HTML в MLO, и вам необходимо изменить их размер отдельно.

  • Добавление определенных буквенных символов

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

    
    \*этот текст отформатирован символами звездочки*\
    			

Более подробную документацию по синтаксису Markdown можно найти на сайте Daring Fireball.

Видео с примерами

Markdown в MLO 5