Основы оформления постов на Голосе + полный курс по работе с Markdown

в прошлом году
67 в голос

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

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

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

  Ранее в рамках ВИКИ Голоса в разделе "Как пользоваться платформой Голос" был опубликован отличный видеоурок - "Как написать пост на платформе Голос". В данном видео были затронуты лишь самые основные(базовые) примеры оформления, поэтому сегодня мы рассмотрим все возможности форматирования текста более подробно на конкретных примерах.


Данную статью можно условно разделить на несколько категорий по сложности:

  • Базовый Уровень
  • Продвинутый Уровень

Вводная часть

  Для оформления постов я настоятельно рекомендую использовать Markdown разметку (которая встроена в редактор по умолчанию). Markdown представляет собой облегчённый язык разметки, позволяющий максимально просто размечать текст (при этом он выглядит вполне читаемым), который затем будет преобразован в HTML.

Использование Markdown имеет ряд существенных преимуществ:

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

Кстати Markdown редактор Голоса поддерживает также HTML разметку (об этом более подробно на Среднем Уровне)

На освоение синтаксиса Markdown, как правило, уходит НЕ БОЛЕЕ 20 минут, зато в будущем Вы с легкостью сможете оформлять свои статьи и комментарии, как говориться, "на лету".

В будущем на golos.io планируется реализовать удобрый редактор, аналогичный medium-editor, но пока он не реализован нам придется работать с тем, что есть.

Впрочем, оставим теорию и перейдем к практике.

Базовый уровень

Итак, Вы нажали на заветную кнопку Добавить пост - что делать дальше?

Вы увидите поле для ввода текста (возможно, сверху Вы также увидите панель встроенного редактора, если случайно включили его раньше)

Если Вы видите её - у меня для Вас плохие новости, срочно нажмите на кнопку Markdown справа, переключившись на Markdown редактор и продолжайте читать данную статью (выше я уже написал, почему я рекомендую использовать именно его).

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

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

Примерно вот так.

Однако, если мы захотим добавить несколько пустых строк, то Enter не поможет.
Придется применить небольшую хитрость и использовать тег переноса строки <br>

Пример:

<br>
<br>
<br>

Результат:






Примечание: для создания отступа первой строки абзаца (т.н. красной строки), как например в начале данного раздела, я использовал специальный HTML - код невидимого пробела, например & #8195; (убрать пробел перед #)

Заголовки

Заголовки создаются с помощью размещения символа "решетка" # перед текстом заголовка (Между символом # и текстом должен стоять пробел).
Всего доступно 6 уровней заголовков, соответствующих аналогичным уровням HTML заголовков

Пример:

# Заголовок Первого Уровня
## Заголовок Второго Уровня
### Заголовок Третьего Уровня
#### Заголовок Четвертого Уровня
##### Заголовок Пятого Уровня
###### Заголовок Шестого Уровня

Результат:

Заголовок Первого Уровня

Заголовок Второго Уровня

Заголовок Третьего Уровня

Заголовок Четвертого Уровня

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

Первые два уровня заголовков можно также получить альтернативным способом с помощью подчеркивания (используя символы "равно" = и "дефис" -):

Пример:

Заголовок Первого Уровня
=======================
Заголовок Второго Уровня
------------------------

(Количество подчеркивающих символов значения не имеет)

Результат:

Заголовок Первого Уровня

Заголовок Второго Уровня

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

Для смыслового выделения текста и создания логического ударения в Markdown применяются символы "звездочка" * и "нижнее подчеркивание" _ (которые являются равнозначными).
С их помощью можно создать следующие виды начертания текста:

  • полужирный
  • курсив
  • полужирный курсив

Для создания зачеркнутого текста используется символ "тильда" ~.

ПримерРезультат
*курсив* или _курсив_курсив
**полужирный** или __полужирный__полужирный
***полужирный курсив*** или ___полужирный курсив___полужирный курсив
~~зачеркнутый~~зачеркнутый

