Markdown Tutorial | Make your post more engaging on Hive

dodovietnam (76)in HIVE Vietnam • 3 years ago (edited)

Hello my dear friends, how is your Sunday? Following some requests, I decided to use my Sunday to compile the markdowns I know to help you create more professional and engaging posts. Okay, let's get started!

`Italic`

Type:

*I love Hive*

Result:
I love Hive

`Bold`

Type:

**I love Hive**

Result:
I love Hive

`Strikethrough`

Type:

~~I hate Hive~~

Result:
~~I hate Hive~~

`Heading`

Type:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Result:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

`Link`

Type:

Click [here](https://www.hiveblockchain.com/) to learn more about Hive Blockchain

Result:
Click here to learn more about Hive Blockchain

`Image`

Type:

![I love Hive](https://cryptologos.cc/logos/hive-blockchain-hive-logo.png?v=013)

Result:

`Blockquote`

Type:

> I love Hive

Result:

I love Hive

`List`

Type:

* I love Hive
  * You love Hive
    * We love Hive

Result:

I love Hive
- You love Hive
  - We love Hive

`Numbering`

Type:

1. One
2. Two
3. Three

Result:

One
Two
Three

`Horizontal ruler`

Type:

___

Result:

You can use it as a separator to make your post clearer.

`Inline code`

Type:

`I love Hive`

Result:
I love Hive

`Code block`

Type:

Result:

I love Hive
You love Hive
We love Hive

`Table`

Type:

|column1|column2|column3|
|-|-|-|
|I love Hive|You love Hive|We love Hive|

Result:

column1	column2	column3
I love Hive	You love Hive	We love Hive

You can increase or decrease the number of columns and rows as you like.
Type:

|column1|column2|
|-|-|
|I love Hive|You love Hive|
|We love Hive|They love Hive|

Result:

column1	column2
I love Hive	You love Hive
We love Hive	They love Hive

`Align text`

Type:

<div class="text-left">I love Hive</div>
<div class="text-center">I love Hive</div>
<div class="text-right">I love Hive</div>

Result:

I love Hive

Note:

When typing, the text will be automatically aligned to the left
A simpler way to center text

<center>I love Hive</center>

I love Hive

`Align anything`

You can also use multiple DIV containers to align images, text boxer or anything in the way you want.
Type:

<div class="pull-left">https://files.peakd.com/file/peakd-hive/dodovietnam/23viP5rB27AffYaVCZcbmhcrsSLd4G5XrvmnYxntvPpCULFZndADj8hzVyE7AZ5kCtrbH.png</div>

Result:

Type:

<div class="pull-right">https://files.peakd.com/file/peakd-hive/dodovietnam/23viP5rB27AffYaVCZcbmhcrsSLd4G5XrvmnYxntvPpCULFZndADj8hzVyE7AZ5kCtrbH.png</div>

Result:

Note: To center the content, we use the center tag
Type:

<center>https://files.peakd.com/file/peakd-hive/dodovietnam/23viP5rB27AffYaVCZcbmhcrsSLd4G5XrvmnYxntvPpCULFZndADj8hzVyE7AZ5kCtrbH.png</center>

Result:

`On ecency, we have a few more ways to mark up text`

`Underline`

Type:

<ins>I love Hive</ins>

Result:
I love Hive

`Text color`

Type:

<span class="text-primary">.text-primary</span>
<span class="text-secondary">.text-secondary</span>
<span class="text-success">.text-success</span>
<span class="text-danger">.text-danger</span>
<span class="text-warning">.text-warning</span>
<span class="text-info">.text-info</span>
<span class="text-light bg-dark">.text-light</span>
<span class="text-dark">.text-dark</span>
<span class="text-muted">.text-muted</span>
<span class="text-white bg-dark">.text-white</span>

Result:
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-muted
.text-white

`Text background color`

Type:

<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>

Result:

.bg-primary

.bg-secondary

.bg-success

.bg-danger

.bg-warning

.bg-info

.bg-light

.bg-dark

.bg-white

`Combination`

Okay, these are the basic markdowns I know so far. You can combine them together to create your own way. Hopefully this post will help you in some way to make your journey on Hive more enjoyable.

And to show my gratitude after a while on Hive, I have set up the benefitiaries for this post as follows:

Thank you very much @trangbaby @jacuzzi and @xuanphuc98 !

`Wishing you all a very happy Sunday!`

#design #formatting #newbies #tutorial #markdown #support #ocd #qurator #posh #proofofbrain

3 years ago in HIVE Vietnam by dodovietnam (76)

$6.33

Sort:

Trending

[-]

xuanphuc98 (63) 3 years ago

mấy cái dấu này em cũng chưa biết mấy hehe . phải lưu lại thôi hehe

$0.00

1 vote

[-]

dodovietnam (76) 3 years ago

A vẫn vote đc nè

$0.00

[-]

hanggggbeeee (68) 3 years ago

Thanks for sharing anh. I find it very helpful. I already noted some tips from this for my next post. hehe

$0.00

1 vote

[-]

dodovietnam (76) 3 years ago

I'm happy that it's useful to you. Have a great Sunday night!

$0.00

[-]

whynotcamp (68) 3 years ago

Cảm ơn anh, rất hữu ích cho newbie.

$0.00

1 vote

[-]

dodovietnam (76) 3 years ago

Okay e nha.

$0.00

[-]

anfood (72) 3 years ago

great, thank you for sharing, very useful information for me. Good job anh ! 😄

$0.00

1 vote

[-]

dodovietnam (76) 3 years ago

Thanks e nhé. Happy it's useful cho e.

$0.00

[-]

kimloan (63) 3 years ago

😃 đúng cái em cần. Em cứ thắc mắc sao mọi người làm được vậy mà em không có thời gian để tìm hiểu. Thanks for sharing anh!

$0.00

2 votes

[-]

dodovietnam (76) 3 years ago

Okay e nhé, vui vì nó đã giúp đc e.

$0.00

[-]

trangbaby (73) 3 years ago

Thank you anh 😍 Rất là hữu ích luôn :)

$0.00

1 vote

[-]

dodovietnam (76) 3 years ago

Thanks e nhé. Vui vì nó đax giúp đc mn.

$0.00

[-]

poshtoken (83) 3 years ago

_{The rewards earned on this comment will go directly to the person sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.}

$0.00

[-]

jacuzzi (74) 3 years ago

@dodovietnam Hey yea! You can do a lot of fun things with markdown (Markup?). I cant think of anyting you missed, but if I do, I will post it..

OH, Perhaps using an image as a linked object.

Great work! Have a !PIZZA

$0.00

[-]

pizzabot (58) 3 years ago

@dodovietnam! I sent you a slice of $PIZZA on behalf of @jacuzzi.

Learn more about $PIZZA Token at hive.pizza _(6/20)

$0.00

[-]

dodovietnam (76) 3 years ago

Thank you very much @jacuzzi and send my hello to kooza!

$0.00

[-]

ecency (76) 3 years ago

Yay! 🤗
Your content has been boosted with Ecency Points, by @dodovietnam.
Use Ecency daily to boost your growth on platform!

Support Ecency
Vote for Proposal
Delegate HP and earn more

$0.00

[-]

phortun (79) 3 years ago

Awesome! Very useful, thank you. Even I didn´t know some of these :)

@tipu curate

$0.00

[-]

tipu (67) 3 years ago

Upvoted 👌 (Mana: 2/82) Liquid rewards.

$0.00

[-]

dodovietnam (76) 3 years ago

Thank you very much @phortun ❤️. I'm happy coz it is useful for someone.

$0.00

[-]

hivebuzz (74) 3 years ago

Congratulations @dodovietnam! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You have been a buzzy bee and published a post every day of the week.

_{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 STOP}

To support your work, I also upvoted your post!

Check out the last post from @hivebuzz:

Hive Power Up Month - Feedback from Day 15

$0.00

[-]

allama (75) 3 years ago

Thank you very much for directing me here. A very useful post!

$0.00

[-]

ophibious (65) 3 years ago

Such an excellent post for all new bloggers out there; I appreciate this gesture toward the community :)

$0.00