Ngày Nhà giáo Việt Nam (14/10) là dịp lý tưởng để gom lại những khoảnh khắc đẹp của cả lớp và biến chúng thành một trang web kỷ niệm vĩnh viễn, dễ dàng chia sẻ cho thầy cô, bạn bè và lưu giữ cho các thế hệ sau. Dưới đây là quy trình thực tế, từng bước, mà bất kỳ ai có kiến thức cơ bản về máy tính cũng có thể làm theo. 1. Thu thập và sắp xếp ảnh - Yêu cầu mỗi bạn học sinh gửi 2‑3 bức ảnh chất lượng tốt (định dạng JPG/WebP, dung lượng <2 MB). - Đặt tên file theo quy ước: `ten-hoc-sinh_so-thu-tu.jpg` (ví dụ: `nguyen-van-a_01.jpg`). - Tạo thư mục `assets/images/14-10-2026/` trong dự án để chứa tất cả ảnh. 2. Viết chú thích và metadata - Mỗi ảnh đi kèm một dòng mô tả ngắn (ngày chụp, bối cảnh, cảm xúc). - Tạo file markdown `posts/14-10-2026.md` với front‑matter: ``` --- layout: gallery title: "Kỷ niệm 14/10/2026" date: 2026-10-14 images: - src: "assets/images/14-10-2026/nguyen-van-a_01.jpg" alt: "Nguyễn Văn A tặng hoa thầy chủ nhiệm" caption: "Buổi sáng 14/10, cả lớp dâng hoa thầy." - src: "assets/images/14-10-2026/tran-thi-b_02.jpg" alt: "Trần Thị B đọc thư cảm ơn" caption: "Thư viết tay gửi thầy cô." --- ``` - Lặp lại cho từng ảnh; Jekyll sẽ tự động render thành lưới ảnh responsive. 3. Khởi tạo kho GitHub và bật GitHub Pages - Tạo repository mới, ví dụ `ky-niem-14-10-2026`. - Chọn theme Jekyll đơn giản như `minima` hoặc `just-the-docs` (cài qua `_config.yml`). - Commit toàn bộ thư mục (`assets`, `posts`, `_config.yml`, `index.md`). - Vào Settings → Pages → Source chọn `main` branch, folder `/ (root)`. - Sau vài phút, trang web sẽ hoạt động tại `https://ten-tai-khoan.github.io/ky-niem-14-10-2026/`. 4. Tối ưu hóa và bảo mật - Nén ảnh trước khi commit (dùng `imagemin` hoặc công cụ online) để tải trang nhanh. - Thêm file `robots.txt` với `Disallow: /` nếu muốn giữ riêng tư, sau đó mời thầy cô qua Settings → Manage access. - Tạo mã QR từ liên kết trang web (dùng `qr-code-generator.com`) và in lên thiệp tặng thầy cô. 5. Mở rộng sau này - Thêm trang `about.md` giới thiệu lớp, giáo viên. - Gắn video ngắn (YouTube embed) vào front‑matter `video_id`. - Cập nhật hàng năm bằng cách tạo branch mới (`2027`, `2028`…) và giữ lịch sử. Mẹo thực tế: Dành 30 phút mỗi tuần trước 14/10 để thu ảnh, viết caption; dùng Google Form để tự động thu tên file và mô tả từ học sinh, sau đó xuất CSV và chuyển sang front‑matter bằng script Python đơn giản. Cách này giảm thiểu lỗi chính tả và đảm bảo thống nhất định dạng. Với trang web tĩnh trên GitHub Pages, bạn không lo hosting hết hạn, không tốn chi phí, và liên kết vẫn hoạt động nhiều năm sau. Hãy bắt đầu hôm nay để có một món quà 14/10 độc đáo, bền vững và đầy tình cảm!