Программный код:

Для создания элементов, содержащих программный код или разметку применяется символ "обратного апострофа" ` (Подсказка - он находится на клавише с буквой Ё стандартной клавиатуры)
Синтаксис Markdown внутри элементов с программным кодом не обрабатывается, именно благодаря этому в Примерах к данной статье Вы можете видеть применяемые в разметке теги. Если на вашей клавиатуре данный знак отсутствует, можно использовать сочетание клавиш Alt + 96

Пример:

` программный код `

Результат:

программный код

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

Пример:

```
// my first program in C++
# include <иострим>

int main()
{
std::cout << "Hello World!";
}
```

Результат:

// my first program in C++
# include <иострим>

int main()
{
  std::cout << "Hello World!";
}

Также блоки программного кода можно получить, начиная каждую строку с отступа в 4 (четыре) пробела.

Пример:

Результат:

< отступ перед данной строкой составляет четыре пробела
- тут тоже без 4 пробелов не обошлось
? угадайте сколько пробелов стоит в начале строки

Списки

Markdown поддерживает упорядоченные (нумерованные) и неупорядоченные (маркированные списки)

Маркированный список

Для формирования неупорядоченных списков могут использоваться различные маркеры : "звездочка" *, "знак плюс"+, "дефис" -. Все символы маркеров взаимозаменяемы.

Пример:

- маркированный список 
* маркированный список
+ маркированный список

Результат:

  • маркированный список
  • маркированный список
  • маркированный список

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

Для формирования нумерованных списков используются числа с точкой. Интересной особенностью является то, что порядок чисел, с помощью которых формируется список, не важен - на выходе мы в любом случае получим упорядоченный список, начинающийся с 1 (1,2,3...)

Пример:

1. позиция № 1
1. позиция № 2
9. позиция № 3 

Результат:

  1. позиция № 1
  2. позиция № 2
  3. позиция № 3
ВАЖНО: если между строками списка окажется пустая строка, нумерация продолжится сначала.

Кроме того есть возможность создавать вложенные списки (то есть список внутри списка). Для этого необходимо например поставить 4 пробела перед вложенным элементом списка.

Пример:

* маркированный список 
* маркированный список
    * вложенный список 1
    * вложенный список 2
* маркированный список

Результат:

  • маркированный список
  • маркированный список
    • вложенный список 1
    • вложенный список 2
  • маркированный список

Примечание: Одним из небольших недостатков Markdown является то, что технические символы, используемые для разметки, не будут отображаться в итоговом тексте. Чтобы они отображались, необходимо поставить перед ними обратный слэш \
Пример:
\* - символ звездочка

Результат:
* - символ звездочка

Таким образом можно отобразить следующие специальные символы:


     \       `       *       _       #        +       -


Цитаты

Для разметки цитат в Markdown используется знак «больше» >. Его можно вставлять либо перед каждой строкой цитаты, либо перед первой строкой параграфа.

Пример:

> Кто умеет - делает; кто не умеет - учит; кто не умеет учить - учит учителей.

Результат:

Кто умеет - делает; кто не умеет - учит; кто не умеет учить - учит учителей.

Также есть возможность создавать вложенные цитаты (цитата в цитате)

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

Первый уровень цитирования

Второй уровень цитирования

Третий уровень цитирования

Первый уровень цитирования

Также в цитатах допускается использовать различные элементы разметки

Например курсив / полужирный / полужирный курсив

  • маркированный список
  1. нумерованный список

программный код

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

Таблицы:

Таблицы оформляются следующим образом:
В таблицах можно использовать выделение текста, а также ссылки/изображения.

Для выравнивания текста в ячейке

  • по левому краю
  • по центру
  • по правому краю
    используются двоеточия : в строке, отделяющей заголовок от основного текста

Пример:

Заголовок 1 | Заголовок 2 | Заголовок 3
:---------- | :----------: | -------:
*Я1 Р1* | ***Я2 Р1*** | *Я3 Р1*
**Я 1 Р 2** | Я 2 Р 2 | **Я 3 Р 3**

