![how to use markdown soạn bài trong steemit steemitmarkdown steem vn la gi](https://steemitimages.com/DQmWhC5jkSY7ZjWZedgvLeBFeoh2iH1TmtL3cZsrR54LASL/markdown.jpg)

## <center>Cách sử dụng markdown để soạn bài trong Steemit</center>
<br>
Trong bài viết này mình sẽ phân tích và hướng dẫn kĩ thuật cơ bản đến cao cấp cách soạn bài viết trên trang Steemit bằng markdown.

Hiện tại có rất nhiều cách để soạn bài trên nền tảng Steem, bạn có thể soạn ngay trên trang Steemit hoặc sử dụng các app thứ ba chạy trên nền steem như busy.org, esteem, utopian, insteem.. 



Hoặc bạn có thể dùng trang web soạn văn bản bằng markdown như [stackedit](https://stackedit.io/app#), [markdownlivereview](http://markdownlivepreview.com/). Sau khi soạn xong bạn copy nội dung và paste lại về trang Steemit.

Mỗi cách đều có ưu điểm/khuyết điểm riêng của nó (Sau này mình sẽ soạn bài viết riêng phân tích về chủ đề này). Trong bài viết này sẽ chú tâm về Markdown và hướng dẫn cách cơ bản trong việc soạn bài trên trang Steemit.

Bạn nào không có thời gian đọc thì chỉ cần nhấn https://steemitimages.com/40x40/https://steemitimages.com/DQmbLfKtD5B1D1RjEPPGoAL1X6Zq71TFAyp7eT1Uhjbp6fb/Screen%20Shot%202018-03-29%20at%206.32.02%20PM.PNG nút này là có thể xưng bá thiên hạ được rồi.

<br>
## <center> Cơ bản về Markdown</center>
<br>

[Steemit](https://steemit.com/steem/@carlpei/steem-la-gi-cach-kiem-tien-voi-steem-nhu-the-nao) sử dụng kỹ thuật soạn thảo là Markdown. Markdown là ngôn ngữ đánh dấu để soạn thảo văn bản thay cho HTML và đươc lập trình bởi John Gruber. Markdown sử dụng các dấu hiệu với nguyên lý đơn giản hơn để soạn thảo văn bản mà vẫn có thể hiển thị trên nền HTML. Ví dụ bạn muốn bài viết của bạn nổi bật hơn với chữ to chữ đậm, tiêu đề với cỡ chữ to nằm bên trái/ phải hay chính giữa bạn cần phải sử dụng ngôn ngữ của Markdown.

Nói một cách đơn giản: Trong văn viết ta dùng dấu ? cho câu hỏi, và dấu ! cho cảm than, thì việc sử dụng markdown cũng vậy mới đầu thì hơi khó nhưng khi đã nắm đươc thì bạn soạn văn bằng sẽ nhanh và đơn giản hơn nhiều.

Sau khi bạn đã nắm được [giao diện và cách sử dụng cơ bản trong Steemit](https://steemit.com/steemit/@carlpei/giao-dien-va-cach-su-dung-steemit), và bạn muốn soạn bài viết trên Steemit. Bạn bắt đầu chọn hình như sau.
<br>
<br>
<center>![how to use markdown soạn bài trong steemit steemitmarkdown steem vn la gi](https://steemitimages.com/DQmbLfKtD5B1D1RjEPPGoAL1X6Zq71TFAyp7eT1Uhjbp6fb/Screen%20Shot%202018-03-29%20at%206.32.02%20PM.PNG) Kéo qua phải để biết bài >>>></center>
<br>
<br>
Bạn sẽ được chuyển tiếp sang trang soạn bài, với giao diện như sau. Tôi vừa soạn bài vừa lấy luôn screenshot để bạn có cái nhìn trực quan hơn về các dòng Markdown đã được sử dụng trong khi soạn thảo bài viết này.

<br>
![how to use markdown soạn bài trong steemit steemitmarkdown steem vn la gi](https://steemitimages.com/DQmch9VTcY78238QR7hF6FLgRVXrByEkqH7WpagXcKXiFB6/Screen%20Shot%202018-04-06%20at%2065341%20PM.jpg)
<br>
<br>
Khi bạn soạn bài viết thì trang Steemit sẽ **lưu lại một bản nháp** trong **(local) máy (PC, Phone, Tablet) của bạn**, bạn có thể quay lại soạn tiếp khi có thời gian (Nếu bạn sử dụng máy khác để soạn bài sẽ không thấy bản nháp này).

Theo kinh nghiệm cá nhân thì khi soạn bài bạn khoan hãy điền (**Title**) tiêu đề bài viết hoặc **tag**, vì khi điền đủ các ô bạn mới có thể Post bài được, việc không điền trước sẽ tránh trường hợp lỡ tay Post bài khi còn viết giang dở. Việc edit lại sẽ tốn [bandwidth](https://steemit.com/steemit/@carlpei/vn-bang-thong-bandwidth-trong-steem-la-gi) vô lý.
<br>
## <center>Các loại markdown cơ bản sẽ đề cập trong bài</center>
<br>
* Header viết tiêu đề bằng các kích cỡ khác nhau
* Emphasis nhấn mạnh từ khoá bằng cách viết đậm (**Bold**) viết nghiêng (_Italic_)..
* Nhúng và tăng giảm kích cỡ hình ảnh vào bài viết.
* Kèm đường link vào bài viết.
* Blockquotes Trích dẫn lời nói, bài viết.
<br>
<br>
<br>
<center>Lưu ý
<sup>Với khoảng cách (space) khi dùng markdown, thiếu hoặc dư khoảng cách markdown sẽ không hoạt động</sup></center>
<br>
<br>
## <center> Viết tiêu đề (Header)</center>
<br>
Có 6 loại kích cỡ cho tiêu đề từ 1 đến 6, #  là kí hiệu để thông báo markdown hiểu đây là tiêu đề, số # càng ít tiêu đề càng lớn và ngược lại. Cột bên trái là cách viết tiêu đề bằng markdown thô, cột bên phải là tiêu đề hoàn chỉnh khi hiển thị trên trang web.

<br>

<div class=pull-left>
<br>

`# Tiêu đề 1`

`## Tiêu đề 2`

`### Tiêu đề 3`

`#### Tiêu đề 4`

`##### Tiêu đề 5`

`###### Tiêu đề 6 `

</div>
<div class=pull-right>

# Tiêu đề 1
## Tiêu đề 2
### Tiêu đề 3
#### Tiêu đề 4
##### Tiêu đề 5
###### Tiêu đề 6
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

## <center> Nhấn mạnh từ khoá (Emphasis) bằng cách in đậm</center>
<br>
Trong văn viết đôi khi chúng ta cần nhấn mạnh các từ khoá bằng cách in **chữ đậm**, _chữ nghiêng_ hoặc để áp theo các nguyên tắc văn học như trích dẫn tựa bài sách, trích dẫn tên tác giả... 

Cách áp dụng ngôn ngữ markdown trong việc nhấn mạnh từ khoá cũng giống như tiêu đề, bạn chỉ cần nhớ và áp dụng đúng kí hiệu.


<br>

<div class=pull-left>

`**In đậm**`
`_In nghiêng_`
`~~gạch bỏ~~`
`**Vừa in đậm lại vừa _in nghiêng_lại còn ~~gạch bỏ~~**rồi viết _in nghiêng_`
</div>
<div class=pull-right>

**In đậm**
_In nghiêng_
~~Gạch bỏ~~
 **Vừa in đậm lại vừa _in nghiêng_ lại còn ~~gạch bỏ~~** rồi viết _in nghiêng_
</div><br><br><br><br><br><br><br>

## <center>Nhúng hình ảnh vào bài viết</center>
<br>

Có 2 cách để nhúng hình ảnh vào bài viết. Một là kéo thả hoặc chọn hình ảnh từ máy của bạn rồi upload lên trang chủ của Steemit trong phần soạn bài viết, hoặc upload hình ảnh của bạn lên các trang lưu trữ ảnh thứ ba như [Flicker](https://www.flickr.com/photos/tags/flicker/), [ctrlq](https://ctrlq.org/images/). Đây là cách upload hình ảnh thẳng từ máy lên host steemit.
<br>

![how to use markdown soạn bài trong steemit steemitmarkdown steem vn la gi](https://steemitimages.com/DQmYD9zQCpQuA1o2Z7PbyH7cYkZfspSFR5YUdrfadYzxGub/Screen%20Shot%202018-04-07%20at%2054419%20PM.jpg)
<br> 
Cách sử dụng markdown để nhúng hình ảnh thì bạn chỉ cần đưa link hình ảnh vào bài viết là nó tự động hiển thị. Nhưng bạn cũng có thể viết kèm thêm tệp tin (tag) cho hình ảnh để tăng độ SEO¹ cho bài viết, hoặc bạn muốn tăng giảm kích cỡ hình ảnh thì bạn cần phải dùng markdown. Tôi sẽ dùng link hình từ trang ctrlq để làm ví dụ.

<br>

<div class=pull-left>

`https://i.imgur.com/JI4pu9h.png`


https://i.imgur.com/JI4pu9h.png Link cơ bản

</div>

<div class=pull-right>

`![tag vn carlpei](https://i.imgur.com/JI4pu9h.png)`
https://i.imgur.com/JI4pu9h.png  Kèm tag cho hình
</div>
<br><br><br><br><br><br><br><br><br><br>

Để cân chỉnh kích cỡ của hình ảnh bạn cần sử dụng công thức như sau (tôi vẫn dùng hình ảnh cũ để bạn dễ hiểu hơn)

`https://steemitimages.com/0x0 (kích cỡ hình ảnh mà bạn muốn)/https://link hình ảnh`

Tấm hình khi nãy có link là `https://i.imgur.com/JI4pu9h.png` và hình gốc có kích cỡ là 128x 128, giờ ta chỉ muốn nó có kích cỡ 80x80 vậy soạn cú pháp như sau.

`https://steemitimages.com/80x80/https://i.imgur.com/JI4pu9h.png`

<center>https://steemitimages.com/80x80/https://i.imgur.com/JI4pu9h.png</center>

Giờ muốn nó nhỏ hơn nữa 50x50 thôi. Rồi 40x40 hay bao nhiêu thì bạn cứ dùng theo cú pháp như trên.

`https://steemitimages.com/50x50/https://i.imgur.com/JI4pu9h.png` 
<br>
<center>https://steemitimages.com/50x50/https://i.imgur.com/JI4pu9h.png https://steemitimages.com/40x40/https://i.imgur.com/JI4pu9h.png
https://steemitimages.com/30x30/https://i.imgur.com/JI4pu9h.png</center>
<br>
## <center> Kèm đường link dẫn vào bài viết</center>
<br>

Đôi khi bạn muốn kèm đường link dẫn vào nội dung bài viết ví dụ https://steemit.com/@carlpei, bạn có thể ghi trực tiếp đường link ra và markdown tự biết đó là link dẫn. Nhưng bạn lại muốn ẩn đường link đi như [thế này.](https://steemit.com/@carlpei). Bạn sẽ cần soạn cú pháp như sau

`[Link dẫn](https://steemit.com/@carlpei)`

Bạn sẽ có đường link như sau
<br>
<center>[Link dẫn](https://steemit.com/@carlpei) và nó sẽ dẫn qua trang (https://steemit.com/@carlpei)</center>
<br>

Và để soạn đường link dẫn nằm trong hình (khi click vào hình sẽ dẫn sang trang web mà bạn muốn thì bạn soạn như sau.

`[![Foo](https://steemitimages.com/60x60/https://i.imgur.com/JI4pu9h.png)](https://steemit.com/@carlpei/)`
<br>
<center>[![Foo](https://steemitimages.com/60x60/https://i.imgur.com/JI4pu9h.png)](https://steemit.com/@carlpei/)</center>
<br>

## <center>Trích dẫn lời nói, bài viết (Blockquotes)</center>
<br>

Đôi khi bạn muốn trích dẫn một đoạn văn hay một câu nói từ một trang web hay từ một người nào đó, bạn có thể sử dụng cú pháp như sau.

`> Quote trích dẫn bài viết`

 Và bạn sẽ có kết quả như sau 
> Quote trích dẫn bài viết

Để ngừng đoạn code thì bạn chỉ cần xuống dòng 

`> Quote trích dẫn bài viết`

`Để ngừng đoạn code bạn chỉ cần xuống dòng`

<br>


Đến đây coi như bạn đã có thể soạn thảo bài viết một cách cơ bản. Để soạn bài viết với kĩ thuật cân hàng, thêm bảng table chia đôi khung bài viết  thì xin hẹn bạn lại vào biết sau. Việc gom nhiều bài từ dễ đến khó vào một bài sẽ khiến tôi và bạn dễ bội thực, nên tôi sẽ chia ra nhiều phần, (chứ hông phải tui lười ok).

Nếu có câu hỏi gì xin bạn cứ tự nhiên đặt câu hỏi tôi sẽ trả lời khi có thể. Xin cám ơn bạn đã quan tâm đến bài viết.
<br>
<br>
<center>CARLPEI
<sup>thank you</sup></center>
<br>
<br>
___
**Footnote**

<sup>[^1] _SEO  Search Engine Optimization là một cách tối ưu hoá công cụ tìm kiếm để đưa bài viết của bạn đến nhiều đọc giả hơn. Sau này tôi sẽ soạn bài viết về SEO_</sup>
___
<sup>**Source**
_1.Steemit - Image are taken by screenshot on steemit.com, retrieved in April 7th, 2018_
_2.Markdown -  by creator John Gruber's from  https://daringfireball.net/projects/markdown/, retrieved in April 7th, 2018_</sup>

<sup>If you enjoy my content, please feel free to:  **Upvote, Resteem** or **Comment** below.</sup>
<sup>[![follow @carlpei](https://steemitimages.com/DQmPox2qvCt22xbNk7tFTrS7WrqbJzwy33ooX4g8VtjC4Hs/button_follow%20(1).png)](https://steemit.com/@carlpei) me for more articles!</sup>
---
<sup>*I want to share my **knowledge, experiences** and **ideas** to build a larger and stronger Vietnamese steemit community.* </sup>

<sup>Những  bài viết liên quan by @carlpei:
[Steemit là gì cách kiếm tiền với steem như thế nào?](https://steemit.com/steem/@carlpei/steem-la-gi-cach-kiem-tien-voi-steem-nhu-the-nao)
[Nhân chứng Steemit (Steemit witness) là gì? Bầu cử cho nhân chứng Steemit ra sao](https://steemit.com/witness/@carlpei/nhan-chung-steemit-steemit-witness-la-gi-bau-cu-cho-nhan-chung-steemit-ra-sao)
[Uỷ Quyền (Delegation) Steem là gì?
](https://steemit.com/vn/@carlpei/vn-uy-quyen-delegation-steem-la-gi)[Băng thông (bandwith) trong steem là gì?](https://steemit.com/steemit/@carlpei/vn-bang-thong-bandwidth-trong-steem-la-gi)
[Steemitboard là gì?](https://steemit.com/steemitboard/@carlpei/vn-steemitboard-la-gi)
[Giao diện và cách sử dụng Steemit](https://steemit.com/steemit/@carlpei/giao-dien-va-cach-su-dung-steemit)</sup>