---
# 프론트 매터 (YAML)
author: "jane.doe@kaishi.kr (Jane Doe)" ## 페이지의 작성자. (최대 64자)
banner_alt: "흰색 표면 위의 MacBook Pro" ## 사이트의 배너 대체 텍스트.
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: "post" ## 사이트의 레이아웃.
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/posts" ## 사이트의 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 스타터 템플릿, 정적 사이트 생성기, 정적 사이트 생성기, 스타터 템플릿, bootstrap, bootstrap css, bootstrap javascript, 콘텐츠 보안 정책, 오픈 그래프 메타 태그, 반응형 내비게이션 바, schema.org 메타 태그" ## 사이트의 키워드. (쉼표로 구분, 최대 10개)
news_language: "ko" ## 사이트의 언어. (기본값: 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.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/posts/index.html"
item_link: "https://kaishi.kr/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.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" ## 사이트의 소프트웨어.
---
![빛나는 자연][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>