Blog Title

This bolg

2026-04-22T14:16:46Z

Một bài viết ngắn làm rõ mục tiêu của tôi với blog này. Dựa trên "Five Ws"

1. `Who`: ai viết

Chính là tôi. Tôi học CNTT, thành tích làng nhàng nhưng thiếu thực hành rất nhiều, giờ là lúc tôi bù đắp.

2. `What`: blog này sẽ có cái gì

Khi lập blog tôi đã có rất nhiều ý tưởng, blog như là một trang cá nhân nhưng "riêng tư" hơn rất nhiều. Về sở thích của tôi: phim ảnh, bóng đá, truyện tranh... tôi không am hiểu quá sâu, nhưng viết về nó sẽ rất thú vị. Về chuyên môn của tôi: các project cá nhân, kiến thức tự học, một số môn học trên trường. Về chuyện đời: các suy ngẫm

3. `Where`: blog đăng ở đâu

Ở đây, cái cảm giác có một web cá nhân, có một góc nhỏ của bản thân trên Internet khá là đầm ấm đấy. Có thể trên Substack nữa.

4. `When`: khi nào tôi viết

Năng suất tôi mong muốn là 1 bài / tuần. Nhưng rút kinh nghiệm từ lần trước, mục tiêu của tôi có lẽ sẽ là 1 bài / 2 tuần nhưng mỗi bài phải "ủ" hơn 1 tuần.

5. `Why`: tại sao tôi viết?

Là một người nhiều suy tư, viết là một cách tốt để tôi giải toả, làm rõ suy nghĩ, tâm trạng của mình. Ngoài ra tôi cũng muốn chia sẻ, dù chả biết phải chia sẻ cái gì lắm.

6. `How`: tôi viết như nào?

Tôi viết bằng Markdown, nếu dùng Obsidian thì chắc ai cũng quen rồi. Cấu trúc của SSG sẽ là:

Tôi viết file Markdown rồi commit vào repo
GitHub Actions nhận code, chạy Eleventy để render nó thành các file HTML
GitHub Pages sẽ host các file html đó lên web

Việc setup SSG sẵn giúp tôi tập trung hơn vào nội dung, kể cả viết trên VSCode cũng tập trung hơn nhiều so với trên web.

Hello World

2026-04-22T09:16:46Z

Lại một cái web cá nhân nữa?

Chính xác gần 4 tháng trước, tôi đã "host" một cái web cá nhân, thậm chí còn viết khoe nó như một thành tựu lớn lao nữa chứ T_T.

Vậy tại sao tôi lại làm một cái khác? Ý tưởng ban đầu là luyện tập kiến thức HTML, CSS, JS thuần của tôi, làm một trang web cá nhân đơn giản, mượt mà, thế là tôi làm. Nhưng rồi tôi gặp nhiều vấn đề hơn

Làm sao để viết blog (.md) và render ra web (.html)
Làm sao để có danh sách liệt kê các post đã viết
Làm sao để tạo #tag?...

Những câu hỏi đấy đưa tôi đến SSG, cụ thể là Eleventy. Ban đầu tôi đã cố tự implement nó với một chức năng cơ bản: render md sang html. Nhưng rồi khi sang đến các chức năng khác, việc vừa đọc doc vừa thực hiện mới từ đầu là quá khó với tôi (Lại còn chơi không AI nữa). Dần dần tôi thấy mình quá sa đà vào việc "học Eleventy" thay vì luyện các kỹ năng cơ bản HTML CSS JS.

36 kế chuồn là thượng sách, tôi lấy luôn cái starter project blog của Eleventy và sửa lại theo ý mình :)) HTML, CSS, JS tôi vẫn tự sửa, còn việc SSG thì tạm để Eleventy lo. Kết quả là ra quả trang này.

Vẫn còn nhiều chức năng tôi muốn thử, nhưng hiện tại là ổn rồi.

Bài học rút ra ở đây là:

Đôi lúc rút lui không phải là hèn
Bỏ AI ra mà code là biết mình ng* cỡ nào luôn -_-

Hy vọng lần này sẽ chăm viết bài hơn.

Testing markdown

2026-04-22T00:00:00Z

1. Tiêu đề (Headings)

Sử dụng dấu # để tạo tiêu đề. Số lượng dấu # tương ứng với cấp độ tiêu đề (từ 1 đến 6).

Tiêu đề cấp 1 (H1)

Tiêu đề cấp 2 (H2)

Tiêu đề cấp 3 (H3)

Tiêu đề cấp 4 (H4)

2. Định dạng văn bản (Emphasis)

Chữ đậm: dùng **văn bản** hoặc __văn bản__.
Chữ nghiêng: dùng *văn bản* hoặc _văn bản_.
Đậm và nghiêng: dùng ***văn bản***.
~~Gạch ngang~~: dùng ~~văn bản~~.

3. Danh sách (Lists)

Danh sách không thứ tự (Unordered List)

Mục thứ nhất
Mục thứ hai
- Mục con cấp 1
- Mục con cấp 2
Mục thứ ba

Danh sách có thứ tự (Ordered List)

Bước một
Bước hai
Bước ba

4. Danh sách công việc (Checkboxes/Task List)

[x] Công việc đã hoàn thành
[ ] Công việc chưa làm
[ ] Việc cần làm tiếp theo

5. Trích dẫn (Blockquotes)

Đây là một dòng trích dẫn.

Bạn có thể viết nhiều dòng trong một khối trích dẫn.

6. Mã nguồn (Code)

Code trên cùng một dòng (Inline Code)

Sử dụng dấu backtick để bao quanh code: print("Hello World")

Khối mã nguồn (Code Block)

Sử dụng 3 dấu backtick (```) kèm tên ngôn ngữ:

def hello_world():
    print("Chào mừng bạn đến với Markdown!")

7. Đường kẻ ngang (Horizontal Rule)

Sử dụng ba dấu gạch ngang ---:

8. Liên kết và Hình ảnh (Links & Images)

Liên kết: Tên hiển thị
Hình ảnh:

9. Bảng (Tables)

STT	Tên Công Cụ	Chức Năng
1	Markdown	Viết tài liệu nhanh
2	VS Code	Trình soạn thảo tốt
3	Github	Lưu trữ mã nguồn

10. Ký tự đặc biệt (Escaping Characters)

Nếu bạn muốn hiển thị các ký tự đặc biệt của Markdown (như dấu #, *), hãy dùng dấu gạch chéo ngược \ phía trước: * Đây không phải là danh sách, đây là dấu sao.