*This is a translated post from @carrieallen to help all my Bulgarian folks understand how Markdown works. Original post - [Here](https://ecency.com/tutorial/@carrieallen/ultimate-markdown-tutorial)*

![markdown_header.jpg](https://images.ecency.com/DQmV9uagt6yYNUcgZTpXfSgiXHJ6hhL2aaDKKERaQp7vYYT/markdown_header.jpg)

Здравейте на всички в този пост ще се запознаем с **Markdown**, кодът който използваме за да вкарваме команди в нашите постове.

Мисля че ще е много полезно за всички да се научим как да украсяваме постовете си и да ги направим да изглеждат по-добре.

---


# <center>**Този пост съдържа следните уроци:**</center>


* **1. Обяснение на различните функции за представяне на текст**
* **2. Как да направим заглавие в различен размер**
* **3. Как да поставяме линкове в постовете си**
* **4. Поставяне на снимки и как да ги направим с линкове**
* **5. Центриране на изображения или текст**
* **6. Изкарване на текст от ляво или дясно в поста си**
* **7. Създаване на списъци с точки като този**
* **8. Как да цитираме текст**
* **9. Създаване на таблици**

---
## <center>1. Представяне на текст</center>

Текста който виждате в сините кутийки е как трябва да изглежда кода, а отдоло е как изглежда финалния резултат.

**За да добавите *курсив* текст добавяме звездичка ПРЕДИ и СЛЕД текста**
~~~
*Тук вкарваме нашия текст*
~~~
Резултат: *Тук вкарваме нашия текст*

**За да добавите удебелен текст ползваме две звездички.**

~~~
**Това е получер текст**
~~~
Резултат: **Това е получер текст**

**Двете команди използвани заедно стават с три звездички.**
~~~
***Това е курсив и получер текст***
~~~
Резултат: ***Това е курсив и получер текст***

**За да добавим текст който е задраскан използваме ~~**
~~~
~~Това е задраскан текст~~
~~~
Резултат: ~~Това е задраскан текст~~
___
**А как да добавим линия като тази?** 👆

Това може да се направи с една от следните 3 команди  с **празно място** след текста:
~~~
***
~~~
~~~
--- 
~~~
~~~
___
~~~
Просто избирате един от по-горните знаци, който ви е най-удобен за ползване.

Резултат:
***
---
___

## <center>2. Заглавие с различен размер</center>

Има 6 различни размера който може да бъде направен заглавния текст.
Просто поставяте **# (хаштаг) и място** преди текста който искат като заглавие.

**Един # е най-големия текст и 6 най-малкия.**

~~~
# Заглавие 1
~~~
~~~
## Заглавие 2
~~~
~~~
### Заглавие 3
~~~
~~~
#### Заглавие 4
~~~
~~~
##### Заглавие 5
~~~
~~~
###### Заглавие 6
~~~

Резултат:
# Заглавие 1
## Заглавие 2
### Заглавие 3
#### Заглавие 4
##### Заглавие 5
###### Заглавие 6
---
## <center>3. Как да поставяме линкове в текст</center>

Поставяме **квадратни скоби []** около текста който искаме да се изписва.
След това в **нормални скоби ()** слагаме адреса на линка който искаме да поставим като линк.
~~~
[Това е моят линк](адрес на линка)
~~~
Резултат: [Това е моят линк](https://ecency.com/@ivangeevo)

---
## <center>4. Поставяне на снимки и слагане на линк към тях</center>

Поставянето на снимка може да стане с бутона за поставяне на снимка по-горе или да се използва команда подобна на тази за линковете.

**Просто поставяме ! пред линка който искаме да сложим като снимка**
~~~
![](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)
~~~
![](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)
[source](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)

За разлика от линковете, когато поставяте снимка, квадратните скоби [] няма нужда да имат текст в тях и просто можете да ги оставите празни.

**За да поставим линк в снимка** се използва със същите команди но цялата команда за снимката се поставя в команда за линк.

**Отначало командата за линк изглежда така:**
~~~
![](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)
~~~
За да добавим линк към нея слагаме цялото нещо в команда за линк.

Първо добавяме цялото нещо в [] и накрая в () поставяме линка към който искаме да води снимката.

**Финалната команда изглежда така:**
~~~
[![](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)
~~~
Резултат:
[![](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)](https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg)
---
## <center>5. Центриране на изображения или текст</center>

В тази секция и следващата  ще се научим как да центрираме текст и изображение и да ги местим в ляво или в дясно на поста си.

**Първо как да центрираме.**

За тази цел използваме тази команда:
~~~
<center>
~~~
Тя се слага в началото на това което искаме да центрираме.
Накрая завършваме със същата команда но с / пред нея. Тази черта определя края на командата.
~~~
</center>
~~~

**Пример:**
~~~
<center>Това е центриран текст</center>
~~~
Резултат: <center>Това е центриран текст</center>


**Със снимки процесът е подобен.**

Ползваме същата команда която използвахме по-горе за поставяне на снимка в комбинация с тази за центриране.

**Пример как трябва да изглежда кода:**
~~~
<center>![](https://st2.depositphotos.com/1000792/8526/v/600/depositphotos_85260512-stock-illustration-squirrel-eats-nut.jpg)</center>
~~~
Резултат:
<center>![](https://st2.depositphotos.com/1000792/8526/v/600/depositphotos_85260512-stock-illustration-squirrel-eats-nut.jpg)</center>
[source](https://st2.depositphotos.com/1000792/8526/v/600/depositphotos_85260512-stock-illustration-squirrel-eats-nut.jpg)

---
## <center>6. Поставяне на текст от ляво или дясно</center>

**Следната секция е малко по-сложна от останалите, но не се страхувайте да опитвате докато получите желания резултат. Можете да копирате командите за улеснение.**

За да поставим текст от ляво или дясно и да го сложим около снимка, трябва да направите кода ТОЧНО по този начин:
~~~
<div class="pull-right">ЛИНК КЪМ СНИМКАТА</div>ВАШИЯТ ТЕКСТ ТУК
~~~
**Подробно обяснение:**
> * Първо избираме съответната команда (ляво или дясно)
>~~~
><div class="pull-left">
>~~~
> Или
>
>~~~
><div class="pull-right">
>~~~
>
> * Вкарваме ЛИНК КЪМ СНИМКАТА, без място
> * Завършваме pull кода с 
> ~~~
></div>
>~~~
> * След края на pull кода вкарваме текста който искаме да се изкарва от ляво или от дясно на снимката, без място.

Можете да използвате следните команди и само за текст.

Ето командите, можете да ги копирате за улеснение.
~~~
<div class=pull-right>Този текст е отдясно</div>
~~~
~~~
<div class=pull-left>Този текст е отляво</div>
~~~
~~~
<center>Този текст е в средата</center>
~~~

Резултат:
<div class=pull-right>Този текст е отдясно</div>
<div class=pull-left>Този текст е отляво</div>
<center>Този текст е в средата</center>

---
## <center>7. Създаване на списъци с точки</center>

Това се прави много лесно. Просто слагаме - , + или * пред текста който искаме да излезе със точка пред него.
~~~
* Пример със звездичка
~~~
~~~
- Пример със минус
~~~
~~~
+ Пример със плюс
~~~
* Пример със звездичка
- Пример с минус
+ Пример с плюс

---
## <center>8. Как да цитираме текст</center>

Много е важно когато цитираме точните думи на някого, да използваме следната команда и след това да сложим линк към цитата.
Също така може да се използва за да изпъкнат определени части от поста, както направих аз в по-горната секция.

**Просто поставяме > (стрелка надясно) преди всяко изречение което искате да цитирате.**

Пример:
~~~
>Цитирането може да се използва за да създаде дълбочина на поста ви.
~~~
>Цитирането може да се използва за да създаде дълбочина на поста ви.

**Също така ако има празно място в цитирания текст, преди него също се слага >.**

---
## <center>9. Как да създаваме таблици</center>

Можете да използвате таблици за да организирате различни неща.

Ето пример:

~~~
|Заглавие 1|Заглавие 2|Заглавие 3|Заглавие 4|Заглавие 5|
|---|---|---|---|---|
|Червено|Банан|Сутрин|Иван|Везни|
|Зелено|Портокал|Обед|Стоян|Дева|
|Синьо|Ягода|Вечер|Георги|Телец|
~~~
От което се получава:
|Заглавие 1|Заглавие 2|Заглавие 3|Заглавие 4|Заглавие 5|
|---|---|---|---|---|
|Червено|Банан|Сутрин|Иван|Везни|
|Зелено|Портокал|Обед|Стоян|Дева|
|Синьо|Ягода|Вечер|Георги|Телец|

Ето ви празна таблица която можете да копирате и да попълните сами:
~~~
| | | | | |
|---|---|---|---|---|
| | | | | |
| | | | | |
| | | | | |
~~~

В таблиците можете да слагате и снимки. Даже и с линкове, но това ще го оставя на по-изобретателните да се досетят как сами. 😉

---
# <center>🙏</center>

**Оставих някои секции от оригиналния пост който аз самият неможах да разбера, или просто за да не става прекалено дълъг поста.Най-важните и най-често използваните команди са тук.** 

Благодаря и на @iliyan90, че ми показа оригинала.

Докато превеждах поста научих много полезни неща които със сигурност ще използвам за в бъдеще в постовете си. 🙂

И това е всичко за сега, надявам се този пост да ви е бил полезен и да сте научили нещо ✌️. Namaste 🙏

---
[![hive_asdasd.jpg](https://images.ecency.com/DQmZSFa6xSbibpEo3nGSXjCa13E5PQN7YN2UMLQm69PazsF/hive_asdasd.jpg)](https://ecency.com/@ivangeevo/kak-se-registrirakh-v-hive)