Esimerkki blogikirjoituksen ominaisuuksista

Tämä on sivuston yksittäinen julkaistu esimerkkikirjoitus. Se ei ole kaikkien kirjoitusten pohja, vaan tiivis referenssi siitä, mitä blogikirjoitus voi sisältää, kun oikea artikkeli tarvitsee enemmän kuin tavallisia tekstikappaleita.

Pikakatsaus

Kirjoitus voi yhdistää vahvaa korostusta, kevyttä korostusta, sisäisiä linkkejä ja rivinsisäistä koodia, kuten getCollection("blog"), ilman erillisiä komponentteja.

• Frontmatter määrittää kielen, käännösavaimen, URL-polun, otsikon, kuvauksen, julkaisu- ja päivityspäivän, tagit, luonnostilan ja esikatselukuvan.
• Markdown hoitaa otsikot, kuvat, listat, taulukot, lainaukset ja koodilohkot.
• Blogiarkisto, kirjoitussivut, RSS-syöte, sivukartta ja artikkelimetatiedot syntyvät samasta sisältömerkinnästä.

Tarkistuslista

• Näytä metatiedot sivun yläosassa ja strukturoidussa datassa.
• Renderöi leveä kuva artikkelin sisällä.
• Pidä koodiesimerkit luettavina kapeilla näytöillä.
• Korvaa esimerkki oikealla kirjoituksella, kun blogi on valmis.

Lyhyt työnkulku

1. Kirjoita yksi Markdown-tiedosto jokaista kieltä varten.
2. Anna käännetyille tiedostoille sama translationKey.
3. Käytä kielikohtaista slug-, title-, description- ja tags-metatietoa.
4. Aja build, jotta Astro validoi sisältökokoelman.

Hyvä esimerkki on tarpeeksi konkreettinen testaamaan taittoa, mutta tarpeeksi pieni, jotta oikea sisältö voi korvata sen ilman erillistä siivousprojektia.

Koodiesimerkki

const postFeatures = {
  metadata: ["lang", "translationKey", "slug", "title", "description", "pubDate", "updatedDate", "tags", "heroImage"],
  markdown: ["images", "lists", "tables", "quotes", "code"],
  output: ["static page", "RSS item", "sitemap URL", "article schema"],
};

export const isShowcaseReady = postFeatures.markdown.includes("tables");

Vertailutaulukko

Ominaisuus	Mistä se tulee	Mihin sitä käytetään
translationKey	Jaettu frontmatter	Ryhmittelee englannin- ja suomenkielisen version yhteen
slug	Kielikohtainen frontmatter	Luo julkisen URL-polun kyseiselle kielelle
Tagit	Frontmatter-taulukko	Aihemerkinnät korteissa ja kirjoitussivuilla
Koodilohkot	Markdown-sisältö	Tekniset esimerkit vaakavierityksellä

Toinen kuva

Viimeinen kappale pitää esimerkin tiiviinä ja varmistaa samalla, että tavallinen teksti jatkuu siististi rikkaampien lohkojen jälkeen.