### **Приветствую всех любителей садов и огородов, а так же всего того, что связано с природой** ![DSCF0500.jpg](https://cdn.steemitimages.com/DQmajD1ncgeZs3qSLkZhjdmMbLMpsxWBFrCY3qiP1LhYr24/DSCF0500.jpg) По просьбе админа нашего сообщества, я познакомлю вас с редактором, в котором вы сможете красиво оформить свой пост. Редактор называется HackMD и если вы напишите в поисковую строку браузера https://hackmd.io/ или перейдете по активной ссылке, то вы попадете на сайт, где и надо зарегистрироваться. Вот так будет смотреться поле редактора. Давайте изучим первый ваш шаг. Вы перешли по ссылке и попали на такую картинку. ![](https://i.imgur.com/7hwqrPD.png) Верхние стрелочки показывают правильное отображение сайта. Сам редактор ни чем не отличается от чистого поля для поста. Но этот редактор поддерживает все функции маркдауна. Они выделены красной клеткой вверху черной части. ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) Нет ничего сложного в работе. На черном фоне есть строчки, в которые вы вписываете текст и справа видите его отображение. На верхней панели есть функции жирного текста, курсива, выделение столбцов, ссылка, картинки и что важно, в этом редакторе есть **центр**. Что это такое? По центру вы сможете расположить красивые картинки или же разделители текста, такие, как вы видите выше. Редактор хорошо переводится с английского на другие языки, так что каждый сможет его настроить на свой язык. ![](https://i.imgur.com/3ZI1MBS.png) ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) Решеткой (#) вы сможете выбрать высоту заглавного текста. Чем больше решеток, тем меньше буква. ![](https://i.imgur.com/R4xllF7.png) А теперь **центр**. Постарайтесь скопировать то, что вы видите на картинке и сохранить, так как в самом редакторе этой функции нет. ![](https://i.imgur.com/qtf21ul.png) Формула знаков для центра в правой части не видна и поэтому все, что вы хотите расположить по центру, будь то картинка на прозрачном фоне, открытка, красивый рисунок или разделитель текста, вы должны ссылку этой картинки вставить в центр, как указано по стрелке. ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) ![](https://i.imgur.com/NkYgF4h.png) Где искать картинки и разделители? Идем в строку браузера и вписываем примерно такой текст "Разделители текста с цветами" ![](https://i.imgur.com/PhdqpQd.png) Гугл вам выдаст все, что пожелает ваша душа. Тематику можно задавать любую и вы получите тот разделитель, какой нужен. Если нужна прозрачная картинка, то не забывайте указать "на прозрачном фоне" ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) Чтобы вставить в центр разделитель, копируйте ссылку картинки, а не URL. Нажимаете правой клавишей мыши на картинку и выбираете "копировать картинку" и сразу же вставляете ссылку в обозначенный центр, и получится вот так. ### ![](https://i.imgur.com/FESPFW8.png) Для работы по написанию какого либо текста, у меня всегда есть шаблон с моей подписью и центром для разделителя. Оставляете в чистом поле поста строчку с формулой центра и потом просто ее копируете в нужное место и вставляете разделитель. ![](https://i.imgur.com/PTZUbsF.png) ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) Чем же еще хорош этот редактор? После того, как вы зайдете на сайт редактора, сразу же зарегистрируйтесь или войдите через любую соцсеть, в которой вы зарегистрированы. Редактор будет служить вашей копилкой текстов, которые вы не дописали или же вы хотите писать текст совместно с другим партнером. Да-да, вы не ошиблись. Два, три, четыре и более человек, которые одновременно онлайн и которых пригласили работать в проекте по написанию статей, могут одновременно видеть действия, и участвовать в редактировании. ![](https://i.imgur.com/jO0e3UK.png) В правом верхнем углу вы просто выбираете с кем хотите одновременно работать. Например, вам надо отредактировать чью-то статью. Вы регистрируете того человека на сайте редактора, а потом просто выбираете его как указано на скрине. ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) Редактор HackMD - это хранилище ваших статей, которые сохраняются автоматически после закрытия сайта. ![](https://i.imgur.com/tGi6HzX.png) Нажмите на HackMD и вы попадете в свой профиль, откуда сможете видеть и сортировать свои статьи, выбирать зарегистрированных людей, а так же получать на колокольчик рассылки сайта. Как видите ничего нет сложного. Любой сайт изучаем. Не бойтесь нажимать кнопки и проверять, что под ними скрыто. ### ![](https://img1.liveinternet.ru/images/attach/c/1//48/821/48821823_1527894gvxcsdbcpz.gif) **А теперь самое главное.** **Как разместить с редактора текст в поле поста на сайтах?** Все очень просто. Копируете как обыкновенный текст и вставляете в чистое поле для поста. Вот на скрине уже готовый пост о редакторе и вы можете видеть, как выглядит центр со ссылкой разделителя. ![](https://i.imgur.com/FU7vHrh.png) А вот так выглядит красивый пост, который я и буду публиковать. ![](https://i.imgur.com/veXowCy.png) Вот и все. Поздравляю всех вас с Наступающим Новым годом и желаю всех благ и удачи! ### ![](https://i.imgur.com/eSmiyMu.png) ### ***С вами была @Lika0812***