---

# 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: "post" ## 網站的版面配置。
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/posts" ## 網站的網址。
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 入門範本, 靜態網站產生器, 入門範本, bootstrap, bootstrap css, bootstrap javascript, 內容安全政策, open graph meta 標籤, 響應式導覽列, schema.org meta 標籤" ## 網站的關鍵字。(以逗號分隔,最多 10 個)
news_language: "zh-TW" ## 網站的語言。(預設: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>" ## 網站的圖片位置。
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/posts/index.html"
item_link: "https://kaishi.tw/posts/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" ## 網站使用的軟體。

---

![閃耀的自然][00]

## 入門範本

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

### 頁面

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

#### 範本特色

- **響應式設計**:所有範本皆為完全響應式,確保在任何裝置上都能呈現出色外觀。
- **模組化元件**:範本採用模組化元件構建,便於自訂。
- **現代美學**:每套範本皆依據現代設計潮流精心打造。

#### 快速入門

請挑選符合您專案需求的範本,並依您的內容、風格與功能進行自訂。

1. **挑選範本**:瀏覽我們的範本集合,找出合適的起點。
2. **自訂**:調整版面、加入您的內容並微調樣式。
3. **上線**:將您的新網站或網頁應用部署到全世界。

### 網站

從零開始建立網站可能令人卻步,但我們的入門範本讓這件事變得簡單直接。


![閃耀的自然][00]

### 為何選用我們的範本?

- **速度**:透過現成設計快速啟動開發。
- **品質**:經充分測試的高品質範本,確保可靠度。
- **支援**:遇到任何疑問或問題,我們的團隊都樂於協助。

### 自訂

自訂範本以符合您的特定需求。可能性無窮無盡!

#### 自訂小訣竅

- **了解結構**:熟悉範本的結構與元件。
- **勇於嘗試**:別害怕嘗試不同的版面與樣式。
- **聆聽回饋**:尋求他人對您設計的回饋,並據此迭代改進。

## 結語

有了我們多樣的入門範本作為穩固基礎,您就能打造符合自身需求、獨一無二的作品。立刻動手開始創作吧!

[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>
