fuwari

Fuwari

Un modèle de blog statique construit avec Astro.

Démo Live (Vercel) / Ancienne version Hexo /中文/日本語/ 한국어 / Español / ไทย

Version LISEZMOI : 2024-09-10

Caractéristiques

• Construit avec Astro et Tailwind CSS

• Animations fluides et transitions de page

• Mode clair/sombre

• Couleurs de thème et bannière personnalisables

• Conception réactive

• Commentaires

• Recherche

• Table des matières

Comment utiliser

1. Générez un nouveau référentiel à partir de ce modèle ou forkez ce référentiel.

2. Pour éditer votre blog localement, clonez votre référentiel, exécutez pnpm install ET pnpm add sharp pour installer les dépendances.

• Installez pnpm npm install -g pnpm si ce n'est pas le cas.

3. Modifiez le fichier de configuration src/config.ts pour personnaliser votre blog.

4. Exécutez pnpm new-post <filename> pour créer une nouvelle publication et modifiez-la dans src/content/posts/ .

5. Déployez votre blog sur Vercel, Netlify, GitHub Pages, etc. en suivant les guides. Vous devez modifier la configuration du site dans astro.config.mjs avant le déploiement.

Thème des messages

 ---titre : Mon premier article de blog publié : 2023-09-09description : Ceci est le premier article de mon nouveau blog Astro.image : ./cover.jpgtags : [Foo, Bar]catégorie : Front-enddraft : falselang : jp # Défini uniquement si la langue de la publication diffère de la langue du site dans `config.ts`---

Commandes

Toutes les commandes sont exécutées depuis la racine du projet, depuis un terminal :

Commande	Action
pnpm install ET pnpm add sharp	Installe les dépendances
pnpm dev	Démarre le serveur de développement local sur localhost:4321
pnpm build	Construisez votre site de production sur ./dist/
pnpm preview	Prévisualisez votre build localement, avant de le déployer
pnpm new-post <filename>	Créer un nouveau message
pnpm astro ...	Exécutez des commandes CLI comme astro add , astro check
pnpm astro --help	Obtenez de l'aide pour utiliser l'Astro CLI