---

# Front Matter (YAML)

author: "jane.doe@kaishi.ph (Jane Doe)" ## Ang may-akda ng pahina. (max 64 na karakter)
banner_alt: "Berde at Itim na Tiled na Pader" ## Ang banner alt ng site.
banner_height: "398" ## Ang taas ng banner ng site.
banner_width: "1440" ## Ang lapad ng banner ng site.
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>" ## Ang banner ng site.
cdn: "https://cloudcdn.pro" ## Ang CDN ng site.
changefreq: "weekly" ## Ang changefreq ng site.
charset: "utf-8" ## Ang charset ng site. (default: utf-8)
cname: "kaishi.ph" ## Ang cname value ng site. (Kailangan lamang sa index page.)
copyright: "Copyright © 2023-2026 Kaishi. Nakalaan ang lahat ng karapatan." ## Ang copyright ng site.
date: "Enero 01, 2025"
description: "Lahat ng Kailangan Mo upang Bumuo ng Kahanga-hangang Website." ## Ang paglalarawan ng site. (max 160 na karakter)
download: "" ## Ang download url para sa produkto.
format-detection: "telephone=no" ## Ang format detection ng site.
hreflang: "tl" ## Ang hreflang ng site. (default: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Ang icon ng site sa SVG format.
id: "https://kaishi.ph" ## Ang id ng site.
image_alt: "Logo ng Kaishi, isang starter template para sa mga static site" ## Ang image alt ng site.
image_height: "630" ## Ang taas ng imahe ng site.
image_width: "1200" ## Ang lapad ng imahe ng site.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Ang pangunahing imahe ng site sa SVG format.
keywords: "kaishi starter templates, static site generator, static site generator, starter templates, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Ang mga keyword ng site. (max 160 na karakter)
language: "tl-PH" ## Ang wika ng site. (default: en-GB)
layout: "post" ## Ang layout ng site.
locale: "tl_PH" ## Ang locale ng site.
logo_alt: "Logo ng Kaishi, isang starter template para sa mga static site" ## Ang logo alt ng site.
logo_height: "33" ## Ang taas ng logo ng site.
logo_width: "100" ## Ang lapad ng logo ng site.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Ang logo ng site sa SVG format.
name: "Kaishi" ## Ang pangalan ng website. (max 64 na karakter)
permalink: "https://kaishi.ph/posts" ## Ang url ng site.
rating: "general" ## Ang rating ng site.
referrer: "no-referrer" ## Ang referrer ng site.
revisit-after: "7 days" ## Ang revisit after ng site.
robots: "index, follow" ## Ang robots ng site.
short_name: "kaishi" ## Ang maikling pangalan ng site. (max 12 na karakter)
subtitle: "Gumawa ng kahanga-hangang Website nang may Kaunting Pagsisikap gamit ang Kaishi Starter Templates" ## Ang subtitle ng pahina. (max 64 na karakter)
tags: "kaishi starter templates, static site generator, static site generator, starter templates, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Ang mga tag ng site. (max 160 na karakter)
theme-color: "143, 250, 113" ## Ang theme color ng site.
title: "Mga Post" ## Ang pamagat ng pahina. (max 64 na karakter)
url: "https://kaishi.ph" ## Ang url ng site.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Ang viewport ng site.

# News - Ang News SiteMap front matter (YAML).
news_genres: "Blog" ## Ang mga genre ng site. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi starter templates, static site generator, static site generator, starter templates, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Ang mga keyword ng site. (comma separated, max 10 keywords)
news_language: "tl" ## Ang wika ng site. (default: 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>" ## Ang image loc ng site.
news_loc: "https://kaishi.ph" ## Ang loc ng site.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Ang petsa ng paglalathala ng site.
news_publication_name: "Kaishi" ## Ang pangalan ng news publication ng site.
news_title: "Mga Post" ## Ang pamagat ng pahina. (max 64 na karakter)

