Các element blog content

Các đầu mục H2->H6

Ở đầu dòng gõ liên tiếp các ký tự # rồi space. Lưu ý không dùng H1. VD ### + space là H3.

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

Highlight từ khoá

Sử dụng cặp "`" như sau `keyword/value`. Kết qủa: keyword/value

Insert source code

Gõ 3 lần "`" rồi enter, nhập source code vào và điền tên ngôn ngữ ở box trên bên trái.

Các ngôn ngữ 200Lab có hỗ trợ:

• HTML
• CSS
• Javascript
• Bash (bash script)
• Dart
• Docker (dockerfile)
• Git
• Go (Golang)
• GraphQL
• Java
• JSON
• Kotlin
• Latex
• Lua
• Nginx
• PHP
• JSX
• Rust
• SASS
• Scala
• SQL
• Swift
• Typescript
• Yaml

use std::io;
use rand::Rng;

fn main() {
    println!("Guess the number!");

    let secret_number = rand::thread_rng().gen_range(1..=100);

    println!("The secret number is: {secret_number}");

    println!("Please input your guess.");

    let mut guess = String::new();

    io::stdin()
        .read_line(&mut guess)
        .expect("Failed to read line");

    println!("You guessed: {guess}");
}

Code line highlight

Dùng để highlight các dòng code cần chú ý, hoặc cần chú giải. Chỗ này cần HTML:

<pre data-line="7,15-17" class="language-rust line-numbers"><code>use std::io;
use rand::Rng;

fn main() {
    println!("Guess the number!");

    let secret_number = rand::thread_rng().gen_range(1..=100);

    println!("The secret number is: {secret_number}");

    println!("Please input your guess.");

    let mut guess = String::new();

    io::stdin()
        .read_line(&mut guess)
        .expect("Failed to read line");

    println!("You guessed: {guess}");
}
</code></pre>

Kết quả:

use std::io;
use rand::Rng;

fn main() {
    println!("Guess the number!");

    let secret_number = rand::thread_rng().gen_range(1..=100);

    println!("The secret number is: {secret_number}");

    println!("Please input your guess.");

    let mut guess = String::new();

    io::stdin()
        .read_line(&mut guess)
        .expect("Failed to read line");

    println!("You guessed: {guess}");
}

• Line 7: Generate một số từ trong quãng 1-100.
• Line 15-17: Nhận dữ liệu nhập vào, gán vào guess, nếu có lỗi sẽ in ra Failed to read line

Toggle Card

Cái này hiệu quả cho các nội dung dài, cần rút gọn kiểu collapse.

Cách dùng: Gõ / + t, chọn Toogle Card. Demo:

Callout Card

Dùng để format các thông tin quan trọng.

Cách dùng: Gõ / + c rồi chọn Callout Card. Demo:

Button (CTA Button)

Gõ / + bu rồi chọn Button. Demo:

Product Box

Gõ / + prod rồi chọn Product. Demo:

Khoá học lập trình NFT, Web3

Chỉ dạy code, không dạy trading, lùa gà

Mua liền

Footnotes

Dùng để ghi chú và giải thích các định nghĩa.

Cách dùng là thông qua markdown:

Here's a short footnote,[^1] and here's a longer one.[^longnote]

[^1]: This is a short footnote.

[^longnote]: This is a longer footnote with paragraphs, and code.Indent paragraphs to include them in the footnote.

Kết quả:

Here's a short footnote,^[1] and here's a longer one.^[2]

jkjkj