Zdravo, svete

Ova objava postoji da bi blog_sr kolekcija imala nešto stvarno za upit. Obrišite je kada stignu vaši tekstovi — ili je zadržite kao referencu za oblik frontmatter podataka.

Frontmatter

Svako polje iznad validira šema iz content.config.ts. Dodavanje polja koje nije u šemi je u redu — samo neće biti tipizirano. Uklanjanje obaveznog polja obara build, što i jeste poenta.

draft: true drži objavu van produkcionih listinga. Filtrirajte po njemu kada pravite upit:

const { data: posts } = await useAsyncData('blog', () =>
  queryCollection('blog_sr')
    .where('draft', '=', false)
    .order('createdAt', 'DESC')
    .all(),
)

Pisanje

Markdown radi kako biste i očekivali — podebljano, kurziv, kôd u redu, i linkovi.

Citati se renderuju kroz prose komponente koje UI sloj isporučuje.

MDC je podržan, pa se svaka automatski uvezena Vue komponenta može koristiti direktno u telu teksta:

Slike

Istaknuta slika je URL za isporuku sa Cloudflare Images. Otpremite fajl, pa URL koji komanda ispiše stavite u image.src:

pnpm images:upload ./cover.png --kind cover --slug hello-world

Odatle ga čitaju i listing i zaglavlje objave. Zaglavlje ga prikazuje preko malog zamućenog pregleda, kao i svaku sliku u telu teksta koja pokazuje na Images, a kartice u listingu umesto toga učitavaju umanjenu verziju. Oboje su varijante istog URL-a, zbog čega fleksibilne varijante (flexible variants) moraju jednom da se uključe na nalogu.

Radi i putanja sa istog domena iz public/, samo bez zamućenog pregleda i umanjene verzije. Ceo tok obrade slika opisan je u docs/blog.md u repozitorijumu.

To je ceo krug: napišete fajl, dobijete tipiziran dokument spreman za upite.