Sơn Dương - Blog & Diary

Sự chia sẻ và tình yêu thương là điều quý giá nhất trên đời.

Home Blog Diary About

Blog - Tìm hiểu về Markdown

Phát hành: 16/04/2020, bởi Sơn Dương

Giới thiệu

Logo Markdown

Markdown là một ngôn ngữ đánh dấu với cú pháp văn bản thô, được thiết kế để có thể dễ dàng chuyển thành HTML và nhiều định dạng khác sử dụng một công cụ cùng tên. Nó thường được dùng để tạo các tập tin readme, viết tin nhắn trên các diễn đàn, và tạo văn bản có định dạng bằng một trình biên tập văn bản thô. - Theo wikipedia

Nội dung

  1. Lịch sử
  2. Cú pháp
  3. Công cụ soạn thảo
  4. Tài liệu tham khảo
  5. Kết luận

Lịch sử

Năm 2004, cùng với sự giúp đỡ của Aaron Swartz, John Gruber đã tạo ra ngôn ngữ Markdown với mục tiêu tạo ra một định dạng văn bản thô “dễ viết, dễ đọc, dễ dàng chuyển thành XHTML (hoặc HTML). - Theo wikipedia

Cú pháp

Nếu bạn đã biết qua về HTML, việc sử dụng Markdown sẽ trở nên vô cùng đơn giản, nếu bạn chưa biết chút gì về HTML cũng không sao, bài viết này mình sẽ cố gắng giúp bạn hiểu hơn về nó. ^_^
Bạn hoàn toàn có thể chèn mã HTML vào trong tài liệu Markdown nhé!

Văn bản

Văn bản thì các bạn cứ gõ như bình thường thôi. ^^
_Ví dụ:Chào mừng bạn đến với Sơn Dương B&D
Để xuống dòng thì các bạn có thể gõ 2 dấu cách rồi xuống dòng hoặc sử dụng thẻ <br/>ở nơi bạn muốn xuống dòng. Còn nếu muốn xuống đoạn thì gõ enter 2 lần nhé.

Ví dụ:

Sơn  
Dương

B&D<br/>Xuống dòng rồi nè

Kết quả

Sơn
Dương

B&D
Xuống dòng rồi nè

Tiêu đề

Tương Tự như HTML Markdown sử dụng ký hiệu # để phân biệt giữ các tiêu đề.
Từ # => ###### tương ứng với h1 => h6 trong HTML. Riêng đối với Tiêu đề 1 và Tiêu đề 2 bạn có 2 cách sử dụng, đó là sử dụng dấu = cho Tiêu đề 1 và - cho Tiêu đề 2.

Ví dụ:

# Tiêu đề 1
## Tiêu đề 2
### Tiêu đề 3
#### Tiêu đề 4
##### Tiêu đề 5
###### Tiêu đề 6

Đây cũng là tiêu đề 1
=====================

Đây cũng là tiêu đề 2
---------------------

Kết quả ví dụ:

Tiêu đề 1

Tiêu đề 2

Tiêu đề 3

Tiêu đề 4

Tiêu đề 5
Tiêu đề 6

Đây cũng là tiêu đề 1

Đây cũng là tiêu đề 2

Kiểu chữ

Để tạo chữ nghiêng chúng ta có thể sử dụng _nội dung_ hoặc *nội dung*.
Để tạo chữ đậm chúng ta sử dụng __2 đấu gạch dưới__ hoặc **2 dấu sao**.
Chúng ta hoàn toàn có thể kết hợp chúng lại với nhau nhé! ^_^

Inline-code và block code

Để viết inline code (trên cùng dòng) chúng ta sử dụng như sau:

    `inline code`

