Beautiful design of articles, posts and a complete master class on the HackMD editor // Красивое оформление статей, постов и полный мастер класс по редактору HackMD

in Silver Bloggers4 years ago

Приветствую всех любителей красивых оформлений статей и постов

Greetings to all lovers of beautiful designs for articles and posts

Я познакомлю вас с редактором, в котором вы сможете красиво оформить свой пост.
Редактор называется HackMD и если вы напишите в поисковую строку браузера https://hackmd.io/ или перейдете по активной ссылке, то вы попадете на сайт, где и надо зарегистрироваться.
Вот так будет смотреться поле редактора. Давайте изучим первый ваш шаг.
Вы перешли по ссылке и попали на такую картинку.

I will introduce you to an editor in which you can style your post beautifully.
The editor is called HackMD and if you write https://hackmd.io/ in the search bar of your browser or follow the active link, you will be taken to the site where you need to register.
This is how the editor field will look. Let's explore your first step.
You followed the link and got to such a picture.

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

The upper arrows indicate the correct display of the site.
The editor itself is no different from a blank post field.
But this editor supports all the markdown functions. They are highlighted in red at the top of the black part.

Нет ничего сложного в работе.
На черном фоне есть строчки, в которые вы вписываете текст и справа видите его отображение.
На верхней панеле есть функции жирного текста, курсива, выделение столбцов, ссылка, картинки и что важно, в этом редакторе есть =центр=.
Что это такое? По центру вы сможете расположить красивые картинки или же разделители текста, такие, как вы видите выше.
Редактор хорошо переводится с английского на другие языки, так что каждый сможет его настроить на свой язык.

There is nothing difficult to work with.
On a black background there are lines in which you enter the text and on the right you see its display.
The top panel has functions for bold text, italics, column highlighting, link, pictures and, importantly, this editor has a =center= .
What it is? In the center, you can place beautiful pictures or text dividers, such as you see above.
The editor translates well from English into other languages, so everyone can customize it to their own language.

Решеткой (#) вы сможете выбрать высоту заглавного текста. Чем больше решеток, тем меньше буква.

Use a hash mark (#) to select the height of the heading text. The more bars, the smaller the letter.

А теперь =центр=.
Постарайтесь скопировать то, что вы видите на картинке и сохранить, так как в самом редакторе этой функции нет.

And now =center=.
Try to copy what you see in the picture and save, since this function is not in the editor itself.

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

The formula of signs for the center on the right side is not visible and therefore everything that you want to place in the center, be it a card on a transparent background, a postcard, a beautiful picture or a text separator, you must insert the link of this picture in the center, as indicated by the arrow.

Где искать картинки и разделители?
Идем в строку браузера и вписываем примерно такой текст =Разделители текста с цветами=

Where can I find pictures and separators?
Go to the browser line and enter something like this text = Text separators with colors =

Гугл вам выдаст все, что пожелает ваша душа.
Тематику можно задавать любую и вы получите тот разделитель, какой нужен.
Если нужна прозрачная картинка, то не забывайте указать =на прозрачном фоне=

Google will give you everything your heart desires.
You can set any topic and you will get the delimiter you need.
If you need a transparent picture, do not forget to indicate = on a transparent background =

Чтобы вставить в центр разделитель, копируйте ссылку картинки, а не URL.
Нажимаете правой клавишей мыши на картинку и выбираете "копировать картинку" и сразу же вставляете ссылку в обозначенный центр, и получится вот так.

To insert a separator in the center, copy the link of the image, not the URL.
Right-click on the picture and select "copy picture" and immediately paste the link into the designated center, and it will look like this.

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

To work on writing any text, I always have a template with my signature and a center for the separator.
Leave the line with the center formula in the blank field of the post and then simply copy it to the right place and insert the separator.

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

What else is this editor good for?
After you go to the editor's site, immediately register or enter through any social network in which you are registered.
The editor will serve as your piggy bank for texts that you have not completed or you want to write the text together with another partner.
Yes, you are not mistaken. Two, three, three or more people who are online at the same time and who have been invited to work on an article writing project can simultaneously see the actions and participate in editing.

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

In the upper right corner, you simply choose who you want to work with at the same time.
For example, you need to edit someone's article. You register that person on the editor's site, and then simply select him as indicated on the screen.

Редактор HackMD - это хранилище ваших статей, которые сохраняются автоматически после закрытия сайта.

The HackMD editor is a repository of your articles, which are saved automatically after you close the site.

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

Click on HackMD and you will be sent to your profile, from where you can see and sort your articles, select registered people, and also receive the site's newsletter bells.
As you can see, nothing is complicated.
We study any site. Don't be afraid to press buttons and check what's hidden underneath.

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

And now the most important thing.
How to place text from the editor in the post field on sites?
Everything is very simple. Copy it as plain text and paste it into a blank post field.
Here on the screenshot is a ready-made post about the editor and you can see what the center looks like with a separator link.

А вот так выглядит красивый пост, который я и буду публиковать.

And this is what a beautiful post looks like, which I will publish.

Вот и все.
Поздравляю всех вас с Наступающим Новым годом и желаю всех благ и удачи!

That's all.
Happy New Year to all of you and wish you all the best and good luck!

С вами была @Lika0812

Sort:  

Yay! 🤗
Your content has been boosted with Ecency Points, by @lika0812.
Use Ecency daily to boost your growth on platform!

Support Ecency
Vote for new Proposal
Delegate HP and earn more

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

Ваши посты замечательны, и я думаю, что вы уже давно публикуете их в HIVE. Но я не могу понять, почему эти посты не приносят достаточного дохода. Красивые картинки, приятный текст с усилием, но все равно небольшой доход. @winly, пожалуйста, взгляните на сообщения этого замечательного пользователя и объясните, чего здесь не хватает.

I am impressed by the posts of the user friend, the design of the posts. I won't say right off the bat what is missing, maybe daily activity?🎄

Спасибо за действительно полезный контент! Добавил в закладки буду изучать. Вы профи!💪💪

Надеюсь пригодится.