zoomkoding/zoomkoding-gatsby-blog

🧢 Gatsby Blog template với giao diện sạch và đầy đủ tính năng

Zoomkoding Gatsby Blog là theme blog mã nguồn mở build trên Gatsby, tập trung vào trải nghiệm viết và đọc tốt với ít cấu hình nhất.

Dự án do tác giả zoomkoding phát triển, xuất phát từ nhu cầu cá nhân khi muốn có một blog phát triển với giao diện vừa đẹp vừa đầy đủ tính năng thực dụng. Theme này được xây dựng trên nền Gatsby.js, hỗ trợ tiếng Hàn và tiếng Anh, và có thể triển khai nhanh trên GitHub Pages hoặc Netlify.

✨ Điểm nổi bật

• Tìm kiếm bài viết: hỗ trợ tìm kiếm nội dung ngay trên blog
• Dark mode: chuyển đổi giao diện tối tùy thích
• Code highlight: tô sáng cú pháp cho các đoạn mã code
• Mục lục tự động (ToC): sinh tự động dựa trên cấu trúc heading trong bài
• Utterances comments: hệ thống bình luận tích hợp sẵn, kết nối qua GitHub Issues
• SEO-friendly: tự động sinh sitemap.xml, robots.txt, hỗ trợ Google Analytics
• Cấu hình linh hoạt: toàn bộ thông tin blog, author, timestamps, projects đều chỉnh qua file gatsby-meta-config.js
• Viết bài bằng Markdown: tạo nội dung trong thư mục /content với cú pháp markdown tiêu chuẩn, kèm emoji, tags, categories

💡 Vì sao đáng chú ý

Dự án giải quyết đúng nhu cầu cốt lõi của lập trình viên muốn có một blog cá nhân mà không cần bỏ công sức thiết kế hay cấu hình từ đầu. Toàn bộ quy trình từ clone repo → chỉnh cấu hình → viết markdown → deploy chỉ mất vài phút. Việc tích hợp sẵn Utterances giúp bỏ qua bước thiết lập hệ thống comment riêng, còn auto-generated sitemap và robots.txt giúp SEO được xử lý tự động ngay khi build.

Điểm đáng giá khác là cách tiếp cận cấu hình: gatsby-meta-config.js là nơi duy nhất cần chỉnh sửa cho hầu hết thứ — từ tên blog, mô tả, author bio, đến timestamps và projects trên about page. Điều này giúp duy trì blog trở nên đơn giản và nhất quán.

---

#React #Gatsby #BlogTemplate #OpenSource #TiniX