Результат:

Заголовок 1Заголовок 2Заголовок 3
Я1 Р1Я2 Р1Я3 Р1
Я 1 Р 2Я 2 Р 2Я 3 Р 3

Ссылки и медиаконтент

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

Пример:

<https://golos.io>

Результат:

https://golos.io

Также есть возможность создавать встроенные в текст ссылки. При этом текст ссылки заключается в квадратные скобки [] а сама ссылка в круглые ()
[Текст ссылки](https://адрес_ссылки.здесь) Между квадратными и круглыми скобками не должно быть пробела.

Пример:

На платформе [Голос](https://golos.io) каждый найдет то, что ему по душе

Результат:

На платформе Голос каждый найдет то, что ему по душе

Альтернативным способом создания ссылок являются ссылки в виде сносок.При этом способе вместо адреса ссылки используется метка(идентификатор ссылки), которая помещается в квадратные скобки.

[текст ссылки][идентификатор]

[идентификатор]: https://адрес_ссылки.здесь
(идентификатор можно разместить в любом месте текста)

Пример:

Для того, чтобы приобрести токены Силы Голоса пройдите по [ссылке][LINK1] и сгенерируйте BTC адрес.

[LINK1]: https://golos.io/@on0tole/crowdsale

Результат:

Для того, чтобы приобрести токены Силы Голоса пройдите по ссылке и сгенерируйте BTC адрес.

Изображения:

Для вставки изображений Markdown использует следущий синтаксис:

![Альтернативный текст](https://адрес_ссылки_на_изображение.jpg)
либо альтернативный вариант с всплывающей подсказкой, которая указывается в кавычках

![Альтернативный текст](https://адрес_ссылки_на_изображение.jpg "Подсказка")
(необходимо использовать прямые ссылки на изображение)

Пример:

![пикча](https://s13.postimg.org/omrv2q3af/1480534211_file_3.png "рандом")

Результат:
пикча

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

Я использую хостинг postimage.org, в нем есть интересная функция, позволяющая выбирать конечный размер изображения.

Важно: Markdown не позволяет задать параметры изображения (ширину, высоту)

*Примечание: для создания кликабельных изображений (изображений со ссылками) можно использовать следующий синтаксис
*[![30 second exposure](ссылка_на_изображение.png)](адрес_ссылки)

Пример:

[![30 second exposure](http://i64.tinypic.com/28qu5o5.png)](https://golos.io/@on0tole)

Результат:

30 second exposure
(кликнув на изображение мы попадаем на мой блог)

Прим:. для того, чтобы по клику открывался фулл-сайз изображения, вместо второй ссылки укажите ссылку на само изображение.

Видео

Для добавления видео в Ваш пост просто вставляем ссылку на Youtube -видео в тексте.

Пример:
https://www.youtube.com/watch?v=WRzkBQH3JIs

Результат:

Горизонтальные линии (разделители)

Для создания горизонтальной линии достаточно поместить три (или более) "звездочки" * или "дефиса" - на отдельной строке (между символами могут располагаться пробелы)

Пример:

***
* * *
*****
- - -
-----------------------

Результат:






Примечание: я рекомендую использовать именно символ "звездочка" * так как в случае с "дефисом" - если не оставить пустую строку между текстом и горизонтальной линией, мы получим Заголовок Второго Уровня (см. п. Заголовки)**

Продвинутый уровень

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

Хотелось бы также рассмотреть несколько интересных способов для расширенного форматирования Ваших статей (в том числе с использованием HTML).

Выравнивание по центру

Довольно часто возникает необходимость отцентровать различные элементы статьи.
Для этого можно воспользоваться HTML тэгом <center>

Пример:

<center>Текст выровнен по центру</center>
### <center>Заголовок отцентрован</center>
<center>https://s13.postimg.org/hfrjsyrrb/image.png</center>

Результат:

Текст выровнен по центру

Заголовок отцентрован

Выравнивание изображений и обтекание текстом

С помощью стилей CSS Вы сможете настроить выравнивание изображений и обтекание изображений текстом.


Расположение картинки слева

Параметры pull-left и pull-right позволяют настроить выравнивание и обтекание изображений текстом

Пример выравнивания изображения по левому краю (Pull Left)

<div class="pull-left">
 
https://s4.postimg.org/x37pfrku5/image.png
<center>  <strong> Расположение картинки слева </strong> </center>
</div>

Пример выравнивания изображения по правому краю (Pull Right)

Расположение картинки справа
<div class="pull-right">
https://s22.postimg.org/q9jd64v9d/image.png
<center> <strong> Расположение картинки справа </strong> </center>
</div>
 



Также вы можете выравнивать изображения по правому краю, используя класс pull-right.




Выравнивание текста по ширине

Многим нравится, когда текст выглядит хорошо структурированным, как в газете или журнале, и выровненным по ширине страницы. Для получения данного результата можно использовать класс text-justify. Рассмотрим, как работает выравнивание текста (Justified Text)

Пример:

<div class="text-justify"><em>Особенность тоталитарного государства та, что, контролируя мысль, 
оно не фиксирует её на чём-то одном. Выдвигаются догмы, не подлежащие обсуждению, 
однако изменяемые со дня на день. Догмы нужны, поскольку нужно абсолютное повиновение подданных, 
однако невозможно обойтись без коррективов, диктуемых потребностями политики власть предержащих.
 (Literature and Totalitarianism - George Orwell).</em></div>

Результат:

Особенность тоталитарного государства та, что, контролируя мысль, оно не фиксирует её на чём-то одном. Выдвигаются догмы, не подлежащие обсуждению, однако изменяемые со дня на день. Догмы нужны, поскольку нужно абсолютное повиновение подданных, однако невозможно обойтись без коррективов, диктуемых потребностями политики власть предержащих. (Literature and Totalitarianism - George Orwell)

Примечание: синтаксис Markdown внутри стилей CSS не поддерживается, поэтом на примерах выше Вы могли увидеть, что для выделения текста я использовал HTML тэги, в частности:

Пример:

<em>для курсива </em>
<strong> для полужирного </strong>

Результат:

для курсива
для полужирного


ВНИМАНИЕ:

Есть еще один крутой сервис, которым я обязан с Вами поделиться:
app.classeur.io представляет собой интуитивно-понятный (даже новичку) онлайн Markdown редактор.
С его помощью Вы легко можете преобразовать свой текст в Markdown разметку (используя панель инструментов).
Кроме того, данный редактор позволяет загружать изображения НЕПОСРЕДСТВЕННО с Вашего устройства, автоматически преобразовывая их в ссылки на изображения.
Все что Вам остается - это скопировать полученный текст с разметкой и вставить в текстовое поле на Голосе.


Итак, если Вы дочитали пост до этого момента, то Вы настоящий герой=) теперь, когда Вы познали основы (и не только) форматирования постов на Голосе, можете смело применять полученные знания на практике, очень надеюсь, что полученные знания помогут Вам качественно оформить свои статьи и привлечь внимание читателей. Если у Вас остались вопросы - не стесняйтесь спрашивать в комментариях или в чате Голоса в Телеграм: @golos_io - кроме того в чате Вы всегда найдете ответы на большинство вопросов от пользователей с большим опытом.


Предлагаю @phenom рассмотреть вопрос о включении данной статьи в шаблон приветственного сообщения для новичков от бота @radogost


Всем спасибо за внимание.

Да прибудет с Вами Сила Голоса!

Подписывайтесь и следите за обновлениями: 30 second exposure

#markdown

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

Теперь я тоже знаю всё о Markdown.
Спасибо @on0tole за ценный вклад в мою прошивку

·

К Вашим услугам)

Вписываюсь в ответы, чтобы заново не искать эту полезнейшую статью

·

Можете вписаться тут - Самый полный FAQ о ГОЛОСе
там вообще все статьи в 1 месте=)

Спасибо огромное, уважаемый @on0tole! Ваша статья очень помогает разобраться что к чему даже таким "чайникам", как Я!!!! :)

·

Обращайтесь если есть вопросы)

это мне на пол дня разбираться)))

