aker-dev/microfolio

🚀 microfolio - Portfolio tĩnh siêu nhẹ, quản lý bằng thư mục và Markdown

Tạo portfolio đẹp chỉ với thư mục và file Markdown — không cần database.

microfolio là một bộ tạo trang portfolio tĩnh hiện đại được xây dựng bởi AKER sử dụng SvelteKit 2 và Tailwind CSS 4. Thay vì dựa vào hệ quản trị nội dung phức tạp, microfolio sử dụng hệ thống quản lý nội dung dựa trên tệp tin — chỉ cần tổ chức thư mục và viết Markdown là có thể triển khai một trang portfolio đầy đẹp. Dành riêng cho các designer, nghệ sĩ, kiến trúc sư và sáng tạo nội dung.

✨ Điểm nổi bật

• 📁 File-based CMS: Quản lý nội dung qua thư mục và file Markdown, không cần database.
• 🎨 Nhiều kiểu hiển thị: Lưới dự án, danh sách và bản đồ tương tác.
• 📱 Thiết kế đáp ứng: Tối ưu cho thiết bị di động với phương pháp mobile-first.
• 🏷️ Gắn thẻ thông minh: Đếm số lượng bộ lọc và danh sách thẻ có thể thu gọn.
• 🗺️ Bản đồ tương tác: Tích hợp Leaflet với các dự án có định vị địa lý.
• 🚀 Tạo file tĩnh: Hiệu năng tối ưu nhờ adapter-static của SvelteKit.
• 🖼️ Lightbox hình ảnh: Thư viện ảnh với mũi tên điều hướng và hiển thị metadata.
• 📊 Metadata EXIF/IPTC: Tự động trích xuất và hiển thị thông tin kỹ thuật hình ảnh.
• 🌙 Chế độ tối: Chuyển đổi trong footer với tùy preference lưu trữ.
• ⚡ Tối ưu hình ảnh: Tạo thumbnail WebP bằng lệnh pnpm optimize-images.
• 🔗 URL có thể chia sẻ: Trạng thái lọc, tìm kiếm, sắp xếp và phân trang đồng bộ với tham số URL.
• 🌐 Đa ngôn ngữ: Hỗ trợ tiếng Anh và tiếng Pháp qua svelte-i18n, sẵn sàng RTL.
• 🏷️ Metadata OG: Xem trước khi chia sẻ trên mạng xã hội.
• 📄 Phân trang & sắp xếp: Tùy chỉnh số hàng mỗi trang, sắp xếp theo ngày, tiêu đề, loại hoặc địa điểm.

💡 Vì sao đáng chú ý

Không giống các công cụ portfolio phức tạp, microfolio mang triết lý "nhẹ nhàng và hiệu quả". Nó loại bỏ sự phức tạp của hệ quản trị nội dung truyền thống, thay vào đó cho phép người dùng quản lý toàn bộ nội dung chỉ bằng cách sắp xếp thư mục và viết từng file Markdown. Điều này giúp giảm đáng kể thời gian cập nhật và triển khai portfolio.

Với hỗ trợ đa dạng kiểu hiển thị (lưới, danh sách, bản đồ), microfolio phù hợp cho mọi loại hình portfolio — từ portfolio hình ảnh, dự án thiết kế cho đến các dự án địa lý. Ngoài ra, các tính năng như chế độ tối, tối ưu hình ảnh WebP và đồng bộ trạng thái qua URL giúp trang web luôn mượt mà và thân thiện với người dùng.

#Portfolio #SvelteKit #TailwindCSS #StaticSiteGenerator #OpenSource #TiniX