Blog Tĩnh #02 – Deploy blog tĩnh lên Cloudflare Pages hoặc Netlify

Tiếp nối bài #01, sau khi bạn đã có một bộ boilerplate HTML/CSS đơn giản, giờ là lúc đưa blog tĩnh của bạn lên Internet – miễn phí, nhanh, dễ bảo trì.

Blog Tĩnh #02 – Deploy blog tĩnh lên Cloudflare Pages hoặc Netlify

Trong bài này, bạn sẽ học cách deploy blog lên 2 nền tảng phổ biến: Cloudflare PagesNetlify.

1. Yêu cầu tối thiểu

  • Có tài khoản GitHub
  • Đã push folder blog của bạn lên 1 repo công khai (hoặc private nếu được hỗ trợ)

Nếu chưa có repo: tạo repo mới → clone → copy boilerplate vào → commit & push lên GitHub.

2. Cách deploy bằng Cloudflare Pages

Bước 1: Truy cập

Bước 2: Tạo project mới

  • Chọn Connect to Git
  • Chọn repo chứa blog tĩnh của bạn

Bước 3: Cấu hình

  • Build command: (trống)
  • Output folder: / hoặc dist nếu bạn build bằng tool khác

Bước 4: Deploy

Bấm Deploy. Khoảng 10 giây sau, site sẽ được online tại dạng URL như:
https://your-site.pages.dev

Gắn domain riêng?

Nếu bạn đã dùng Cloudflare để quản lý DNS → add domain cực dễ → không cần chỉnh DNS thủ công.

3. Cách deploy bằng Netlify

Bước 1: Truy cập

Bước 2: New site from Git

  • Chọn GitHub → kết nối tài khoản
  • Chọn repo blog → “Deploy site”

Bước 3: Tuỳ chọn

  • Build command: (trống)
  • Publish directory: /

Bước 4: Site online!

Netlify sẽ tạo URL dạng https://your-site.netlify.app. Bạn có thể đổi tên site, hoặc gắn domain riêng.

4. So sánh nhanh

Cloudflare Pages Netlify
Miễn phí
Giới hạn bandwidth Không 125GB/tháng
Giao diện dễ dùng Vừa phải Rất dễ
Domain riêng Siêu dễ nếu dùng CF DNS Dễ, cần trỏ DNS
Auto deploy khi push code

Lời khuyên

  • Dùng Cloudflare Pages nếu bạn cần sự ổn định, không giới hạn và đã dùng Cloudflare DNS
  • Dùng Netlify nếu bạn thích UI dễ dùng và cần form, function, preview, v.v.
  • Cả 2 đều free, nên bạn hoàn toàn có thể thử cả rồi chọn cái phù hợp nhất

Deploy site tĩnh thời nay dễ hơn bao giờ hết – không cần FTP, không cần VPS, không cần học Git nâng cao. Chỉ cần 1 lần setup → sau đó chỉ cần push lên GitHub là blog tự động update.

Chúc bạn deploy blog thành công – và chính thức bước ra Internet!

Bình luận


  • Không có bình luận.

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...