·

Сокращенная версия для Вас-))

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

*курсив* 
**полужирный**
***полужирный курсив***
~~зачеркнутый~~
`программный код`

Заголовки:
# Заголовок 1
## заголовок 2
### Заголовок 3


Маркированный список:
- один
- два
- три

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

1. один
2. два
3. три

Цитата:

> Цитируем сами себя

Ссылки: 
[Голас.ИО](https://golos.io)

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

курсив
полужирный
полужирный курсив
зачеркнутый
программный код

Заголовки:

Заголовок 1

заголовок 2

Заголовок 3

Маркированный список:

  • один
  • два
  • три

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

  1. один
  2. два
  3. три

Цитата:

Цитируем сами себя

Ссылки:
Голас.ИО

·
·

за это отдельное спасибо!

·

Разбирайся, будешь умнее

Хороший гид! Это выглядит очень полный, но я не вижу пару HTML-теги, которые я периодически использую для форматирования:

<sup>Хороший гид!</sup>

Хороший гид!

<sub>Хороший гид!</sub>

Хороший гид!

Они могут быть умножены:

<sup><sup><sup>Хороший гид!</sup></sup></sup>

Хороший гид!

·

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


P.S. завтра добавлю в гайд

·

Он по-другому не делает

Открытым текстом заявил

·
·
·

Так я так и написал. Надо было для ясности кавычки поставить.
"Открытым текстом" всей семьей смотрим.

·
·
·

Очень приятно)

