---

# Front Matter (YAML)

author: "jane.doe@kaishi.tw (Jane Doe)" ## 頁面的作者。(最多 64 個字元)
banner_alt: "綠黑相間的瓷磚牆" ## 網站橫幅的替代文字。
banner_height: "398" ## 網站橫幅的高度。
banner_width: "1440" ## 網站橫幅的寬度。
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>" ## 網站的橫幅。
cdn: "https://cloudcdn.pro" ## 網站的 CDN。
changefreq: "weekly" ## 網站的更新頻率。
charset: "utf-8" ## 網站的字元集。(預設:utf-8)
cname: "kaishi.tw" ## 網站的 cname 值。(僅首頁需要)
copyright: "版權所有 © 2023-2026 Kaishi。保留所有權利。" ## 網站的版權聲明。
date: "2025 年 1 月 1 日"
description: "打造令人驚豔網站所需的一切。" ## 網站的說明。(最多 160 個字元)
download: "" ## 產品的下載網址。
format-detection: "telephone=no" ## 網站的格式偵測設定。
hreflang: "zh-TW" ## 網站的 hreflang。(預設:en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## 網站的 SVG 圖示。
id: "https://kaishi.tw" ## 網站的 ID。
image_alt: "Kaishi 標誌,一套靜態網站入門範本" ## 網站圖片的替代文字。
image_height: "630" ## 網站圖片的高度。
image_width: "1200" ## 網站圖片的寬度。
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## 網站的主要圖片。
keywords: "kaishi 入門範本, 靜態網站產生器, 入門範本, bootstrap, bootstrap css, bootstrap javascript, 內容安全政策, open graph meta 標籤, 響應式導覽列, schema.org meta 標籤" ## 網站的關鍵字。(最多 160 個字元)
language: "zh-TW" ## 網站的語言。(預設:en-GB)
layout: "feature" ## 網站的版面配置。
locale: "zh_TW" ## 網站的地區設定。
logo_alt: "Kaishi 標誌,一套靜態網站入門範本" ## 網站標誌的替代文字。
logo_height: "33" ## 網站標誌的高度。
logo_width: "100" ## 網站標誌的寬度。
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## 網站的 SVG 標誌。
name: "Kaishi" ## 網站的名稱。(最多 64 個字元)
permalink: "https://kaishi.tw/features" ## 網站的網址。
rating: "general" ## 網站的分級。
referrer: "no-referrer" ## 網站的 referrer 設定。
revisit-after: "7 days" ## 網站的重訪間隔。
robots: "index, follow" ## 網站的 robots 設定。
short_name: "kaishi" ## 網站的簡短名稱。(最多 12 個字元)
subtitle: "使用 Kaishi 入門範本,以最少的心力打造令人驚豔的網站" ## 頁面的副標題。(最多 64 個字元)
tags: "kaishi 入門範本, 靜態網站產生器, 入門範本, bootstrap, bootstrap css, bootstrap javascript, 內容安全政策, open graph meta 標籤, 響應式導覽列, schema.org meta 標籤" ## 網站的標籤。(最多 160 個字元)
theme-color: "143, 250, 113" ## 網站的主題色彩。
title: "功能特色" ## 頁面的標題。(最多 64 個字元)
url: "https://kaishi.tw" ## 網站的網址。
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## 網站的視窗設定。

# News - The News SiteMap front matter (YAML).
news_genres: "Blog" ## 網站的類型。(PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi, 靜態網站產生器, 極簡網站範本, 現代網站範本, 響應式網站範本, 網站入門範本, 自由創作者, 新創辦人, 小型企業主, 網路形象" ## 網站的關鍵字。(以逗號分隔,最多 10 個)
news_language: "zh-TW" ## 網站的語言。(預設:en)
news_loc: "https://kaishi.tw" ## 網站的位置。
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## 網站的發布日期。
news_publication_name: "Kaishi" ## 網站的新聞發布名稱。
news_title: "功能特色" ## 頁面的標題。(最多 64 個字元)

# RSS - The RSS feed front matter (YAML).
atom_link: https://kaishi.tw/rss.xml
category: "科技"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: 網站的 RSS 訂閱
item_guid: "https://kaishi.tw/features/index.html"
item_link: "https://kaishi.tw/features/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "功能特色"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.tw (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.tw