Để viết một đoạn code chúng ta để trong cặp ``` hoặc sử dụng Tab, nhưng mình thích dùng cách đầu tiên hơn. ^^
Ví dụ:

    ```cpp
    // Code by Son Duong
    #include <iostream>
    using namespace std;
    int main(){
	    cout << "Xin chao ban";
	    return 0;
    }
    ```

hoặc:

    // Code by Son Duong
    #include <iostream>
    using namespace std;
    int main(){

    cout << "Xin chao ban";

    return 0;
    }

Kết quả là:

// Code by Son Duong
#include <iostream>
using namespace std;
int main(){
	
	cout << "Xin chao ban";
	
	return 0;
}

Chúng ta sử dụng cú pháp: [Tên hiển thị](URL "Mô tả nếu có")
Ví dụ:
[Sơn Dương B&D](https://duongvanson.github.io "Chúc bạn mạnh khỏe!")
Kết quả: Sơn Dương B&D

Image

Để chèn hình ảnh chúng ta sử dụng cú pháp gần giống với Link, chỉ khác là có dấu ! ở đầu.
Cú pháp: ![Tên hiển thị nếu lỗi](URLImage "Mô tả nếu có")
Ví dụ:
![Markdown](https://duongvanson.github.io/assets/images/blog.png "Đây là ảnh ^^")
Kết quả:

Markdown

Trích dẫn (Blockquotes)

Để trích dẫn ta sử dụng >Nội dung cần trích dẫn
Ví dụ:

Sự chia sẻ và tình yêu thương là điều quý giá nhất trên đời.

Gạch dòng

Giống với thẻ hr trong HTML để tạo một dòng kẻ trong Markdown chúng ta sử dụng ***.
Ví dụ:

***
Trên có 1 dòng kẻ

Kết quả:

Trên có 1 dòng kẻ

Danh sách

Có 2 loại danh sách trong Markdown: Bullet list và Numbered list.
Bullet list (Danh sách gạch dòng)
Ví dụ:

* Line 1
  * Line 1.1
    * Line 1.2
* Line 2
* Line 3

hoặc:

- Line 1
  - Line 1.1
    - Line 1.2
- Line 2
- Line 3

Kết quả:

Numbered list (Danh sách đánh số thứ tự)
Ví dụ:

1. Line 1
2. Line 2
3. Line 3

Kết quả:

  1. Line 1
  2. Line 2
  3. Line 3

Bảng

Để tạo bảng chúng ta sử - và |, đối với phần tiêu đề chúng ta cần thêm - phía dưới, còn các dòng tiếp theo chúng ta chỉ cần phân cách nội dung bằng | , các bạn theo dõi ví dụ nhé.
Ví dụ:

Họ tên | Năm sinh | Giới tính
------ | -------- | ---------
Sơn Dương | 1998 | Nam
Huyền Anh | 1999 | Nữ
Long Anh | 2000 | Nam

Kết quả:

Họ tên Năm sinh Giới tính
Sơn Dương 1998 Nam
Huyền Anh 1999 Nữ
Long Anh 2000 Nam

Công cụ soạn thảo

Để viết Markdown các bạn có thể sử dụng bất kỳ trình soạn thảo nào với điều kiện lưu file .md nhé.
Dưới đây là một số trình soạn thảo mọi người khuyên dùng:

Ngoài ra, các bạn có thể tìm thêm một số plugin của các Editor mà các bạn đang sử dụng.
Hiện tại, mình đang sử dụng một Tools của Visual Studio cho việc viết Markdown, các bạn có thể tham khảo.
Em nó đây: Markdown Editor

Tài liệu tham khảo

Kết luận

Ok, vậy là mình đã cùng các bạn đi tìm hiểu Markdown qua bài viết này. Các bạn đã hiểu và thích thú với Markdown chưa?
Nếu bạn đã đọc tới tận đây, mình rất cảm ơn bạn đã quan tâm bài viết của mình. <3 you 3000
Bài viết có thể có sai xót và chưa hoàn chỉnh, nếu có bất kỳ thắc mắc hay góp ý cho bài viết, bạn vui lòng comment xuống bên dưới nha.
Cảm ơn bạn, chúc bạn sức khỏe và thành công! ^_^

Back to Blog

Follow me: Facebook , Instagram , Youtube

Bình luận

© duongsondev