Entry đầu tiên - Làm quen Markdown

baiviet › Lập trình 🕒 4 phút đọc
,

Lý do mình lập trang web này

  • Tìm thấy nơi chia sẻ kiến thức
  • Ai làm cũng được
  • Free. Không tốn phí
  • Thao tác tổ chức bài viết bá đạo
  • Tùy biến giao diện theo ý thích
  • Có cảm hứng để viết bài hơn
  • Tốc độ nhanh, ổn định

Markdown là gì?

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ô. (Source: Wikipedia)

Hiểu nôm na là thế này:

Có phải bạn đã quá quen soạn thảo văn bản (bằng WORD) rồi đúng không?
Mỗi khi cần IN ĐẬM một đoạn văn bản, có phải bạn bôi đen đoạn đó rồi ấn Ctrl + B không?

1
2
3
Markdown sẽ thay bạn làm điều đó. Thay vì ấn phím tắt như trên thì 
chỉ cần để đoạn cần in đậm bên trong cặp dấu sao (**) 
=> Đoạn đó tự nhiên sẽ thành in đậm.

Ví dụ như này

Tượng tự cho các định dạng như in nghiêng, gạch chân, đánh số, hộp kiểm, chú thích, trích dẫn…
Ưu điểm: soạn thảo nhanh hơn

Đây là bài viết đầu tiên của tôi trên blog. Tất cả viết bằng markdown trên Obsidian

Cú pháp markdown cơ bản

Dùng cho Heading

Sử dụng # trước tiêu đề để đánh dấu Heading, số kí tự # sẽ tương ứng với các cấp Heading khác nhau từ 1 đến 6 (h1,h2,…,h6)

Heading 1

Code:

1
# Heading 1

Heading 2

Code:

1
## Heading 2

Tương tự ### là heading3, #### là heading4,…

Heading3

heading4

heading5

Dùng cho Bold và Italic

Sử dụng ** ở đầu (hoặc đầu và cuối câu) nếu muốn bôi đậm câu đó.

Tạo chữ Bold

Câu gốc: Đây là dòng chữ đậm
Code:

1
**Đây là dòng chữ đậm**

Hiển thị: Đây là dòng chữ đậm

Tạo chữ Italic

Sử dụng _ ở đầu hoặc * (hoặc đầu và cuối câu) nếu muốn in nghiêng câu đó.

Đây là dòng chữ nghiêng
Code:

1
_Đây là dòng chữ nghiêng_

Hiển thị: Đây là dòng chữ nghiêng

Tạo chữ Blod & Italic:

Sử dụng **_ ở đầu (**_ đầu và _**cuối câu) hoặc *** nếu muốn bôi đậm và in nghiêng câu đó.

Đây là dòng chữ đậm và nghiêng
Code:

1
**_Đây là dòng chữ đậm và nghiêng_**

Hiển thị: Đây là dòng chữ đậm và nghiêng

Dùng cho Strikethrough

Sử dụng ~~ ở đầu (hoặc đầu và cuối câu) nếu muốn gạch ngang giữa chữ của câu đó.

Code:

1
~~Gạch ngang hông~~

Hiển thị: Gạch ngang hông

Sử dụng cú pháp []() để chèn link trong bài viết, ở đó nội dung trong [] sẽ là thẻ alt text, và nội dung trong () sẽ là đường link mà bạn muốn điều hướng đến.

Code:

1
[Ốp lưng iphone](https://s.shopee.vn/8AJ28MSzVN)

Hiển thị: Ốp lưng iphone

Dùng cho chèn Image

Sử dụng cú pháp ![]() để chèn link trong bài viết, ở đó nội dung trong [] sẽ là thẻ alt text, và nội dung trong () sẽ là địa chỉ ảnh mà bạn muốn người đọc nhìn thấy.

Code:

1
![](https://mdg.imgix.net/assets/images/tux.png?auto=format&fit=clip&q=40&w=100)

Hiển thị:

Linux

Dùng cho chèn Code

Code theo từ hoặc cụm từ

Sử dụng ` hoặc ``` ở đầu và cuối câu nếu muốn định dạng câu đó ở dạng code.

Ví dụ: Ấn Ctr + B để tô đậm.

Code theo đoạn/khối

Sử dụng 4 khoảng trắng ở đầu câu      nếu muốn định dạng cả đoạn đó ở dạng code.

1
2
3
4
5
6
</style>
<body>
    <div>Dòng 1</div>
    <div class="relative">Dòng 2: có khoảng trắng</div>
    <div>Dòng 1</div>
</body>

Dùng cho List

Sử dụng - hoặc * hoặc + nếu muốn định dạng câu đó ở dạng list. Trong trường hợp muốn tạo thêm lớp level thấp hơn thì thêm 2 khoảng trắng vào nữa.

1
2
3
- Level 0
  - Level 1
  - Level 1

Hiển thị:

  • Level 0
    • Level 1
    • Level 1

Dùng cho Blockquote

Sử dụng > nếu muốn định dạng câu đó ở dạng quote.

Code:

1
> Đây là trích dẫn

Hiển thị:

Đây là trích dẫn

Hỗ trợ HTML

và nhiều thứ khác nữa. Nên có thế

VIẾT NHƯ NÀY :D

Tham khảo: Link

markdown

👁️: