Ngày 14/10 là dịp tuyệt vời để cả lớp cùng lưu giữ những khoảnh khắc cùng thầy cô. Thay vì chỉ chia sẻ ảnh trên nhóm chat, bạn có thể biến chúng thành một trang web kỷ niệm đẹp, bền vững và dễ truy cập từ mọi thiết bị. Dưới đây là quy trình thực tế đã áp dụng cho lớp 12A3 năm 2025, bạn có thể làm theo ngay hôm nay. 1. Chuẩn bị nội dung - Thu thập ảnh: mỗi bạn góp 1‑2 tấm chụp cùng thầy cô, đặt tên file theo quy ước `ten-ban_01.jpg`. - Ghi âm chúc mừng: dùng máy quay âm thanh trên điện thoại, xuất file `.m4a` hoặc `.mp3`, đặt tên `ten-ban_chuc.m4a`. - Tạo mã QR cho từng file âm thanh: truy cập trang `qr-code-generator.com`, dán link raw của file âm thanh trên GitHub (sau khi push), tải về ảnh QR `ten-ban_qr.png`. 2. Khởi tạo repository GitHub - Tạo repo mới tên `ky-niem-14-10` (public hoặc private). - Bật GitHub Pages tại Settings → Pages → Source: `main` branch, folder `/docs` (hoặc dùng Jekyll theme `minima`). 3. Cấu trúc thư mục ``` ky-niem-14-10/ ├─ index.md # trang chủ ├─ assets/ │ ├─ images/ # tất cả ảnh │ ├─ audio/ # file âm thanh │ └─ qr/ # mã QR └─ _data/ └─ reminders.yml # cấu hình nhắc nhở hàng năm ``` 4. Viết nội dung `index.md` (Markdown) ```markdown --- layout: default title: "Kỷ niệm 14/10 - Lớp 12A3" --- # Kỷ niệm Ngày Nhà giáo Việt Nam 14/10 {% for student in site.data.students %} ## {{ student.name }} ![{{ student.name }}]({{ '/assets/images/' | append: student.photo | relative_url }}) **Lời chúc:** <audio controls src="{{ '/assets/audio/' | append: student.audio | relative_url }}"></audio> ![QR code]({{ '/assets/qr/' | append: student.qr | relative_url }}) {% endfor %} ``` 5. Tạo file `_data/students.yml` liệt kê thông tin từng bạn (tên, file ảnh, file âm thanh, file QR). 6. Tự động nhắc nhở hàng năm - Trong `.github/workflows/yearly-reminder.yml` thêm job chạy mỗi năm vào 00:00 ngày 14/10, gửi email qua `actions/github-script` hoặc dịch vụ `sendgrid` tới địa chỉ thầy cô. - Nội dung email kèm link trang web: `https://<username>.github.io/ky-niem-14-10/`. 7. Đẩy lên GitHub và kiểm tra - `git add . && git commit -m "Init memorial site" && git push origin main`. - Truy cập URL Pages để xem thành quả. Mọi thành viên chỉ cần chia sẻ link, không cần cài ứng dụng. **Mẹo thực tế** - Nén ảnh trước khi upload (dùng TinyPNG) để trang tải nhanh. - Đặt quyền repo `Public` nếu muốn ai cũng xem, `Private` + thêm collaborator nếu chỉ muốn lớp xem. - Cập nhật mỗi năm: chỉ cần thêm mục mới vào `students.yml` và push, trang web tự động mở rộng. Với cách này, kỷ niệm 14/10 không chỉ là một album tạm thời mà trở thành một trang web sống động, có thể truy cập năm sau, năm sau nữa, và thầy cô luôn nhận được lời nhắc nhở đầy tình cảm.