This is a translated post from @carrieallen to help all my Bulgarian folks understand how Markdown works. Original post - Here
Здравейте на всички в този пост ще се запознаем с 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)
За разлика от линковете, когато поставяте снимка, квадратните скоби [] няма нужда да имат текст в тях и просто можете да ги оставите празни.
За да поставим линк в снимка се използва със същите команди но цялата команда за снимката се поставя в команда за линк.
Отначало командата за линк изглежда така:
![](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)
Резултат:
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 🙏