# RSS - Ang RSS feed front matter (YAML).
atom_link: https://kaishi.ph/rss.xml
category: "Teknolohiya"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (bersyon 0.0.35)"
item_description: RSS feed para sa site
item_guid: "https://kaishi.ph/posts/index.html"
item_link: "https://kaishi.ph/posts/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Mga Post"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.ph (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.ph

# Apple - Ang Apple front matter (YAML).
apple_mobile_web_app_orientations: "portrait" ## Ang mga oryentasyon ng Apple mobile web app ng pahina.
apple_touch_icon_sizes: "192x192" ## Ang mga sukat ng Apple touch icon ng pahina.
apple-mobile-web-app-capable: "yes" ## Ang Apple mobile web app capable ng pahina.
apple-mobile-web-app-status-bar-inset: "black" ## Ang Apple mobile web app status bar inset ng pahina.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Ang Apple mobile web app status bar style ng pahina.
apple-mobile-web-app-title: "Kaishi" ## Ang Apple mobile web app title ng pahina.
apple-touch-fullscreen: "yes" ## Ang Apple touch fullscreen ng pahina.

# MS Application - Ang MS Application front matter (YAML).

msapplication-navbutton-color: "rgb(0,102,204)"

# Twitter Card - Ang Twitter Card front matter (YAML).

## twitter_card - Ang uri ng Twitter Card ng pahina.
twitter_card: "summary"
## twitter_creator - Ang lumikha ng Twitter Card ng pahina.
twitter_creator: "janedoe"
## twitter_description - Ang paglalarawan sa Twitter Card ng pahina.
twitter_description: "Lahat ng Kailangan Mo upang Bumuo ng Kahanga-hangang Website."
## twitter_image - Ang imahe sa Twitter Card ng pahina.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Ang image alt sa Twitter Card ng pahina.
twitter_image_alt: "Logo ng Kaishi, isang starter template para sa mga static site"
## twitter_site - Ang Twitter Card site ng pahina.
twitter_site: "janedoe"
## twitter_title - Ang pamagat ng Twitter Card ng pahina.
twitter_title: "Kaishi, isang Starter Template para sa Static Site Generator"
## twitter_url - Ang url ng Twitter Card ng pahina.
twitter_url: "https://kaishi.ph"

# Humans.txt - Ang Humans.txt front matter (YAML).
author_website: "https://cloudcdn.pro" ## Ang website ng may-akda ng pahina.
author_twitter: "@wwdseb" ## Ang Twitter ng may-akda ng pahina.
author_location: "London, UK" ## Ang lokasyon ng may-akda ng pahina.
thanks: "Salamat sa pagbabasa!" ## Ang pasasalamat sa pahina.
site_last_updated: "2025-01-01" ## Ang huling pag-update ng site.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Ang mga pamantayan ng site.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Ang mga bahagi ng site.
site_software: "SSG, Rust" ## Ang software ng site.

---

![Nagniningning na kalikasan][00]

## Mga Starter Template

Ang lahat ng starter templates, ito man ay mga pahina o website, ay
itinatayo mula sa simula gamit ang parehong mga prinsipyo at tampok. Nangangahulugan
ito na madali mong mahaluan at maitutugma ang mga ito upang lumikha ng iyong
sariling custom na layout at nilalaman.

### Mga Pahina

Magsimula sa SSG gamit ang alinman sa aming mga Starter Template para sa pagbuo ng
iyong website o web application. Ang aming mga template ay idinisenyo upang maging
flexible at madaling baguhin.

#### Mga Tampok ng Template

- **Responsive na Disenyo**: Ang lahat ng mga template ay ganap na responsive, na nagsisiguro na maganda ang itsura ng mga ito sa anumang aparato.
- **Mga Modular na Component**: Ang mga template ay binuo gamit ang mga modular na component, na ginagawang madaling i-customize ang mga ito.
- **Modernong Estetika**: Ang bawat template ay ginawa nang isinasaalang-alang ang mga modernong uso sa disenyo.

#### Pagsisimula

Upang magsimula, pumili ng template na umaangkop sa mga pangangailangan ng iyong proyekto. I-customize ito gamit ang iyong nilalaman, estilo, at functionality.

1. **Pumili ng Template**: Mag-browse sa aming koleksyon at pumili ng panimulang punto.
2. **I-customize**: Baguhin ang layout, idagdag ang iyong nilalaman, at i-tweak ang mga estilo.
3. **Ilunsad**: I-deploy ang iyong bagong website o web app sa mundo.

### Mga Website

Ang pagbuo ng isang website mula sa simula ay maaaring isang nakakatakot na gawain, ngunit ginagawang simple at diretso ng aming mga starter templates.


![Nagniningning na kalikasan][00]

### Bakit Gamitin ang Aming mga Template?

- **Bilis**: Pasiglahin ang iyong development gamit ang mga paunang ginawang disenyo.
- **Kalidad**: Mga mataas na kalidad, mahusay na nasubok na mga template ay nagsisiguro ng pagiging maaasahan.
- **Suporta**: Narito ang aming koponan upang tumulong sa anumang tanong o isyu.

### Pag-customize

I-customize ang mga template upang umangkop sa iyong mga partikular na pangangailangan. Ang mga posibilidad ay walang hanggan!

#### Mga Tip para sa Pag-customize

- **Unawain ang Istraktura**: Pamilyar ang iyong sarili sa istraktura at mga component ng template.
- **Mag-eksperimento**: Huwag matakot na mag-eksperimento sa iba't ibang mga layout at estilo.
- **Feedback**: Humanap ng feedback sa iyong mga disenyo at mag-iterate batay sa input.

## Konklusyon

Sa aming hanay ng mga starter templates, mayroon kang isang matatag na pundasyon upang bumuo ng isang bagay na natatangi at iniayon sa iyong mga partikular na kinakailangan. Sumisid at magsimulang lumikha!

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