📖 Hướng Dẫn Sử Dụng

study-html · Leo Nomad · LeoNomad1902

🧠 Dự án này là gì?

study-html là kho lưu trữ cá nhân dùng để học HTML, CSS, và JavaScript. Mỗi thư mục có chứa index.html trong dự án là một trang riêng biệt — có thể là bài thực hành, dashboard, hoặc trang ghi chú học tập.

Trang web được host miễn phí trên Cloudflare Pages, tự động cập nhật mỗi khi bạn đẩy code lên GitHub.

📁 Cấu trúc thư mục

study-html/

├── index.html ← Trang chủ (tự động tạo lại)

├── README.html ← Trang này

├── create-page.js ← Script tạo trang

├── create-page.bat ← Launcher Windows

├── create-page.command ← Launcher macOS

│

├── single-file/ ← Ví dụ: 1 file HTML

│ └── index.html

├── split-files/ ← Ví dụ: tách HTML/CSS/JS

│ ├── index.html

│ ├── style.css

│ └── script.js

├── ten-trang-moi/ ← Trang bạn tạo mới

│ └── index.html

└── topic/aws/test-one/ ← Ví dụ thư mục lồng nhau

└── index.html

ℹ️ Trang chủ index.html được tự động tạo lại mỗi khi bạn thêm trang mới. Bạn không cần chỉnh sửa thủ công.

🛠️ Cách tạo trang mới

Mở công cụ tạo trang:
— Trên Windows: double-click vào create-page.bat
— Trên macOS: double-click vào create-page.command
(Lần đầu trên macOS cần right-click → Open để cho phép chạy)

Trình duyệt tự động mở tại localhost:3131.

Nhập tên trang — tên có thể chứa chữ hoa, chữ thường, khoảng trắng. Hệ thống sẽ tự động chuyển thành tên thư mục.
Bạn cũng có thể nhập đường dẫn lồng nhau bằng dấu /.
Ví dụ: AWS HTML Pipeline → aws-html-pipeline
Ví dụ: Topic / AWS / Test One → topic/aws/test-one

Dán nội dung HTML vào ô lớn bên dưới. Dòng <!DOCTYPE html> ở đầu sẽ tự động bị xóa.

Chọn một trong hai nút:
— 💾 Tạo & Lưu Cục Bộ: tạo file trên máy, chưa đẩy lên GitHub
— 🚀 Tạo & Đẩy GitHub: tạo file và đẩy ngay lên GitHub

Cuối ngày, dùng nút 📤 Đẩy Tất Cả Lên GitHub để đẩy tất cả những trang đã tạo cục bộ lên một lượt — tiết kiệm số lần deploy.

☁️ Giới hạn Cloudflare Pages (gói miễn phí)

Tính năng	Giới hạn	Trạng thái
Số lần build/tháng	500 lần	⚠️ Cần quản lý
Băng thông	Không giới hạn	✅ Thoải mái
Số request	Không giới hạn	✅ Thoải mái
Số trang web (project)	100 project	✅ Thoải mái
Tên miền tùy chỉnh	100 domain/project	✅ Thoải mái

⚠️ Mỗi lần bạn push lên GitHub, Cloudflare Pages sẽ build lại 1 lần. Với 500 build/tháng, bạn có thể push ~16 lần/ngày. Khuyến nghị: dùng Lưu Cục Bộ trong ngày, cuối ngày mới Đẩy Tất Cả một lượt.

🚀 Cách kết nối với Cloudflare Pages

Vào pages.cloudflare.com → Create application → Pages → Connect to Git

Chọn repository LeoNomad1902/study-html

Cài đặt build:
— Build command: (để trống)
— Output directory: / (thư mục gốc)

Deploy! Cloudflare sẽ cấp cho bạn một URL dạng study-html-xxx.pages.dev

💡 Sau khi kết nối, mỗi lần push lên GitHub, trang web sẽ tự động cập nhật trong vòng 1–2 phút. Không cần làm gì thêm.

← Quay về trang chủ