Markdown Урок! - Как да използваме команди в Hive постовете си
hive-172868·@ivangeevo·
0.000 HBDMarkdown Урок! - Как да използваме команди в Hive постовете си
*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**, кодът който използваме за да вкарваме команди в нашите постове. Мисля че ще е много полезно за всички да се научим как да украсяваме постовете си и да ги направим да изглеждат по-добре. --- # <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> Поставянето на снимка може да стане с бутона за поставяне на снимка по-горе или да се използва команда подобна на тази за линковете. **Просто поставяме ! пред линка който искаме да сложим като снимка** ~~~  ~~~  [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) --- ## <center>5. Центриране на изображения или текст</center> В тази секция и следващата ще се научим как да центрираме текст и изображение и да ги местим в ляво или в дясно на поста си. **Първо как да центрираме.** За тази цел използваме тази команда: ~~~ <center> ~~~ Тя се слага в началото на това което искаме да центрираме. Накрая завършваме със същата команда но с / пред нея. Тази черта определя края на командата. ~~~ </center> ~~~ **Пример:** ~~~ <center>Това е центриран текст</center> ~~~ Резултат: <center>Това е центриран текст</center> **Със снимки процесът е подобен.** Ползваме същата команда която използвахме по-горе за поставяне на снимка в комбинация с тази за центриране. **Пример как трябва да изглежда кода:** ~~~ <center></center> ~~~ Резултат: <center></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 🙏 --- [](https://ecency.com/@ivangeevo/kak-se-registrirakh-v-hive)
👍 iliyan90, outlinez, calisthenicsdrop, koychev22, sis84, tiger85, iliqn.iliev, selena14, motomojo, harmony.art, borivan, angeltenev31, kustev.chef, bobi.stefanov, presidentmorty, kateto.anna, mmanolev33, kriskobeats, velinov86, lyubo19, tbabachev, laracrofttt, killerstefanco, mobluesbetter, ted.sun, elkakoycheva, theycallmedan, tipu, happy-soul, bcm, dappstats, cornavirus, cryptogambit, arena10, maysia57, bartheek, longer, sevenoh-fiveoh, hivelifebg, mushanov, vlad2423, vaketo, vesytz, mstamatov, cryptospa, mihaylov, jizel.gencheva, snedeva, veselusha79, ikolef, petara,