Project Overview
Website này là nơi tập trung các ghi chú kỹ thuật, tutorial ngắn và project cá nhân. Mục tiêu của theme mới là giữ sự tối giản của site cũ nhưng tạo hệ thống điều hướng, typography và hierarchy rõ ràng hơn cho nội dung dài.
← Back to Projects
// FEATURED PROJECT
Personal Blog
Write. Build. Share. Repeat.
Một blog Jekyll cá nhân được tối ưu cho developer notes, bài viết kỹ thuật và các project nhỏ, triển khai trực tiếp trên GitHub Pages.
JekyllLiquidGitHub PagesCSSJavaScript
Good morning 👋
Turn useful notes
Turn useful notes
into a better web.
3 Posts
16 Tags
100% Static
The Problem
Theme cũ rất nhẹ nhưng thiếu hierarchy, navigation và không gian để giới thiệu project hoặc khám phá nội dung.
The Solution
Một design system dark developer thống nhất cho Home, Posts, Article, Projects, About và Tags.
// KEY FEATURES
Fast by default
Static HTML từ Jekyll, không cần runtime backend.
Content first
Typography, code blocks và article sidebar ưu tiên khả năng đọc.
Explore content
Posts search, tags explorer và category navigation.
Responsive UI
Grid tự co về mobile với navigation riêng cho màn hình nhỏ.
// DEVELOPMENT PROCESS
Audit
Existing JekyllĐọc cấu trúc hiện tại và giữ compatibility.
Design
Dark DeveloperChốt palette, spacing, cards và typography.
Build
Liquid + CSSTạo layout dùng lại cho toàn bộ trang.
Polish
ResponsiveThêm search/filter, TOC và mobile navigation.
// ARCHITECTURE
JekyllStatic site generator
LiquidTemplates & data
CSSDesign system
Vanilla JSSearch & interactions
GitHubSource control
PagesDeployment
// OPEN SOURCE
Explore the source
Theme và nội dung của site được quản lý trực tiếp trong repository GitHub.