---
# 프론트 매터 (YAML)
author: "jane.doe@kaishi.kr (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.kr" ## 사이트의 cname 값. (인덱스 페이지에만 필요.)
copyright: "Copyright © 2023-2026 Kaishi. 모든 권리 보유." ## 사이트의 저작권.
date: "January 01, 2025"
description: "멋진 웹사이트를 만드는 데 필요한 모든 것." ## 사이트의 설명. (최대 160자)
download: "" ## 제품 다운로드 URL.
format-detection: "telephone=no" ## 사이트의 형식 감지.
hreflang: "ko" ## 사이트의 hreflang. (기본값: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## SVG 형식의 사이트 아이콘.
id: "https://kaishi.kr" ## 사이트의 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, 콘텐츠 보안 정책, 오픈 그래프 메타 태그, 반응형 내비게이션 바, schema.org 메타 태그" ## 사이트의 키워드. (최대 160자)
language: "ko-KR" ## 사이트의 언어. (기본값: en-GB)
layout: "feature" ## 사이트의 레이아웃.
locale: "ko_KR" ## 사이트의 로케일.
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.kr/features" ## 사이트의 URL.
rating: "general" ## 사이트의 등급.
referrer: "no-referrer" ## 사이트의 리퍼러.
revisit-after: "7 days" ## 사이트의 재방문 주기.
robots: "index, follow" ## 사이트의 robots.
short_name: "kaishi" ## 사이트의 짧은 이름. (최대 12자)
subtitle: "Kaishi 스타터 템플릿으로 최소한의 노력으로 멋진 웹사이트 만들기" ## 페이지의 부제. (최대 64자)
tags: "kaishi 스타터 템플릿, 정적 사이트 생성기, 정적 사이트 생성기, 스타터 템플릿, bootstrap, bootstrap css, bootstrap javascript, 콘텐츠 보안 정책, 오픈 그래프 메타 태그, 반응형 내비게이션 바, schema.org 메타 태그" ## 사이트의 태그. (최대 160자)
theme-color: "143, 250, 113" ## 사이트의 테마 색상.
title: "기능" ## 페이지의 제목. (최대 64자)
url: "https://kaishi.kr" ## 사이트의 URL.
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: "ko" ## 사이트의 언어. (기본값: en)
news_loc: "https://kaishi.kr" ## 사이트의 위치.
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.kr/rss.xml
category: "Technology"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: 사이트의 RSS 피드
item_guid: "https://kaishi.kr/features/index.html"
item_link: "https://kaishi.kr/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.kr (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.kr
# Apple - Apple 프론트 매터 (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 - MS Application 프론트 매터 (YAML).
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Twitter Card 프론트 매터 (YAML).
## twitter_card - 페이지의 Twitter Card 유형.
twitter_card: "summary"
## twitter_creator - 페이지의 Twitter Card 작성자.
twitter_creator: "janedoe"
## twitter_description - 페이지의 Twitter Card 설명.
twitter_description: "멋진 웹사이트를 만드는 데 필요한 모든 것."
## twitter_image - 페이지의 Twitter Card 이미지.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - 페이지의 Twitter Card 이미지 대체 텍스트.
twitter_image_alt: "정적 사이트용 스타터 템플릿 Kaishi의 로고"
## twitter_site - 페이지의 Twitter Card 사이트.
twitter_site: "janedoe"
## twitter_title - 페이지의 Twitter Card 제목.
twitter_title: "Kaishi, 정적 사이트 생성기 스타터 템플릿"
## twitter_url - 페이지의 Twitter Card URL.
twitter_url: "https://kaishi.kr"
# Humans.txt - Humans.txt 프론트 매터 (YAML).
author_website: "https://cloudcdn.pro" ## 페이지 작성자의 웹사이트.
author_twitter: "@wwdseb" ## 페이지 작성자의 Twitter.
author_location: "London, UK" ## 페이지 작성자의 위치.
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 스타터 템플릿**은 다음 기능을 갖추고 있습니다:
- **접근성 메타 태그:** 이 메타 태그는 장애가 있는 사용자도 웹사이트를 더 쉽게 이용할 수 있도록 설계되었습니다. ARIA(접근 가능한 리치 인터넷 애플리케이션) 역할 및 속성, 전체 키보드 제어, 깜박임 위험 없음을 설정하여 모두가 접근할 수 있는 웹사이트를 만들 수 있습니다.
- **Apple 메타 태그:** 이 메타 태그는 iPhone, iPad 및 Apple 기기용 웹사이트를 개선합니다. 웹 앱 기능, 상태 표시줄 스타일, 제목, 애플리케이션 이름 및 작성자를 변경하여 Apple 기기에서의 외관을 향상시킬 수 있습니다.
- **Bootstrap CSS:** Bootstrap은 미리 디자인된 스타일과 컴포넌트 세트를 제공하는 인기 있는 CSS 프레임워크입니다. Bootstrap을 사용하면 CSS를 처음부터 작성하지 않고도 전문적인 웹사이트를 빠르고 쉽게 만들 수 있습니다.
- **Bootstrap JavaScript:** Bootstrap JavaScript는 반응형 내비게이션 메뉴와 모달 대화 상자를 제공하는 미리 구축된 스크립트 세트입니다.
- **콘텐츠 보안 정책:** 이 메타 태그는 페이지에 로드할 수 있는 콘텐츠의 출처를 지정합니다. 크로스 사이트 스크립팅(XSS) 공격 및 기타 보안 취약점을 방지하도록 설계되었습니다.
- **Microsoft 메타 태그:** 이 메타 태그는 Microsoft 기기용 웹사이트를 최적화하도록 설계되었습니다. 사이트 확인, 애플리케이션 구성, 탭 하이라이트 색상, 타일 색상, 타일 이미지를 설정하여 Windows 기기에서 멋지게 보이도록 할 수 있습니다.
- **Open Graph/Facebook 메타 태그:** 이 메타 태그를 사용하면 Facebook 및 기타 소셜 미디어 플랫폼에 공유될 때 웹사이트가 어떻게 표시될지 제어할 수 있습니다. 제목, 설명, 이미지를 설정하여 온라인에서 공유될 때 웹사이트가 최고의 모습을 보이도록 할 수 있습니다.
- **반응형 내비게이션 바:** 반응형 내비게이션 바는 사용자에게 웹사이트 탐색을 위한 직관적이고 사용하기 쉬운 인터페이스를 제공합니다. 화면 크기에 맞게 조정되어 데스크톱과 모바일 기기 모두에서 사용자가 접근할 수 있도록 합니다.
- **Schema.org 메타 태그:** 이 메타 태그는 웹사이트 콘텐츠에 대한 구조화된 데이터를 제공하는 데 사용됩니다. 웹사이트의 이름, 설명, 이미지를 설정하면 검색 엔진 등이 콘텐츠를 더 잘 이해할 수 있습니다.
- **Twitter 메타 태그:** 이 메타 태그는 Twitter 공유를 위해 웹사이트를 최적화하도록 설계되었습니다. 카드 유형, 작성자, 설명, 이미지, 사이트, 제목 및 URL을 설정하여 Twitter에서 웹사이트가 멋지게 보이도록 할 수 있습니다.