Verzija: 2.0 · Datum: jul 2026
Cilj: informativni tekstovi (zdravlje, istorija, vodiči, načini pripreme
bez jednog recepta) sa pravom SEO šemom, sidebarom „Sadržaj” i vizuelnim
karticama podsekcija (obrazac: Srpska kafa, Turska kafa… na /kafa/).
Repo (logički): superkuvar/superkuvar.github.io, grana master
Repo (lokalno): /home/dj/repos/superkuvar.github.io
Layout: _layouts/article.html
Referenca: /otrovne-pecurke/ i /kafa/
Paralelni dokument: superkuvar.md (recepti; tamo je i tabela dimenzija
slika — slike.txt više ne postoji i ne citira se)
Changelog:
article_column i interno
linkovanje ubačeni u YAML šablon i checklist; dodata sekcija o tačnosti i
izvorima (YMYL); dodate smernice za obim; dodat mini primer skeleta.Jedini repo za rad: koren repoa superkuvar/superkuvar.github.io
(lokalno: /home/dj/repos/superkuvar.github.io).
Zabranjeno: rad u drugim klonovima, worktree folderima ili kopijama repoa
(npr. .grok/worktrees/...). Lokalni pregled uvek iz root foldera:
cd <root-repoa>
bundle exec jekyll serve --livereload
# → http://localhost:4000
Commit pre izmene: pre izmene bilo kog fajla taj fajl mora biti
commitovan. Ako nije, asistent ga prvo commituje
(git commit -m "backup: <fajl> pre izmene"), pa tek onda menja.
Commit posle izmene: odmah commituj sve izmenjene fajlove. Asistent ne ostavlja necommitovane izmene.
Push na live: asistent ne pushuje. Vlasnik pregleda (git status,
git diff, localhost) i sam radi git push origin master.
Ova uputstva (superkuvar.md, superkuvar.art.md): commituj ih pre i
posle izmene pravila; pri izmeni ažuriraj Changelog.
ČLANAK (layout: article) |
RECEPT (layout: post) |
|
|---|---|---|
| Sadržaj | više tema / sekcija u jednom tekstu | jedno jelo, jedan tok |
| Struktura tela | ## sekcije + ### kartice |
„Korak 1–N” sa step-N |
| Sastojci | nema „Potrebno je” | ingredients u YAML |
| Sidebar | sections: → panel „Sadržaj” |
sastojci |
| JSON-LD | Article (+ ItemList) | Recipe |
| Pod-teme | kartice (Srpska kafa stil) | — |
Piši članak kada:
Piši recept (po superkuvar.md) kada:
Desktop (grid kao kod recepta — .recipe-layout):
┌──────────────────┬─────────────────────────────────────┐
│ Sadržaj │ Uvodni pasus │
│ (sticky panel) │ ## Glavna sekcija │
│ │ ┌─ ### Srpska kafa (kartica) ───┐ │
│ • Sekcija │ │ 1. korak… slika desno → │ │
│ – Srpska kafa │ └───────────────────────────────┘ │
│ – Turska kafa │ ┌─ ### Turska kafa (kartica) ───┐ │
│ • Sledeća │ │ 1. korak… │ │
│ │ └───────────────────────────────┘ │
│ │ ## Sledeća sekcija … │
└──────────────────┴─────────────────────────────────────┘
Mobilni: sidebar „Sadržaj” iznad teksta, zatim hero i članak u jednoj koloni.
Iznad grida: breadcrumb, naslov (h1), description, meta (autor, datum, min čitanja), hero slika 16:9.
---
id: 123
title: NASLOV ČLANKA
date: 2020-01-03
author: ime
layout: article
permalink: /url-clanka/
published: true
description: >-
1–2 rečenice uvoda za Google i početak stranice, 120–220 znakova.
Šta je tema + zašto čitati. Ne „Sadržaj: …".
about: kafa # opciono; kratka fraza (2–4 reči, mala slova)
# za schema `about` — tema članka, ne rečenica
article_column: kuvarica # obavezno: kuvarica ili zdravlje (sekcija 12)
image: /wp-content/uploads/GODINA/slug.hero.jpg
og_image: /wp-content/uploads/GODINA/slug.og.jpg
card_image: /wp-content/uploads/GODINA/slug.kartica.jpg
categories:
- zdravlje
tags:
- konkretan-tag
sections:
- name: Glavna sekcija
id: glavna-sekcija
items:
- name: Podsekcija A
id: podsekcija-a
- name: Podsekcija B
id: podsekcija-b
- name: Druga sekcija
id: druga-sekcija
item_list: # opciono — sekcija 7
- name: Stavka za listu
description: Jedna rečenica.
---
| Polje | Pravilo |
|---|---|
layout |
uvek article |
description |
pravi uvod, 120–220 znakova; ne „Sadržaj: …” |
article_column |
kuvarica ili zdravlje — obavezno za svaki članak (sekcija 12) |
image |
slug.hero.jpg |
og_image |
slug.og.jpg |
card_image |
slug.kartica.jpg |
sections |
sidebar „Sadržaj” — obavezno za duže članke |
categories, tags |
konkretni tagovi, ne samo kategorija |
ingredients, instructions, prep_time, cook_time, total_time,
servings, nutrition
title, permalink, date, id, guid, author
sections — sidebar „Sadržaj”Sidebar se puni iz YAML polja sections:. Ne piši TOC u markdown telu.
id u YAML mora odgovarati anchoru u telu: ## Naslov {#id}srpska-kafa, amanita-phalloides,
zdravlje-i-kofeinname u sidebaru = kratki naslov za čitaoca (može srpski, sa kvačicama)items: = jedan ### u teluNapomena o sintaksi: {#id} posle naslova je kramdown atribut
(Jekyllov podrazumevani markdown). Radi samo u ovom repou/Jekyllu — na
GitHub previewu se prikazuje kao tekst, to je normalno.
sections:
- name: Načini kuvanja # ← ## u telu
id: nacini-kuvanja
items:
- name: Srpska kafa # ← ### u telu (kartica)
id: srpska-kafa
- name: Turska kafa
id: turska-kafa
Klik u sidebaru skroluje na #srpska-kafa.
Referentni izgled: /kafa/ — blokovi „Srpska kafa”, „Turska kafa”,
„Bosanska kafa”, „Ledena kafa”. Svaki novi članak sa više pod-tema mora
koristiti isti obrazac, ne običan tekst ili liste.
Layout (_layouts/article.html) i CSS (assets/css/superkuvar.css)
automatski pretvaraju svaki ### naslov koji je direktno dete glavnog
teksta u karticu (.article-subsection):
### mora biti na vrhu kolone teksta (sibling h2, ne unutar liste
ili drugog bloka)### ili ## ulazi u istu karticu (pasusi, liste, slike)### (npr. „Srpska kafa”, „Napoletana”,
„Amatoksini”){#srpska-kafa} = anchor za sidebar i skrolNe piši pod-teme kao bold, podnaslov u pasusu ili bullet listu — uvek ###.
| Element | Stil |
|---|---|
| Telo kartice | bela pozadina, senka, zaobljeni uglovi, tanka ivica |
Naslov (###) |
gradient traka (narandžasto → belo), narandžasta leva ivica 4px |
| Parna kartica (2., 4. …) | braon leva ivica, blago krem gradient |
| Numerisana lista u kartici | narandžasti brojevi (koraci postupka) |
| Slika u kartici (desktop ≥ 640px) | desno, max ~220px — prostor levo za reklamu |
| Slika u kartici (mobilni) | puna širina kartice |
Svaka varijanta / vrsta / pod-tema = jedan red u sections.items i
jedan ### blok u telu. Naslov u sidebaru i naslov kartice treba da se
poklapaju (sidebar „Srpska kafa” → ### Srpska kafa {#srpska-kafa}).
## Načini kuvanja {#nacini-kuvanja}
**Mera po šoljici:** 1 šoljica vode, 1 kašičica kafe…
(opšti uvod sekcije — **van** kartice, iznad prvog ###)
### Srpska kafa {#srpska-kafa}
1. Džezvu napuniti vodom…
2. …
### Turska kafa {#turska-kafa}
1. U džezvu staviti kafu i šećer…
2. …
Isti princip za enciklopediju (pečurke, pizze):
## Poznate pizze {#poznate-pizze}
Uvod sekcije jednom rečenicom.
### Napoletana {#napoletana}

Klasičan napuljski stil — beli luk u nadevu.
### Siciliana {#siciliana}

Ribani ovčji sir, slana riba, masline…
| Loše | Dobro |
|---|---|
**Srpska kafa** + pasus |
### Srpska kafa {#srpska-kafa} |
bullet lista varijanti pod ## |
svaka varijanta = poseban ### |
#### ili # za pod-temu |
samo ### za karticu |
### unutar numerisane liste |
### na početku, lista ispod |
| jedan dugačak pasus za sve vrste | jedna kartica po vrsti |
## Srpska kafa za varijantu |
## samo za poglavlje; varijanta = ### |
items: (varijante kafe, vrste pečuraka,
tipovi pizze, toksini, sorte…)### = jedan id u YAML-u## poglavlja (npr. „Načini kuvanja”, „Poznate pizze”) nisu kartice — to
su naslovi iznad grupe kartica. Opšti tekst sekcije (mere, uvod) ide
između ## i prvog ###, van kartica.
Sve ispod --- ide u desnu kolonu. Levi panel dolazi automatski iz YAML.
Vizuelni stil pod-tema — vidi sekciju 5.
| Nivo | Markdown | Uloga |
|---|---|---|
| h1 | — | ne piši — layout stavlja title |
| h2 | ## Sekcija {#id} |
poglavlje (Toksini, Načini kuvanja) |
| h3 | ### Podnaslov {#id} |
kartica — varijanta, vrsta, pod-tema |
Nikad # u telu — samo ## i ###.
## sekcija; ukupno okvirno 800–2000 reči. Kraće od
toga ne opravdava sidebar; duže — razmisli o podeli na dva članka (pitaj
vlasnika).###): 50–150 reči ili 3–8 numerisanih koraka. Ne prazne
kartice od jedne rečenice.Uvodni pasus (1–3 rečenice, drugačije formulisan od description)
## Prva sekcija {#prva-sekcija}
Uvod sekcije (opciono). Slija sekcije (opciono).
### Podsekcija A {#podsekcija-a} ← kartica
Tekst, numerisana lista ili pasusi.
### Podsekcija B {#podsekcija-b} ← kartica
…
**Upozorenje:** ili **Napomena:** — automatski narandžasti callout blok.
## Zaključak {#zakljucak}
…
##description reč po reč### = koraci postupka (kafa, pripreme)### = objašnjenje (toksini, zdravlje, istorija)### ili posle kratkog uvodaPočni pasus sa:
**Upozorenje:** tekst…
**Napomena:** tekst…
Layout automatski dodaje narandžasti blok (kao Legir kod recepta). Callout
ne ide unutar ### kartice ako važi za celu sekciju — stavi ga pre ##
ili između ## i prvog ###.
<nav> / ručni sadržaj**Korak 1.** i <span id="step-N"><script> blokovi# naslovi prvog nivoa### za pod-teme (gubi se vizuelni stil kartica)item_list — SEO lista (opciono)Kad članak ima nabrajanje stavki (vrste kafe, otrovne pečurke, sorte…),
dodaj item_list: u YAML. Layout emituje ItemList JSON-LD.
item_list:
- name: Srpska kafa
description: Voda i šećer prvo do ključanja…
- name: Turska kafa
description: Kafa i šećer u hladnu vodu…
Stavke u item_list treba da odgovaraju ### podsekcijama ili glavnim
temama članka. description = jedna kratka rečenica.
Automatski iz _layouts/article.html:
| Schema | Kada |
| —— | —- |
| Article | uvek |
| ItemList | ako postoji item_list: |
| BlogPosting | jekyll-seo-tag (`
`) — duplo je OK |
Ne koristiti: Recipe (lažan recept), MedicalWebPage (YMYL).
description u YAML = meta description i og:description (ne TOC).
Za članke je article layout bolji za SEO od starog layout: post sa
praznim Recipe schema.
Članci o zdravlju, ishrani i bezbednosti (otrovne pečurke!) su YMYL sadržaj — greška može naneti stvarnu štetu čitaocu. Zato:
article_column: zdravlje) završavaju se kratkom
napomenom da tekst ima informativni karakter i ne zamenjuje savet lekara.Ova sekcija ima prednost nad SEO ciljevima: bolje kraći i tačan članak nego dugačak i izmišljen.
Dimenzije, imena i AI promptovi su isti kao za recepte — vidi
superkuvar.md, Korak 4 (tabela) i sekciju 4 (promptovi i zabrane:
bez escajga, plastičnih i metalnih poslužavnica, bez teksta).
| Fajl | Dimenzija | YAML / upotreba |
|---|---|---|
slug.hero.jpg |
1200×675 | image: |
slug.hero.800.jpg |
800×450 | srcset (automatski) |
slug.og.jpg |
1200×630 | og_image: |
slug.kartica.jpg |
800×600 | card_image: |
Slug: latinica, tačke, mala slova, bez kvačica — npr. otrovne.pecurke,
kafa.
### kartice (posle naslova ili kratkog uvoda)Hero slika = jedna na vrhu stranice (iz YAML image:); ne duplirati u telu
osim ako ilustruje sekciju.
## (layout)Article layout je čistiji za reklame od starog teksta sa ručnim slotovima.
article_columnNa listi članaka (clanci.md, layout articles) filter deli sadržaj u dve
kolone. Svaki članak mora imati u YAML:
article_column: kuvarica # ili zdravlje
article_column |
Sadržaj |
|---|---|
kuvarica |
tehnike kuvanja, sastojci, zimnica, post, tradicija, bezbednost |
zdravlje |
vitamini, prevencija, biljke, suplementi |
Kartica na /clanci/ prikazuje tag Kuvarica ili Zdravlje. Opis
stranice /clanci/ obuhvata zdravlje, ishranu, tehnike kuvanja, sastojke,
tradiciju i bezbednost — ne samo zdravlje.
Svaki novi članak linkuje 5–10 postojećih recepata sa superkuvar.com,
relativnim permalincima (npr. [sarma](/sarma/)), prirodno u tekstu —
ne kao spisak linkova na kraju. Linkuj samo recepte koji stvarno postoje u
_posts/ (proveri permalink pre linkovanja; ne izmišljaj URL-ove).
Članci (layout: article) i postovi u kategoriji zdravlje ne ulaze u
„Najnoviji recepti” na početnoj. Novi članak: layout: article → automatski
isključen sa home.
/otrovne-pecurke/sections: Toksini (6 toksina) + Najotrovnije (4 vrste) + Zaključakitem_list: 4 vrste pečuraka## poglavlja; svaki toksin i svaka vrsta = ### kartica### kartica; obavezno Upozorenje: (sekcija 9)/kafa/sections: O kafi, Prženje, Ječam, Načini kuvanja (4 varijante), Dekafitem_list: 4 načina kuvanja### kartice +
numerisani koraci — kopiraj ovaj vizuelni obrazacnapici (ne mora biti zdravlje); article_column: kuvarica/pizza-istoria/sections: Počeci, Napulj, Poznate pizze (4 vrste u items)### kartice sa slikama---
id: 456
title: DOMAĆA KAFA — VODIČ
date: 2026-07-01
author: ime
layout: article
permalink: /kafa-vodic/
published: true
description: >-
Vodič kroz načine pripreme domaće kafe — srpska, turska i ledena varijanta,
sa koracima i merama po šoljici.
about: priprema kafe
article_column: kuvarica
image: /wp-content/uploads/2026/kafa.vodic.hero.jpg
og_image: /wp-content/uploads/2026/kafa.vodic.og.jpg
card_image: /wp-content/uploads/2026/kafa.vodic.kartica.jpg
categories:
- napici
tags:
- kafa
sections:
- name: Načini kuvanja
id: nacini-kuvanja
items:
- name: Srpska kafa
id: srpska-kafa
- name: Turska kafa
id: turska-kafa
item_list:
- name: Srpska kafa
description: Voda i šećer prvo do ključanja, pa kafa.
- name: Turska kafa
description: Kafa i šećer u hladnu vodu, kuva se zajedno.
---
Malo koje piće prati domaću trpezu kao kafa — evo kako se sprema na dva
tradicionalna načina.
## Načini kuvanja {#nacini-kuvanja}
**Mera po šoljici:** 1 šoljica vode, 1 puna kašičica kafe.
### Srpska kafa {#srpska-kafa}
1. Džezvu napuniti vodom i dodati šećer po ukusu…
2. …
Uz srpsku kafu odlično ide [vanilice](/vanilice/) ili [baklava](/baklava/).
### Turska kafa {#turska-kafa}
1. U džezvu staviti kafu i šećer, naliti hladnom vodom…
2. …
YAML:
layout: articledescription = pravi uvod, 120–220 znakova (ne sadržaj)article_column: kuvarica ili zdravljesections: — svaki id ima odgovarajući ## {#id} ili ### {#id}
u telu; id-jevi bez kvačicaimage, og_image, card_image)item_list (ako članak nabraja stavke) odgovara ### karticamalayout: posttitle, permalink, date, id, guid, author netaknuti
(kod renovacije)Telo:
## (nije kopija description)sections.items = ### kartica (obrazac Srpska kafa)### za varijante i pod-teme (sekcija 5)# naslova, nema AdSenseProvera lokalno:
bundle exec jekyll serve → http://localhost:4000/url//kafa/)cd <root-repoa>
git add _posts/ime-clanka.md wp-content/uploads/GODINA/slug.*
git commit -m "Članak: NASLOV — article layout i sekcije"
Ne radi git push — vlasnik pregleda i sam pushuje na live.
Uključi u commit i izmene u superkuvar.art.md / superkuvar.md ako su
ažurirana pravila rada.
Superkuvar — novi ili renoviran članak po superkuvar.art.md
Fajl: _posts/....md
URL: https://superkuvar.com/...
- layout: article
- YAML: description, article_column, sections (sa items), hero set,
about i item_list po potrebi
- Telo: uvod + ## sekcije + ### kartice {#id} (stil kao Srpska/Turska kafa)
- Svaka stavka u sections.items = ### kartica — ne bold, ne bullet lista
- Poštuj sekciju 5 (kartice), sekciju 9 (YMYL/tačnost) i sekciju 12
(article_column + 5–10 linkova ka receptima)
- Bez TOC u telu, bez Recipe polja, bez AdSense
- NE menjaj: title, permalink, date, id
- Commit (bez push — vlasnik pushuje)
- Repo: root repoa superkuvar/superkuvar.github.io (ne drugi klon)
| Pitanje | Odgovor |
|---|---|
| Kafa — recept ili članak? | Članak (više varijanti + enciklopedija) |
| Gde ide sadržaj (TOC)? | YAML sections:, panel „Sadržaj” |
| Kako istaknuti pod-teme? | ### + {#id} → kartice (Srpska kafa obrazac) |
| Vizuelni stil varijanti? | uvek ### kartice — ne bold, ne bullet pod ## |
| Referenca za kartice? | /kafa/ (Srpska, Turska, Bosanska, Ledena) |
| Vrste u sidebaru? | items: pod roditeljskom sekcijom = isti naslovi kao ### |
| SEO schema? | Article + opciono ItemList |
| Slike u podsekciji? | unutar ### kartice; desno na desktopu (sekcija 5) |
| Dimenzije slika? | superkuvar.md, Korak 4 (slike.txt ne postoji) |
| Pizza? | recept (post) — jedan tok koraka |
| Zdravstvene tvrdnje? | samo proverene; bez saveta — sekcija 9 |
| superkuvar.art.md u git-u? | da — commituj pre/posle izmene pravila |
| Push na live? | ne — samo vlasnik, posle pregleda |
| Početna „Najnoviji recepti”? | layout: article i kategorija zdravlje se preskaču |
superkuvar.com · Uputstvo za članke (article)