Point Rouge 2.0

Astro 2.0 a été publié avec des fonctionnalités intéressantes, des modifications importantes, des améliorations DX, une meilleure superposition des erreurs, etc. Point Rouge profite de ces fonctionnalités intéressantes, en particulier l’API Content Collections.

Table des matières

Fonctionnalités et modifications

Frontmatters de type sécurisé et schéma de blog redéfini

Les contenus de Markdown de Point Rouge 2.0 sont désormais sécurisés grâce aux collections de contenu d’Astro. Le schéma du blog est défini à l’intérieur du src/content/_schemas.ts fichier.

Nouvelle page d’accueil pour le contenu du blog

Tous les articles du blog ont été déplacés de src/contents à src/content/blog répertoire.

Nouvelle API de récupération

Le contenu est maintenant récupéré avec getCollection fonction. Aucun chemin relatif vers le contenu ne doit plus être spécifié.

// old content fetching method
- const postImportResult = import.meta.glob<MarkdownInstance<Frontmatter>>(
  "../contents/**/**/*.md",);

// new content fetching method
+ const postImportResult = await getCollection("blog");

Logique de recherche modifiée pour un meilleur résultat de recherche

Dans l’ancienne version de Point Rouge, lorsque quelqu’un recherche un article, les critères de recherche qui seront recherchés sont title, description et headings (le titre désigne tous les titres h1 ~ h6 du billet de blog). Dans Point Rouge v2, uniquement title et description sera recherché au fur et à mesure que l’utilisateur tape.

Propriétés Frontmatter renommées

Les propriétés de frontmatter suivantes sont renommées.

Balise par défaut pour l’article de blog

Si un article de blog ne comporte aucune balise (en d’autres termes, la propriété frontmatter tags n’est pas spécifié), la balise par défaut others sera utilisé pour ce billet de blog. Mais vous pouvez définir la balise par défaut dans le /src/content/_schemas.ts fichier.

// src/contents/_schemas.ts
export const blogSchema = z.object({
  // ---
  // replace "others" with whatever you want
  tags: z.array(z.string()).default(["others"]),
  ogImage: z.string().optional(),
  description: z.string(),
});

Nouveau schéma de couleurs sombres prédéfini

Point Rouge v2 a une nouvelle palette de couleurs sombres (contraste élevé et faible contraste) basée sur le logo sombre d’Astro. Découvrez ce lien pour plus d’informations.

Tri automatique des classes

Point Rouge 2.0 inclut le tri automatique des classes avec Plugin TailwindCSS plus joli

Documents et README mis à jour

Tout le #docs articles de blog et LISEZMOI sont mis à jour pour cet Point Rouge v2.

Corrections de bugs

• corriger les balises cassées dans la page de l’article de blog
• dans une page de balises, la dernière partie du fil d’Ariane est désormais mise à jour en minuscules pour plus de cohérence
• exclure les brouillons de messages dans une page de balises
• correction du problème « la valeur onChange ne se met pas à jour » après le rechargement d’une page