Markdown Урок! - Как да използваме команди в Hive постовете си

This is a translated post from @carrieallen to help all my Bulgarian folks understand how Markdown works. Original post - Here

markdown_header.jpg

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

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


Този пост съдържа следните уроци:

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

1. Представяне на текст

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

За да добавите курсив текст добавяме звездичка ПРЕДИ и СЛЕД текста

*Тук вкарваме нашия текст*

Резултат: Тук вкарваме нашия текст

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

**Това е получер текст**

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

Двете команди използвани заедно стават с три звездички.

***Това е курсив и получер текст***

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

За да добавим текст който е задраскан използваме ~~

~~Това е задраскан текст~~

Резултат: Това е задраскан текст


А как да добавим линия като тази? 👆

Това може да се направи с една от следните 3 команди с празно място след текста:

***
--- 
___

Просто избирате един от по-горните знаци, който ви е най-удобен за ползване.

Резултат:




2. Заглавие с различен размер

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

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

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

Резултат:

Заглавие 1

Заглавие 2

Заглавие 3

Заглавие 4

Заглавие 5
Заглавие 6

3. Как да поставяме линкове в текст

Поставяме квадратни скоби [] около текста който искаме да се изписва.
След това в нормални скоби () слагаме адреса на линка който искаме да поставим като линк.

[Това е моят линк](адрес на линка)

Резултат: Това е моят линк


4. Поставяне на снимки и слагане на линк към тях

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

Просто поставяме ! пред линка който искаме да сложим като снимка

![](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)

Резултат:


5. Центриране на изображения или текст

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

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

За тази цел използваме тази команда:

<center>

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

</center>

Пример:

<center>Това е центриран текст</center>

Резултат:

Това е центриран текст

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

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

Пример как трябва да изглежда кода:

<center>![](https://st2.depositphotos.com/1000792/8526/v/600/depositphotos_85260512-stock-illustration-squirrel-eats-nut.jpg)</center>

Резултат:


source


6. Поставяне на текст от ляво или дясно

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

За да поставим текст от ляво или дясно и да го сложим около снимка, трябва да направите кода ТОЧНО по този начин:

<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>

Резултат:

Този текст е отдясно
Този текст е отляво
Този текст е в средата

7. Създаване на списъци с точки

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

* Пример със звездичка
- Пример със минус
+ Пример със плюс
  • Пример със звездичка
  • Пример с минус
  • Пример с плюс

8. Как да цитираме текст

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

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

Пример:

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

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

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


9. Как да създаваме таблици

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

Ето пример:

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

От което се получава:

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

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

| | | | | |
|---|---|---|---|---|
| | | | | |
| | | | | |
| | | | | |

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


🙏

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

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

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

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


hive_asdasd.jpg

18 Comments