# Apple - The Apple front matter (YAML).
apple_mobile_web_app_orientations: "portrait" ## 頁面的 Apple 行動網頁應用方向。
apple_touch_icon_sizes: "192x192" ## 頁面的 Apple 觸控圖示大小。
apple-mobile-web-app-capable: "yes" ## 頁面是否支援 Apple 行動網頁應用。
apple-mobile-web-app-status-bar-inset: "black" ## 頁面的 Apple 行動網頁應用狀態列內縮。
apple-mobile-web-app-status-bar-style: "black-translucent" ## 頁面的 Apple 行動網頁應用狀態列樣式。
apple-mobile-web-app-title: "Kaishi" ## 頁面的 Apple 行動網頁應用標題。
apple-touch-fullscreen: "yes" ## 頁面的 Apple 觸控全螢幕設定。

# MS Application - The MS Application front matter (YAML).

msapplication-navbutton-color: "rgb(0,102,204)"

# Twitter Card - The Twitter Card front matter (YAML).

## twitter_card - 頁面的 Twitter 卡片類型。
twitter_card: "summary"
## twitter_creator - 頁面的 Twitter 卡片建立者。
twitter_creator: "janedoe"
## twitter_description - 頁面的 Twitter 卡片說明。
twitter_description: "打造令人驚豔網站所需的一切。"
## twitter_image - 頁面的 Twitter 卡片圖片。
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - 頁面的 Twitter 卡片圖片替代文字。
twitter_image_alt: "Kaishi 標誌,一套靜態網站入門範本"
## twitter_site - 頁面的 Twitter 卡片網站。
twitter_site: "janedoe"
## twitter_title - 頁面的 Twitter 卡片標題。
twitter_title: "Kaishi,靜態網站產生器入門範本"
## twitter_url - 頁面的 Twitter 卡片網址。
twitter_url: "https://kaishi.tw"

# Humans.txt - The Humans.txt front matter (YAML).
author_website: "https://cloudcdn.pro" ## 頁面作者的網站。
author_twitter: "@wwdseb" ## 頁面作者的 Twitter。
author_location: "英國倫敦" ## 頁面作者的所在地。
thanks: "感謝您的閱讀!" ## 頁面的感謝詞。
site_last_updated: "2025-01-01" ## 網站的最後更新時間。
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## 網站採用的標準。
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## 網站的元件。
site_software: "SSG, Rust" ## 網站使用的軟體。

---


## 入門範本

所有入門範本,無論是頁面或完整網站,都採用相同的原則與功能從零開始構建。這表示您可以輕鬆混搭,打造屬於自己的自訂版面與內容。

使用我們任何一套入門範本,即可透過 SSG 開始建立您的網站或網頁應用程式。

**Kaishi 入門範本**已啟用以下功能:

- **無障礙 Meta 標籤:**這些 meta 標籤旨在讓網站對身心障礙使用者更友善。透過設定可存取的豐富網際網路應用程式(ARIA)角色與屬性、完整鍵盤控制,以及無閃爍危害,即可確保您的網站對所有人皆可使用。
- **Apple Meta 標籤:**這些 meta 標籤能提升網站在 iPhone、iPad 等 Apple 裝置上的體驗。您可以調整網頁應用功能、狀態列樣式、標題、應用程式名稱及作者,讓網站在 Apple 裝置上呈現更佳外觀。
- **Bootstrap CSS:**Bootstrap 是熱門的 CSS 框架,提供一整套預先設計好的樣式與元件。使用 Bootstrap,您無須從零撰寫 CSS,即可快速打造專業質感的網站。
- **Bootstrap JavaScript:**Bootstrap JavaScript 是一套預先建置的指令碼,提供響應式導覽選單與互動對話框等功能。
- **內容安全政策:**此 meta 標籤用於指定頁面允許載入的內容來源,可防止跨站腳本攻擊(XSS)及其他安全漏洞。
- **Microsoft Meta 標籤:**這些 meta 標籤旨在針對 Microsoft 裝置最佳化網站。您可以設定網站驗證、應用程式組態、點擊高亮顏色、磚色與磚圖,讓網站在 Windows 裝置上呈現更佳外觀。
- **Open Graph / Facebook Meta 標籤:**這些 meta 標籤讓您掌控網站在 Facebook 及其他社群平台分享時的顯示方式。透過設定標題、說明與圖片,即可確保您的網站在線上分享時呈現最佳樣貌。
- **響應式導覽列:**響應式導覽列為使用者提供直覺且易於操作的網站瀏覽介面,能依螢幕尺寸自動調整,讓桌機與行動裝置使用者都能順利存取。
- **Schema.org Meta 標籤:**這些 meta 標籤用於提供網站內容的結構化資料。在網站上設定名稱、說明與圖片,有助於搜尋引擎與其他服務更理解內容。
- **Twitter Meta 標籤:**這些 meta 標籤旨在針對 Twitter 分享最佳化網站。您可以設定卡片類型、建立者、說明、圖片、網站、標題與網址,讓網站在 Twitter 上呈現良好外觀。
