---
# 前置元数据(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: "feature" ## 网站布局。
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/features" ## 网站网址。
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, 静态网站生成器, 静态网站生成器, 极简网站模板, 现代网站模板, 响应式网站模板, 网站入门模板, 自由创意工作者, 初创公司创始人, 小企业主, 在线影响力" ## 网站关键词。(逗号分隔,最多 10 个)
news_language: "zh" ## 网站语言。(默认:en)
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/features/index.html"
item_link: "https://kaishi.cn/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.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" ## 网站软件。
---
## 入门模板
所有入门模板,无论是页面还是完整网站,都基于相同的理念和功能从零开始构建。
这意味着您可以轻松地将它们混合搭配,创建出符合自己需求的自定义布局和内容。
无论您想要搭建网站还是 Web 应用,都可以使用我们提供的任一入门模板,
快速开始 SSG 的使用之旅。
**Kaishi 入门模板** 启用了以下功能:
- **无障碍元标签:** 这些元标签旨在让网站对残障用户更加友好。通过设置无障碍富互联网应用(ARIA)角色与属性、完整的键盘控制以及避免闪烁隐患,您可以确保网站对所有人都是可访问的。
- **Apple 元标签:** 这些元标签为 iPhone、iPad 等 Apple 设备优化网站显示。您可以调整 Web 应用能力、状态栏样式、标题、应用名称和作者等信息,从而提升在 Apple 设备上的展示效果。
- **Bootstrap CSS:** Bootstrap 是一个流行的 CSS 框架,提供一整套预设的样式与组件。借助 Bootstrap,您无需从零编写 CSS,即可快速创建出专业外观的网站。
- **Bootstrap JavaScript:** Bootstrap JavaScript 是一组预构建的脚本,为您提供响应式导航菜单和模态对话框等功能。
- **内容安全策略:** 此元标签用于指定页面上允许加载的内容来源,旨在防范跨站脚本攻击(XSS)等安全漏洞。
- **微软元标签:** 这些元标签用于为微软设备优化网站显示。您可以设置站点验证、应用配置、点击高亮颜色、磁贴颜色和磁贴图片,使网站在 Windows 设备上获得良好显示效果。
- **Open Graph / Facebook 元标签:** 这些元标签让您可以控制网站在 Facebook 及其他社交媒体平台上被分享时的呈现方式。通过设置标题、描述和图片,您可以确保网站在分享时呈现出最佳状态。
- **响应式导航栏:** 响应式导航栏为用户提供直观易用的导航界面。它会根据屏幕尺寸自适应调整,让桌面和移动端用户都能顺畅访问。
- **Schema.org 元标签:** 这些元标签用于为网站内容提供结构化数据。设置网站的名称、描述和图片,有助于搜索引擎和其他服务更好地理解网站内容。
- **Twitter 元标签:** 这些元标签专为在 Twitter 上的分享优化网站展示。您可以设置卡片类型、创建者、描述、图片、站点、标题和 URL,让网站在 Twitter 上呈现出良好的效果。