---
# Front Matter (YAML)
author: "jane.doe@kaishi.ng (Jane Doe)" ## Marubucin shafin. (iyakar haruffa 64)
banner_alt: "Bangon Tiled Kore da Baƙi" ## Rubutun madadin banner na shafin.
banner_height: "398" ## Tsawon banner na shafin.
banner_width: "1440" ## Fadin banner na shafin.
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>" ## Banner na shafin.
cdn: "https://cloudcdn.pro" ## CDN na shafin.
changefreq: "weekly" ## Yawan canjin shafin.
charset: "utf-8" ## Tsarin haruffa na shafin. (na asali: utf-8)
cname: "kaishi.ng" ## Darajar CNAME na shafin. (Ana bukata kawai don shafin farko.)
copyright: "Hakkin mallaka © 2023-2026 Kaishi. An kiyaye duk hakki." ## Hakkin mallaka na shafin.
date: "Janairu 01, 2025"
description: "Duk Abin Da Kuke Buƙata Don Gina Shafin Yanar Gizo Mai Ban Sha'awa." ## Bayanin shafin. (iyakar haruffa 160)
download: "" ## Hanyar saukar da kayan.
format-detection: "telephone=no" ## Gano tsarin shafin.
hreflang: "ha" ## hreflang na shafin. (na asali: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Tambarin shafin a tsarin SVG.
id: "https://kaishi.ng" ## ID na shafin.
image_alt: "Tambarin Kaishi, samfurin farko don shafukan yanar gizo masu tsaye" ## Rubutun madadin hoton shafin.
image_height: "630" ## Tsawon hoton shafin.
image_width: "1200" ## Fadin hoton shafin.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Babban hoton shafin a tsarin SVG.
keywords: "samfuran farko na kaishi, static site generator, mai samar da shafuka masu tsaye, samfuran farko, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Kalmomin bincike na shafin. (iyakar 160)
language: "ha-NG" ## Harshen shafin. (na asali: en-GB)
layout: "post" ## Tsarin shafin.
locale: "ha_NG" ## Locale na shafin.
logo_alt: "Tambarin Kaishi, samfurin farko don shafukan yanar gizo masu tsaye" ## Rubutun madadin tambarin shafin.
logo_height: "33" ## Tsawon tambari na shafin.
logo_width: "100" ## Fadin tambari na shafin.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Tambari na shafin a tsarin SVG.
name: "Kaishi" ## Sunan shafin. (iyakar haruffa 64)
permalink: "https://kaishi.ng/posts" ## URL na shafin.
rating: "general" ## Matsayin shafin.
referrer: "no-referrer" ## Mai nufi na shafin.
revisit-after: "7 days" ## Lokacin sake ziyartar shafin.
robots: "index, follow" ## Robots na shafin.
short_name: "kaishi" ## Gajeren suna na shafin. (iyakar haruffa 12)
subtitle: "Gina Shafukan Yanar Gizo Masu Ban Mamaki Tare da Karamin Kokari ta Amfani da Samfuran Farko na Kaishi" ## Karamin taken shafin. (iyakar haruffa 64)
tags: "samfuran farko na kaishi, static site generator, mai samar da shafuka masu tsaye, samfuran farko, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Tags na shafin. (iyakar 160)
theme-color: "143, 250, 113" ## Launin jigo na shafin.
title: "Rubuce-rubuce" ## Take na shafin. (iyakar haruffa 64)
url: "https://kaishi.ng" ## URL na shafin.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Viewport na shafin.
# News - Bayanan News SiteMap (YAML).
news_genres: "Blog" ## Nau'ikan shafin. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "samfuran farko na kaishi, static site generator, mai samar da shafuka masu tsaye, samfuran farko, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Kalmomin bincike na shafin. (ana raba su da waƙafi, iyakar 10)
news_language: "ha" ## Harshen shafin. (na asali: 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>" ## Wurin hoto na shafin.
news_loc: "https://kaishi.ng" ## Wurin shafin.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Ranar buga shafin.
news_publication_name: "Kaishi" ## Sunan buga labarai na shafin.
news_title: "Rubuce-rubuce" ## Take na shafin. (iyakar haruffa 64)
# RSS - Bayanan RSS feed (YAML).
atom_link: https://kaishi.ng/rss.xml
category: "Fasaha"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: RSS feed don shafin
item_guid: "https://kaishi.ng/posts/index.html"
item_link: "https://kaishi.ng/posts/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Rubuce-rubuce"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.ng (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.ng
# Apple - Bayanan Apple (YAML).
apple_mobile_web_app_orientations: "portrait" ## Matsayin Apple mobile web app na shafin.
apple_touch_icon_sizes: "192x192" ## Girman Apple touch icon na shafin.
apple-mobile-web-app-capable: "yes" ## Ikon Apple mobile web app na shafin.
apple-mobile-web-app-status-bar-inset: "black" ## Inset na status bar na Apple mobile web app.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Salon status bar na Apple mobile web app.
apple-mobile-web-app-title: "Kaishi" ## Take na Apple mobile web app.
apple-touch-fullscreen: "yes" ## Fullscreen na Apple touch.
# MS Application - Bayanan MS Application (YAML).
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Bayanan Twitter Card (YAML).
## twitter_card - Nau'in Twitter Card na shafin.
twitter_card: "summary"
## twitter_creator - Mahaliccin Twitter Card na shafin.
twitter_creator: "janedoe"
## twitter_description - Bayanin Twitter Card na shafin.
twitter_description: "Duk Abin Da Kuke Buƙata Don Gina Shafin Yanar Gizo Mai Ban Sha'awa."
## twitter_image - Hoton Twitter Card na shafin.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Rubutun madadin hoton Twitter Card na shafin.
twitter_image_alt: "Tambarin Kaishi, samfurin farko don shafukan yanar gizo masu tsaye"
## twitter_site - Shafin Twitter na shafin.
twitter_site: "janedoe"
## twitter_title - Take na Twitter Card na shafin.
twitter_title: "Kaishi, Samfurin Farko na Static Site Generator"
## twitter_url - URL na Twitter Card na shafin.
twitter_url: "https://kaishi.ng"
# Humans.txt - Bayanan Humans.txt (YAML).
author_website: "https://cloudcdn.pro" ## Shafin marubucin shafin.
author_twitter: "@wwdseb" ## Twitter na marubucin shafin.
author_location: "London, UK" ## Wurin marubucin shafin.
thanks: "Na gode da karatu!" ## Godiya na shafin.
site_last_updated: "2025-01-01" ## Lokacin karshe da aka sabunta shafin.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Matakan shafin.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Sassan shafin.
site_software: "SSG, Rust" ## Software na shafin.
---
![Yanayi mai haske][00]
## Samfuran Farko
Dukkan samfuran farko, ko shafuka ne ko shafukan yanar gizo, an gina su daga farawa
ta amfani da ƙa'idodi da fasalulluka iri ɗaya. Wannan yana nufin kuna iya cakuda su
da juna cikin sauƙi don ƙirƙirar shimfidu da abun ciki na musamman.
### Shafuka
Fara da SSG ta amfani da kowane daga cikin Samfuran Farko namu don gina
shafin yanar gizonku ko aikace-aikacen yanar gizo. An tsara samfuran namu su zama masu sassauƙa kuma masu sauƙin gyara.
#### Fasalulluka na Samfuri
- **Ƙirar Mai Dacewa**: An tsara duk samfuran cikakke don su yi kyau a kowace na'ura.
- **Sassan Modular**: An gina samfuran da sassan modular, yana sa su zama masu sauƙin keɓantawa.
- **Kwalliya ta Zamani**: An ƙirƙira kowane samfuri tare da abubuwan zamani a cikin zuciya.
#### Farawa
Don farawa, zaɓi samfurin da ya dace da bukatun aikinku. Keɓance shi da abun cikinku, salo, da aiki.
1. **Zaɓi Samfuri**: Bincika cikin tarin mu kuma zaɓi wurin farawa.
2. **Keɓance**: Gyara shimfida, ƙara abun cikinku, kuma gyara salo.
3. **Kaddamarwa**: Tura sabon shafin yanar gizonku ko web app zuwa duniya.
### Shafukan Yanar Gizo
Gina shafi daga farawa na iya zama aiki mai wahala, amma samfuran farko namu suna sa shi sauƙi da madaidaici.
![Yanayi mai haske][00]
### Me ya sa za a yi amfani da samfuran mu?
- **Sauri**: Fara haɓakawa tare da ƙirar da aka riga aka tsara.
- **Inganci**: Samfuran masu inganci, masu kyau gwada suna tabbatar da dogaro.
- **Tallafi**: Tawagarmu a nan don taimakawa da kowane tambayoyi ko matsaloli.
### Keɓantawa
Keɓance samfuran don su dace da bukatunku na musamman. Yiwuwoyin ba su da iyaka!
#### Shawarwari don Keɓantawa
- **Fahimci Tsarin**: Saba kanku da tsari da sassan samfurin.
- **Gwada**: Kada ku ji tsoron gwada shimfidu da salo daban-daban.
- **Ra'ayoyi**: Nemi ra'ayoyi akan ƙirarku kuma ku maimaita bisa shigarwa.
## Ƙarshe
Tare da samfuran farko mu iri-iri, kuna da tushe mai ƙarfi don gina wani abu na musamman kuma da aka dace da bukatunku na musamman. Shiga ciki kuma fara ƙirƙira!
[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>