·
·
·
·

Не подумайте, что это лесть.

73
  ·  в прошлом году

Спасибо за крутейший пост!
Забрала в коллекцию самых полезных ссылок на Голосе! 🤗

·

А где эта коллекция? очень интересно=)

·
·
73
  ·  в прошлом году

Описание чата в чате Школы Блоггеров в Телеграмме :)
О как!

·
·
·

чата в чате

Рекурсия преследует меня=))

·
·
·
·
73
  ·  в прошлом году

😂

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

·

Как раз таки ретвит только и работает=))

·
·

в профиле необходимы закладки на статьи голоса, например на эту, это как-то можно сделать?

Отлично проделанная работа :))
осталось заставить людей, особенно новичков, этим пользоваться.

·

осталось заставить людей, особенно новичков, этим пользоваться.

  • Нет проблем ))

·
·

Спасибо. Будем разбираться....

68
  ·  в прошлом году

Ай молодца, награждаю тебе попаданием в избранное... да прибудет с твоим постом синяя звезда хрома

·

В мемориз?

  • это большая честь для меня)

уважаемый @on0tole - с п а с и б о ! . . .
а) сокращённая версия - замечательно
б) в полной версии не хватает алфавитного указателя ЗАДАЧ
в) сейчас внизу две плашки "отзывы и предложения" и "приглашение в ЧАТ", а надо бы ещё и "справки по оформлению"

с уважением,
вячеслав

·

Спасибо за отзыв)
справки по оформлению все в том же чате=))

71
  ·  в прошлом году

OnOtole, no comments!)))

Спасибо!!!

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

·

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

·
·

со мной это бесполезно)))

·
·
·

Придется пригласить Вас на личное обучение=))

·
·
·
·

хи-хи-хи)))

·
·
·
73
  ·  в прошлом году

Ох, и тут во мне просыпается женское занудство... 😇

·

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

·
·

я лучше подожду, пока появится нормальный редактор)))

Таких подробных гайдов ещё не видел.
@on0tole - респект! @radogost уже успел изучить твой туториал!

·

@radogost уже успел изучить твой туториал!
еще бы он не успел - нейросети, самообучение - типичный бот)

