---
# Front Matter (YAML)
author: "jane.doe@kaishi.vn (Jane Doe)" ## Tác giả của trang. (tối đa 64 ký tự)
banner_alt: "Bức tường lát gạch xanh và đen" ## Mô tả ảnh banner của trang.
banner_height: "398" ## Chiều cao banner của trang.
banner_width: "1440" ## Chiều rộng banner của trang.
banner: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## Banner của trang.
cdn: "https://cloudcdn.pro" ## CDN của trang.
changefreq: "weekly" ## Tần suất thay đổi của trang.
charset: "utf-8" ## Bộ ký tự của trang. (mặc định: utf-8)
cname: "kaishi.vn" ## Giá trị cname của trang. (Chỉ bắt buộc cho trang chủ.)
copyright: "Bản quyền © 2023-2026 Kaishi. Bảo lưu mọi quyền." ## Bản quyền của trang.
date: "Ngày 01 tháng 01 năm 2025"
description: "Mọi thứ bạn cần để xây dựng một trang web tuyệt đẹp." ## Mô tả của trang. (tối đa 160 ký tự)
download: "" ## URL tải xuống cho sản phẩm.
format-detection: "telephone=no" ## Phát hiện định dạng của trang.
hreflang: "vi" ## Hreflang của trang. (mặc định: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Biểu tượng của trang ở định dạng SVG.
id: "https://kaishi.vn" ## Mã định danh của trang.
image_alt: "Logo của Kaishi, một mẫu khởi đầu cho các trang tĩnh" ## Mô tả hình ảnh của trang.
image_height: "630" ## Chiều cao hình ảnh của trang.
image_width: "1200" ## Chiều rộng hình ảnh của trang.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Hình ảnh chính của trang ở định dạng SVG.
keywords: "mẫu khởi đầu kaishi, trình tạo trang tĩnh, trình tạo trang tĩnh, mẫu khởi đầu, bootstrap, bootstrap css, bootstrap javascript, chính sách bảo mật nội dung, thẻ meta open graph, thanh điều hướng đáp ứng, thẻ meta schema.org" ## Từ khoá của trang. (tối đa 160 ký tự)
language: "vi-VN" ## Ngôn ngữ của trang. (mặc định: en-GB)
layout: "post" ## Bố cục của trang.
locale: "vi_VN" ## Khu vực của trang.
logo_alt: "Logo của Kaishi, một mẫu khởi đầu cho các trang tĩnh" ## Mô tả logo của trang.
logo_height: "33" ## Chiều cao logo của trang.
logo_width: "100" ## Chiều rộng logo của trang.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Logo của trang ở định dạng SVG.
name: "Kaishi" ## Tên trang web. (tối đa 64 ký tự)
permalink: "https://kaishi.vn/posts" ## URL của trang.
rating: "general" ## Xếp hạng của trang.
referrer: "no-referrer" ## Thông tin giới thiệu của trang.
revisit-after: "7 days" ## Thời gian truy cập lại của trang.
robots: "index, follow" ## Cài đặt robots của trang.
short_name: "kaishi" ## Tên ngắn của trang. (tối đa 12 ký tự)
subtitle: "Xây dựng trang web tuyệt vời với nỗ lực tối thiểu nhờ mẫu khởi đầu Kaishi" ## Phụ đề của trang. (tối đa 64 ký tự)
tags: "mẫu khởi đầu kaishi, trình tạo trang tĩnh, trình tạo trang tĩnh, mẫu khởi đầu, bootstrap, bootstrap css, bootstrap javascript, chính sách bảo mật nội dung, thẻ meta open graph, thanh điều hướng đáp ứng, thẻ meta schema.org" ## Thẻ của trang. (tối đa 160 ký tự)
theme-color: "143, 250, 113" ## Màu chủ đề của trang.
title: "Bài viết" ## Tiêu đề của trang. (tối đa 64 ký tự)
url: "https://kaishi.vn" ## URL của trang.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Khung nhìn của trang.
# News - Phần đầu trang News SiteMap (YAML).
news_genres: "Blog" ## Thể loại của trang. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "mẫu khởi đầu kaishi, trình tạo trang tĩnh, trình tạo trang tĩnh, mẫu khởi đầu, bootstrap, bootstrap css, bootstrap javascript, chính sách bảo mật nội dung, thẻ meta open graph, thanh điều hướng đáp ứng, thẻ meta schema.org" ## Từ khoá của trang. (cách nhau bằng dấu phẩy, tối đa 10 từ khoá)
news_language: "vi" ## Ngôn ngữ của trang. (mặc định: en)
news_image_loc: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## Vị trí hình ảnh của trang.
news_loc: "https://kaishi.vn" ## Vị trí của trang.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Ngày xuất bản của trang.
news_publication_name: "Kaishi" ## Tên ấn phẩm tin tức của trang.
news_title: "Bài viết" ## Tiêu đề của trang. (tối đa 64 ký tự)
# RSS - Phần đầu trang nguồn cấp RSS (YAML).
atom_link: https://kaishi.vn/rss.xml
category: "Công nghệ"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (phiên bản 0.0.35)"
item_description: Nguồn cấp RSS cho trang web
item_guid: "https://kaishi.vn/posts/index.html"
item_link: "https://kaishi.vn/posts/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Bài viết"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.vn (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.vn
# Apple - Phần đầu trang Apple (YAML).
apple_mobile_web_app_orientations: "portrait" ## Hướng ứng dụng web di động Apple của trang.
apple_touch_icon_sizes: "192x192" ## Kích thước biểu tượng Apple touch của trang.
apple-mobile-web-app-capable: "yes" ## Khả năng ứng dụng web di động Apple của trang.
apple-mobile-web-app-status-bar-inset: "black" ## Khoảng đệm thanh trạng thái của ứng dụng web di động Apple.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Kiểu thanh trạng thái của ứng dụng web di động Apple.
apple-mobile-web-app-title: "Kaishi" ## Tiêu đề ứng dụng web di động Apple của trang.
apple-touch-fullscreen: "yes" ## Toàn màn hình Apple touch của trang.
# MS Application - Phần đầu trang ứng dụng MS (YAML).
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Phần đầu trang Twitter Card (YAML).
## twitter_card - Loại Twitter Card của trang.
twitter_card: "summary"
## twitter_creator - Người tạo Twitter Card của trang.
twitter_creator: "janedoe"
## twitter_description - Mô tả Twitter Card của trang.
twitter_description: "Mọi thứ bạn cần để xây dựng một trang web tuyệt đẹp."
## twitter_image - Hình ảnh Twitter Card của trang.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Mô tả hình ảnh Twitter Card của trang.
twitter_image_alt: "Logo của Kaishi, một mẫu khởi đầu cho các trang tĩnh"
## twitter_site - Trang Twitter Card của trang.
twitter_site: "janedoe"
## twitter_title - Tiêu đề Twitter Card của trang.
twitter_title: "Kaishi, một mẫu khởi đầu cho trình tạo trang tĩnh"
## twitter_url - URL Twitter Card của trang.
twitter_url: "https://kaishi.vn"
# Humans.txt - Phần đầu trang Humans.txt (YAML).
author_website: "https://cloudcdn.pro" ## Trang web của tác giả.
author_twitter: "@wwdseb" ## Twitter của tác giả.
author_location: "London, Vương quốc Anh" ## Vị trí của tác giả.
thanks: "Cảm ơn bạn đã đọc!" ## Lời cảm ơn của trang.
site_last_updated: "2025-01-01" ## Lần cập nhật cuối của trang.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Các tiêu chuẩn của trang.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Các thành phần của trang.
site_software: "SSG, Rust" ## Phần mềm của trang.
---
![Thiên nhiên rực rỡ][00]
## Mẫu khởi đầu
Tất cả các mẫu khởi đầu, dù là trang đơn hay trang web, đều được xây dựng từ
đầu theo cùng một nguyên tắc và tính năng. Điều này có nghĩa là bạn có thể dễ
dàng kết hợp chúng với nhau để tạo ra bố cục và nội dung tuỳ chỉnh của riêng mình.
### Các trang
Bắt đầu với SSG bằng bất kỳ mẫu khởi đầu nào của chúng tôi để xây dựng
trang web hoặc ứng dụng web của bạn. Các mẫu của chúng tôi được thiết kế linh hoạt và dễ chỉnh sửa.
#### Tính năng của mẫu
- **Thiết kế đáp ứng**: Tất cả các mẫu đều hoàn toàn đáp ứng, đảm bảo hiển thị tuyệt vời trên mọi thiết bị.
- **Thành phần mô-đun**: Các mẫu được xây dựng với các thành phần mô-đun, giúp dễ dàng tuỳ chỉnh.
- **Thẩm mỹ hiện đại**: Mỗi mẫu được tạo ra với những xu hướng thiết kế hiện đại trong tâm trí.
#### Bắt đầu
Để bắt đầu, hãy chọn một mẫu phù hợp với nhu cầu dự án của bạn. Tuỳ chỉnh nó với nội dung, kiểu dáng và chức năng của bạn.
1. **Chọn một mẫu**: Duyệt qua bộ sưu tập của chúng tôi và chọn một điểm khởi đầu.
2. **Tuỳ chỉnh**: Sửa đổi bố cục, thêm nội dung và điều chỉnh các kiểu dáng.
3. **Khởi chạy**: Triển khai trang web hoặc ứng dụng web mới của bạn ra thế giới.
### Các trang web
Xây dựng một trang web từ đầu có thể là một nhiệm vụ khó khăn, nhưng các mẫu khởi đầu của chúng tôi giúp việc đó trở nên đơn giản và dễ dàng.
![Thiên nhiên rực rỡ][00]
### Tại sao nên dùng mẫu của chúng tôi?
- **Tốc độ**: Khởi động nhanh quá trình phát triển của bạn với các thiết kế dựng sẵn.
- **Chất lượng**: Các mẫu chất lượng cao, được kiểm thử kỹ lưỡng đảm bảo độ tin cậy.
- **Hỗ trợ**: Đội ngũ của chúng tôi luôn sẵn sàng giúp đỡ với mọi câu hỏi hoặc vấn đề.
### Tuỳ chỉnh
Tuỳ chỉnh các mẫu để phù hợp với nhu cầu cụ thể của bạn. Khả năng là vô tận!
#### Mẹo tuỳ chỉnh
- **Hiểu cấu trúc**: Làm quen với cấu trúc và các thành phần của mẫu.
- **Thử nghiệm**: Đừng ngại thử nghiệm với các bố cục và kiểu dáng khác nhau.
- **Phản hồi**: Tìm kiếm phản hồi về thiết kế của bạn và lặp lại dựa trên đầu vào.
## Kết luận
Với loạt mẫu khởi đầu của chúng tôi, bạn có một nền tảng vững chắc để xây dựng một thứ độc đáo và phù hợp với yêu cầu cụ thể của mình. Hãy bắt đầu và sáng tạo!
[00]: data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>