---
# 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: "feature" ## 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/features" ## 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: "Tính năng" ## 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: "kaishi, trình tạo trang tĩnh, trình tạo trang tĩnh, mẫu trang web tối giản, mẫu trang web hiện đại, mẫu trang web đáp ứng, mẫu khởi đầu trang web, sáng tạo tự do, người sáng lập startup, chủ doanh nghiệp nhỏ, hiện diện trực tuyến" ## 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_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: "Tính năng" ## 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/features/index.html"
item_link: "https://kaishi.vn/features/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Tính năng"
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.
---
## 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.
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.
**Mẫu khởi đầu Kaishi** có những tính năng sau được kích hoạt:
- **Thẻ Meta Trợ năng:** Các thẻ meta này được thiết kế để giúp trang web dễ tiếp cận hơn với người dùng khuyết tật. Bằng cách thiết lập các vai trò và thuộc tính ARIA (Accessible Rich Internet Applications), điều khiển bàn phím đầy đủ và không gây nguy hiểm chớp sáng, bạn có thể đảm bảo trang web của mình dễ tiếp cận với mọi người.
- **Thẻ Meta Apple:** Các thẻ meta này cải thiện trang web cho các thiết bị Apple, như iPhone, iPad và các thiết bị Apple. Bạn có thể thay đổi khả năng ứng dụng web, kiểu thanh trạng thái, tiêu đề, tên ứng dụng và tác giả để cải thiện giao diện trên thiết bị Apple.
- **Bootstrap CSS:** Bootstrap là một framework CSS phổ biến cung cấp cho bạn một bộ kiểu dáng và thành phần được thiết kế sẵn. Bằng cách sử dụng Bootstrap, bạn có thể nhanh chóng và dễ dàng tạo ra một trang web trông chuyên nghiệp mà không cần phải viết CSS từ đầu.
- **Bootstrap JavaScript:** Bootstrap JavaScript là một bộ tập lệnh được xây dựng sẵn, cung cấp cho bạn các menu điều hướng đáp ứng và hộp thoại modal.
- **Chính sách bảo mật nội dung:** Thẻ meta này được sử dụng để chỉ định các nguồn nội dung được phép tải trên trang. Nó được thiết kế để ngăn chặn các cuộc tấn công cross-site scripting (XSS) và các lỗ hổng bảo mật khác.
- **Thẻ Meta Microsoft:** Các thẻ meta này được thiết kế để tối ưu hoá trang web cho thiết bị Microsoft. Bạn có thể đặt xác minh trang web, cấu hình ứng dụng, màu nhấn khi chạm, màu ô và hình ảnh ô để hiển thị đẹp trên thiết bị Windows.
- **Thẻ Meta Open Graph/Facebook:** Các thẻ meta này cho phép bạn kiểm soát cách trang web của bạn xuất hiện khi được chia sẻ trên Facebook và các nền tảng mạng xã hội khác. Bằng cách đặt tiêu đề, mô tả và hình ảnh, bạn có thể đảm bảo trang web của mình trông đẹp nhất khi được chia sẻ trực tuyến.
- **Thanh điều hướng đáp ứng:** Thanh điều hướng đáp ứng cung cấp cho người dùng một giao diện trực quan và dễ sử dụng để điều hướng trang web. Nó nhằm mục đích thích ứng với kích thước màn hình, giúp người dùng có thể truy cập trên cả thiết bị máy tính và di động.
- **Thẻ Meta Schema.org:** Các thẻ meta này được sử dụng để cung cấp dữ liệu có cấu trúc về nội dung của trang web. Việc đặt tên, mô tả và hình ảnh trên một trang web giúp các công cụ tìm kiếm và những người khác hiểu nội dung tốt hơn.
- **Thẻ Meta Twitter:** Các thẻ meta này được thiết kế để tối ưu hoá trang web cho việc chia sẻ trên Twitter. Bạn có thể đặt loại thẻ, người tạo, mô tả, hình ảnh, trang, tiêu đề và URL để giúp trang web của mình trông đẹp trên Twitter.