Cách sử dụng markdown để soạn bài trong Steemit

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, markdownlivereview. 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 nút này là có thể xưng bá thiên hạ được rồi.

Cơ bản về Markdown

Steemit 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, 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.

Kéo qua phải để biết bài >>>>




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.

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 vô lý.

Các loại markdown cơ bản sẽ đề cập trong bài

• 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.
  
  
  
  
  
  
  Lưu ý
  ^{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}
  
  
  
  

Viết tiêu đề (Header)

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.

Nhấn mạnh từ khoá (Emphasis) bằng cách in đậm

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.

Nhúng hình ảnh vào bài viết

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, ctrlq. Đây là cách upload hình ảnh thẳng từ máy lên host steemit.

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ụ.

Để 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

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

Kèm đường link dẫn vào bài viết

Đôi khi bạn muốn kèm đường link dẫn vào nội dung bài viết ví dụ @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.. 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

Link dẫn và nó sẽ dẫn qua trang (@carlpei)

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/)

Trích dẫn lời nói, bài viết (Blockquotes)

Đô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

Đế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.

CARLPEI
^{thank you}

---

Footnote

^{[^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}

---

^{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}

^{If you enjoy my content, please feel free to: Upvote, Resteem or Comment below.
me for more articles!}

---

^{I want to share my knowledge, experiences and ideas to build a larger and stronger Vietnamese steemit community.}

^{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?
Nhân chứng Steemit (Steemit witness) là gì? Bầu cử cho nhân chứng Steemit ra sao
Uỷ Quyền (Delegation) Steem là gì?
Băng thông (bandwith) trong steem là gì?
Steemitboard là gì?
Giao diện và cách sử dụng Steemit}