---
# 前置元数据(YAML)
author: "jane.doe@kaishi.cn (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.cn" ## 网站 cname 值。(仅首页需要。)
copyright: "版权所有 © 2023-2026 Kaishi。保留所有权利。" ## 网站版权信息。
date: "January 01, 2025"
description: "打造精美网站所需的一切。" ## 网站描述。(最多 160 个字符)
download: "" ## 产品下载地址。
format-detection: "telephone=no" ## 网站格式检测设置。
hreflang: "zh" ## 网站 hreflang。(默认:en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## SVG 格式的网站图标。
id: "https://kaishi.cn" ## 网站 ID。
image_alt: "Kaishi 的标志,一个用于静态网站的入门模板" ## 网站图片替代文本。
image_height: "630" ## 网站图片高度。
image_width: "1200" ## 网站图片宽度。
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## SVG 格式的网站主图。
keywords: "kaishi 入门模板, 静态网站生成器, 静态网站生成器, 入门模板, bootstrap, bootstrap css, bootstrap javascript, 内容安全策略, open graph 元标签, 响应式导航栏, schema.org 元标签" ## 网站关键词。(最多 160 个字符)
language: "zh-CN" ## 网站语言。(默认:en-GB)
layout: "post" ## 网站布局。
locale: "zh_CN" ## 网站区域设置。
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.cn/posts" ## 网站网址。
rating: "general" ## 网站分级。
referrer: "no-referrer" ## 网站引用来源设置。
revisit-after: "7 days" ## 网站再次访问时间。
robots: "index, follow" ## 网站机器人设置。
short_name: "kaishi" ## 网站简称。(最多 12 个字符)
subtitle: "使用 Kaishi 入门模板,轻松打造令人惊艳的网站" ## 页面副标题。(最多 64 个字符)
tags: "kaishi 入门模板, 静态网站生成器, 静态网站生成器, 入门模板, bootstrap, bootstrap css, bootstrap javascript, 内容安全策略, open graph 元标签, 响应式导航栏, schema.org 元标签" ## 网站标签。(最多 160 个字符)
theme-color: "143, 250, 113" ## 网站主题颜色。
title: "文章" ## 页面标题。(最多 64 个字符)
url: "https://kaishi.cn" ## 网站网址。
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## 网站视口。
# News - 新闻站点地图前置元数据(YAML)。
news_genres: "Blog" ## 网站类别。(PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi 入门模板, 静态网站生成器, 静态网站生成器, 入门模板, bootstrap, bootstrap css, bootstrap javascript, 内容安全策略, open graph 元标签, 响应式导航栏, schema.org 元标签" ## 网站关键词。(逗号分隔,最多 10 个)
news_language: "zh" ## 网站语言。(默认: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.cn" ## 网站位置。
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## 网站发布日期。
news_publication_name: "Kaishi" ## 新闻发布名称。
news_title: "文章" ## 页面标题。(最多 64 个字符)
# RSS - RSS 订阅的前置元数据(YAML)。
atom_link: https://kaishi.cn/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.cn/posts/index.html"
item_link: "https://kaishi.cn/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.cn (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.cn
# Apple - Apple 前置元数据(YAML)。
apple_mobile_web_app_orientations: "portrait" ## 页面的 Apple 移动 Web 应用方向。
apple_touch_icon_sizes: "192x192" ## 页面的 Apple 触控图标尺寸。
apple-mobile-web-app-capable: "yes" ## 页面的 Apple 移动 Web 应用能力。
apple-mobile-web-app-status-bar-inset: "black" ## 页面的 Apple 移动 Web 应用状态栏内嵌设置。
apple-mobile-web-app-status-bar-style: "black-translucent" ## 页面的 Apple 移动 Web 应用状态栏样式。
apple-mobile-web-app-title: "Kaishi" ## 页面的 Apple 移动 Web 应用标题。
apple-touch-fullscreen: "yes" ## 页面的 Apple 触控全屏设置。
# MS Application - 微软应用前置元数据(YAML)。
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Twitter 卡片前置元数据(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.cn"
# Humans.txt - Humans.txt 前置元数据(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]
## 入门模板
所有入门模板,无论是页面还是完整网站,都基于相同的理念和功能从零开始构建。
这意味着您可以轻松地将它们混合搭配,创建出符合自己需求的自定义布局和内容。
### 页面
无论您想要搭建网站还是 Web 应用,都可以使用我们提供的任一入门模板,快速开始 SSG 的使用之旅。我们的模板设计灵活,易于修改。
#### 模板特性
- **响应式设计**:所有模板都完全响应式,在任何设备上都能呈现良好效果。
- **模块化组件**:模板采用模块化组件构建,便于自定义。
- **现代美学**:每个模板都基于当下的设计趋势精心打造。
#### 快速上手
请先选择一个符合项目需求的模板。然后根据您的内容、风格和功能进行自定义。
1. **选择模板**:浏览我们的模板合集,选择一个起点。
2. **自定义**:调整布局、添加内容并修改样式。
3. **发布**:将您的新网站或 Web 应用部署到互联网上。
### 网站
从零开始搭建网站可能是一项令人望而生畏的任务,但我们的入门模板让这一过程变得简单直接。
![阳光下的大自然][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>