Chào từ mục Chúng Mình

Đây là bài mẫu cho mục Chúng Mình. Xoá đi khi bạn có bài thật.

Ba mục hoạt động ra sao

Cả ba mục dùng chung một bộ template, nên bạn chỉ cần chỉnh một chỗ là cả site đổi theo. Danh sách mục nằm trong src/consts.ts:

export const BLOGS = [
  { id: 'lin',  slug: 'lin',        name: 'Lin',        owner: 'Linh',  ... },
  { id: 'chen', slug: 'chen',       name: 'Chen',       owner: 'Trang', ... },
  { id: 'us',   slug: 'chung-minh', name: 'Chúng Mình', owner: 'Chen & Lin', ... },
];

Muốn thêm mục thứ tư — ví dụ một mục ảnh chụp — chỉ cần thêm một dòng vào mảng này và thêm giá trị mới vào z.enum([...]) trong src/content.config.ts. Trang danh sách, nav, sidebar, RSS và sitemap đều tự có, không phải sửa gì thêm.

Mỗi mục có màu riêng

Màu nhấn của từng mục khai báo trong src/styles/global.css:

[data-blog="lin"]  { --accent: var(--lin);  }
[data-blog="chen"] { --accent: var(--chen); }
[data-blog="us"]   { --accent: var(--us);   }

Vào mục nào thì cả trang đổi accent theo mục đó — nav, tiêu đề, link, viền thẻ. Đổi một biến CSS là đổi toàn bộ.