Круто, я даже не знал что в Голосе обтекание картинки тестом поддерживается :)

58
  ·  в прошлом году

Пост выдался не маленький) Большое дело сделал, спасибо!
Ну вот теперь точно все ясно, буду заглядывать сюда, если что-то забуду)

·

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

·
·
76
  ·  в прошлом году

Помогу немного в правке.
"Примечание: в данный момент в клиенте присутствует баг, вследствие которого заголовок пятого уровня имеет такой же размер как и заголовок ТРЕТЬЕГО (см. выше)"

Не третьего - четвёртого.

·
·
·

Это тоже баг, когда я его репортил, был третий и пятый, теперь четвертый и пятый - никакой стабильности))

Самое полное руководство. Нуждается в портировании на Стимит, попробуй договорится с рустимитблог о переводе, говорят они не дорого берут

·

Эксклюзив для Голоса же))
я думаю можно будет за еду договориться))
Вед так @rusteemitblog ?

Ну наконец-то кто-то это написал, а то устала уже у всех в комментариях спрашивать!

·

Изучайте, если что-то не понятно - спрашивайте)

Благодарю Криптоанечку @anasya за помощь в устранении орфографических, синтаксических и пунктуационных пробелов в данной статьей=)

·

'Всегда пожалуйста, только ты в итоге не все устранил :)

·
·

На мое усмотрение=))

·
·
·

тут интереснее читать, чем в доксе)) картинки хоть есть

·
·
·
·

Еще бы=) тут и править интереснее))

наконец-то! Спасибо, Анатолий!!!

Нужно ссылку на обучающие посты добавить. А то этот пост затеряется со временем потом ищи

·

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

65
  ·  в прошлом году

Как всегда всё на высшем уровне!

Анатолий, помогите, пожалуйста! Пытаюсь по вашему совету вставить кликабельное изображение в пост, и вот что у меня получается. Что я делаю не так?

·

Вообще все правильно, убедитесь, что используете именно Markdown редактор, и попробуйте скопировать код ниже:

[![30 second exposure](https://s18.postimg.org/lk7ay5pqh/image.png)](https://golos.io/@katrin)

Результат:

30 second exposure

·
·

Да, я так и делала. Выяснила одну вещь. В одних постах всё правильно отображается, а в одном посте - такая ерунда, которую я вам написала. Этот единственный пост - самый первый, датируемый прошлым месяцем. Может, здесь дело в том, что давность поста больше месяца, поэтому происходит такое некорректное редактирование текста?

·
·
·

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

·
·
·
·

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

·
·
·

Рад был помочь, обращайтесь-=)

66
  ·  в прошлом году

Спасибо за классный туториал, Анатолий!


P.S. Уже применяю на практике)

·

Ждем, ждем=)

·
·

привет работа хороша но не для меня все же и я иду простым для меня путем ну а дальше будет видно

Госпада, в профиле необходимы закладки на статьи голоса, например на эту, это как-то можно сделать?

·

Будет реализовано позже...

67
  ·  в прошлом году

очень полезный пост,спасибо))

С айпадика похоже будет не очень удобно писать(

·

Мобильное приложение готово уже на 99 процентов=) правда еще редактор надо будет улучшить под это дело.

62
  ·  11 месяцев назад

А можно как-то поменять цвет фона всего поста или отдельных кусков?

·

В данном клиенте такой функционал не поддерживается

А вообще планируется тут (в Голосе) нормальный редактор?

Статья архиважная и полезная.А видео можно только с ютюба добавить?Свое никак не добавить?А музыку?

·

Голос в данный момент не хостит медаи, то есть видео музыка изображения должны быть загружены на сторонние хостинги, напр ютуб

Спасибо за пост.Все подробно и информативно.Часть элементов запомнились еще со Стима, в статье нашла для себя что то новое .Буду перечитывать )

Большое спасибо Анатолий Александрович! Неоценимый вклад в развитие платформы!