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)
Резултат:
5. Центриране на изображения или текст
В тази секция и следващата ще се научим как да центрираме текст и изображение и да ги местим в ляво или в дясно на поста си.
Първо как да центрираме.
За тази цел използваме тази команда:
<center>
Тя се слага в началото на това което искаме да центрираме.
Накрая завършваме със същата команда но с / пред нея. Тази черта определя края на командата.
</center>
Пример:
<center>Това е центриран текст</center>
Резултат:
Със снимки процесът е подобен.
Ползваме същата команда която използвахме по-горе за поставяне на снимка в комбинация с тази за центриране.
Пример как трябва да изглежда кода:
<center></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 🙏
@diyan3973lenkov братле виж този пост да разбереш как да си правиш твоите постове по-красиви и подредени :)
Изключително полезно, много съм ти благодарен.Много от описаните неща съм ги търсел а сега намирам отговора,даваш ми ги на готово.Добре че има хора като вас иначе ние прохождащите в платформата се лутаме като слепи.Благодаря ти още веднъж 👏👍🙂😀
Моля :) Точно за нас българите го направих този пост преди време, аз също научих много неща докато го превеждах.
За всички:
13 Участника в "Лице на #Hive"
@mmanolev33 @calisthenicsdrop @kateto.anna @bobi.stefanov @ivangeevo @titofit @vaketo @alicewonderyoga @tiger85 @tbabachev @koychev22 @mobluesbetter @harmony.art
@iliyan90 Когато кажеш , правим го!
Аз така или иначе минавам през повечето, когато пиша постове. Но колкото повече, толкова повече! Както е казал, кой - Мечо пух 😊
Така е ;)
@ivangeevo
Много хубаво благодаря ти за отделеното време!
Ще започнем да го използваме скоро ;)
@tipu curate
Upvoted 👌 (Mana: 84/112) Liquid rewards.
@iliyan90 За нищо, все пак ще е в полза на всички ни🙏🙏
Страхотен полезен пост!
Браво за отделеното време и усилия @ivangeevo 🤙 и благодарско!
@mobluesbetter Благодаря ✌️
Congratulations @ivangeevo! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :
Your next target is to reach 700 upvotes.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPCheck out the last post from @hivebuzz:
Браво. Много хубав пост.
@mushanov Благодарско! Радвам се че ти е харесал 🙂
Браво! това е много добра и полезна информация 🤍💚❤️🙏
@koychev22 Така е да, и аз научих много неща. 🙏
Голямо Браво и благодарим @ivangeevo за полезния труд. 🙏🙏🙏
Posted using Dapplr
@alicewonderyoga
Радвам се че мога да бъда полезен 🙂
Браво! Това е много полезен пост!
Благодаря! Мисля че трябва да има повече хора който изкарват материали на български за нашето общество, понеже не всеки разбира английски.
Интересно и полезно. Супер е