[{"content":" Blowfish regorge de fonctionnalités. L\u0026rsquo;objectif initial de Blowfish était de développer un thème simple et léger. Le thème est un fork de Congo et étend sa vision initiale.\nTailwind CSS 3.0 # Tailwind CSS est au cœur de Blowfish et cette version contient la toute dernière Tailwind CSS version 3. Elle apporte des optimisations de performances et la prise en charge de nouvelles fonctionnalités CSS intéressantes.\nSupport multilingue # Une fonctionnalité très demandée : Blowfish est maintenant multilingue ! Si vous publiez votre contenu dans plusieurs langues, le site sera construit avec toutes les traductions disponibles.\n🇬🇧 🇩🇪 🇫🇷 🇪🇸 🇨🇳 🇧🇷 🇹🇷 🇧🇩 Grâce aux contributions de la communauté, Blowfish a déjà été traduit en trente langues, et d\u0026rsquo;autres seront ajoutées au fil du temps. D\u0026rsquo;ailleurs, les pull requests pour de nouvelles langues sont toujours les bienvenues !\nSupport des langues RTL # L\u0026rsquo;un des avantages des nouvelles fonctionnalités Tailwind et multilingues est la possibilité d\u0026rsquo;ajouter le support des langues RTL. Lorsqu\u0026rsquo;elle est activée, tout le contenu du site sera réorganisé de droite à gauche. Chaque élément du thème a été restylé pour s\u0026rsquo;assurer qu\u0026rsquo;il a fière allure dans ce mode, ce qui aide les auteurs qui souhaitent générer du contenu dans des langues RTL.\nLe RTL est contrôlé par langue, vous pouvez donc mélanger du contenu RTL et LTR dans vos projets et le thème répondra en conséquence.\nRedimensionnement automatique des images # Un grand changement dans Blowfish 2.0 est l\u0026rsquo;ajout du redimensionnement automatique des images. En utilisant la puissance de Hugo Pipes, les images dans le contenu Markdown sont maintenant automatiquement redimensionnées à différentes tailles de sortie. Celles-ci sont ensuite présentées en utilisant les attributs HTML srcset, permettant de servir des tailles de fichiers optimisées à vos visiteurs.\n\u0026lt;!-- Markdown: ![Mon image](image.jpg) --\u0026gt; \u0026lt;img srcset=\u0026#34; /image_320x0_resize_q75_box.jpg 320w, /image_635x0_resize_q75_box.jpg 635w, /image_1024x0_resize_q75_box.jpg 1024w\u0026#34; src=\u0026#34;/image_635x0_resize_q75_box.jpg\u0026#34; alt=\u0026#34;Mon image\u0026#34; /\u0026gt; Le meilleur, c\u0026rsquo;est qu\u0026rsquo;il n\u0026rsquo;y a rien à changer ! Utilisez simplement la syntaxe d\u0026rsquo;image Markdown standard et laissez le thème faire le reste. Si vous voulez un peu plus de contrôle, le shortcode figure a été entièrement réécrit pour offrir les mêmes avantages de redimensionnement.\nRecherche sur le site # Alimentée par Fuse.js, la recherche sur le site permet aux visiteurs de trouver rapidement et facilement votre contenu. Toutes les recherches sont effectuées côté client, ce qui signifie qu\u0026rsquo;il n\u0026rsquo;y a rien à configurer sur le serveur et que les requêtes sont exécutées super rapidement. Activez simplement la fonctionnalité dans la configuration de votre site et c\u0026rsquo;est tout. Ah, et elle prend également en charge la navigation complète au clavier !\nTables des matières # Une fonctionnalité très demandée : Blowfish prend maintenant en charge les tables des matières sur les pages d\u0026rsquo;articles. Vous pouvez la voir en action sur cette page. Le contenu est entièrement responsive et s\u0026rsquo;adaptera pour tirer parti de l\u0026rsquo;espace disponible à différentes résolutions d\u0026rsquo;écran.\nDisponible globalement ou par article, la table des matières peut être entièrement personnalisée en utilisant les valeurs de configuration standard de Hugo, vous permettant d\u0026rsquo;adapter le comportement à votre projet.\nAméliorations de l\u0026rsquo;accessibilité # De l\u0026rsquo;ajout de descriptions ARIA à plus d\u0026rsquo;éléments au simple ajustement du contraste de certains éléments de texte, cette version est la plus accessible à ce jour.\nLa version 2 introduit également des liens \u0026ldquo;passer au contenu\u0026rdquo; et \u0026ldquo;retour en haut\u0026rdquo; qui permettent une navigation rapide. Il y a également des raccourcis clavier pour activer des éléments comme la recherche sans avoir à utiliser la souris.\nLes nouvelles fonctionnalités de redimensionnement d\u0026rsquo;images offrent également un contrôle total sur les éléments alt et title, permettant une expérience accessible pour tous les visiteurs.\nEt bien plus encore # Il y a d\u0026rsquo;innombrables autres fonctionnalités à explorer. De la possibilité d\u0026rsquo;afficher des taxonomies sur les articles et les pages de liste, à l\u0026rsquo;utilisation du nouveau paramètre d\u0026rsquo;auteur headline pour personnaliser votre page d\u0026rsquo;accueil. Il y a également des données structurées JSON-LD améliorées qui optimisent davantage les performances SEO.\n","externalUrl":null,"permalink":"/fr/docs/welcome/","section":"Documentation","summary":" Blowfish regorge de fonctionnalités. L’objectif initial de Blowfish était de développer un thème simple et léger. Le thème est un fork de Congo et étend sa vision initiale.\n","title":"Bienvenue sur Blowfish","type":"docs"},{"content":"","externalUrl":"https://n9o.xyz","permalink":"/fr/users/0-e8b2eb823290677fbba3390d5cef2c35/","section":"Utilisateurs","summary":"","title":"n9o.xyz","type":"users"},{"content":"Suivez simplement la procédure standard Hugo Démarrage Rapide pour être opérationnel rapidement.\nDes instructions d\u0026rsquo;installation détaillées sont disponibles ci-dessous. Des instructions pour mettre à jour le thème sont également disponibles.\nInstallation # Ces instructions vous permettront de démarrer avec Hugo et Blowfish à partir d\u0026rsquo;un état complètement vierge. La plupart des dépendances mentionnées dans ce guide peuvent être installées à l\u0026rsquo;aide du gestionnaire de paquets de votre choix pour votre plateforme.\nInstaller Hugo # Si vous n\u0026rsquo;avez jamais utilisé Hugo auparavant, vous devrez l\u0026rsquo;installer sur votre machine locale. Vous pouvez vérifier s\u0026rsquo;il est déjà installé en exécutant la commande hugo version.\nAssurez-vous d\u0026rsquo;utiliser Hugo version 0.141.0 ou ultérieure car le thème tire parti de certaines des dernières fonctionnalités de Hugo. Vous pouvez trouver des instructions d\u0026rsquo;installation détaillées pour votre plateforme dans la documentation Hugo.\nBlowfish Tools (recommandé) # Nous venons de lancer un nouvel outil CLI pour vous aider à démarrer avec Blowfish. Il créera un nouveau projet Hugo, installera le thème et configurera les fichiers de configuration du thème pour vous. Il est encore en bêta, veuillez donc signaler tout problème que vous rencontrez.\nInstallez l\u0026rsquo;outil CLI globalement en utilisant npm (ou un autre gestionnaire de paquets) :\nnpx blowfish-tools ou\nnpm i -g blowfish-tools Exécutez ensuite la commande blowfish-tools pour démarrer une exécution interactive qui vous guidera à travers les cas d\u0026rsquo;utilisation de création et de configuration.\nblowfish-tools Vous pouvez également exécuter la commande blowfish-tools new pour créer un nouveau projet Hugo et installer le thème en une seule fois. Consultez l\u0026rsquo;aide CLI pour plus d\u0026rsquo;informations.\nblowfish-tools new mynewsite Voici une courte vidéo montrant à quelle vitesse vous pouvez démarrer avec Blowfish en utilisant l\u0026rsquo;outil CLI :\nInstallation sans CLI # Créer un nouveau site # Exécutez la commande hugo new site mywebsite pour créer un nouveau site Hugo dans un répertoire nommé mywebsite.\nNotez que vous pouvez nommer le répertoire du projet comme vous le souhaitez, mais les instructions ci-dessous supposent qu\u0026rsquo;il s\u0026rsquo;appelle mywebsite. Si vous utilisez un autre nom, assurez-vous de le remplacer en conséquence.\nTélécharger le thème Blowfish # Il existe plusieurs façons d\u0026rsquo;installer le thème Blowfish dans votre site Hugo. De la plus facile à la plus difficile à installer et à maintenir, ce sont :\nSous-module Git (recommandé) Module Hugo Copie manuelle des fichiers Si vous n\u0026rsquo;êtes pas sûr, choisissez la méthode du sous-module Git.\nInstallation avec Git # Cette méthode est la plus rapide et la plus facile pour maintenir le thème à jour. En plus de Hugo et Go, vous devez également vous assurer que Git est installé sur votre machine locale.\nAccédez au répertoire de votre site Hugo (que vous avez créé ci-dessus), initialisez un nouveau dépôt git et ajoutez Blowfish comme sous-module.\ncd mywebsite git init git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish Continuez ensuite à configurer les fichiers de configuration du thème.\nInstallation avec Hugo # Pour cette méthode, vous utiliserez Hugo pour gérer vos thèmes. Hugo utilise Go pour initialiser et gérer les modules, assurez-vous donc d\u0026rsquo;avoir go installé avant de continuer.\nTéléchargez et installez Go. Vous pouvez vérifier s\u0026rsquo;il est déjà installé en utilisant la commande go version.\nAssurez-vous d\u0026rsquo;utiliser Go version 1.12 ou ultérieure car Hugo l\u0026rsquo;exige pour que les modules fonctionnent correctement. Depuis le répertoire de votre projet Hugo (que vous avez créé ci-dessus), initialisez les modules pour votre site :\n# Si vous gérez votre projet sur GitHub hugo mod init github.com/\u0026lt;username\u0026gt;/\u0026lt;repo-name\u0026gt; # Si vous gérez votre projet localement hugo mod init my-project Ajoutez le thème à votre configuration en créant un nouveau fichier config/_default/module.toml et en ajoutant ce qui suit :\n[[imports]] disable = false path = \u0026#34;github.com/nunocoracao/blowfish/v2\u0026#34; Démarrez votre serveur en utilisant hugo server et le thème sera téléchargé automatiquement.\nContinuez à configurer les fichiers de configuration du thème.\nInstallation manuelle # Téléchargez la dernière version du code source du thème.\nTélécharger depuis Github Extrayez l\u0026rsquo;archive, renommez le dossier en blowfish et déplacez-le dans le répertoire themes/ à l\u0026rsquo;intérieur du dossier racine de votre projet Hugo.\nContinuez à configurer les fichiers de configuration du thème.\nConfigurer les fichiers de configuration du thème # Dans le dossier racine de votre site, supprimez le fichier hugo.toml qui a été généré par Hugo. Copiez les fichiers de configuration *.toml du thème dans votre dossier config/_default/. Cela garantira que vous avez tous les paramètres de thème corrects et vous permettra de personnaliser facilement le thème selon vos besoins.\nNote : Vous ne devez pas écraser le fichier module.toml si un existe déjà dans votre projet ! Selon la façon dont vous avez installé le thème, vous trouverez les fichiers de configuration du thème à différents endroits :\nModules Hugo : Dans le répertoire de cache Hugo, ou téléchargez une copie depuis GitHub Sous-module Git ou installation manuelle : themes/blowfish/config/_default Une fois que vous avez copié les fichiers, votre dossier de configuration devrait ressembler à ceci :\nconfig/_default/ ├─ hugo.toml ├─ languages.en.toml ├─ markup.toml ├─ menus.en.toml ├─ module.toml # si vous avez installé en utilisant les modules Hugo └─ params.toml Important : Si vous n\u0026rsquo;avez pas utilisé les modules Hugo pour installer Blowfish, vous devez ajouter la ligne theme = \u0026quot;blowfish\u0026quot; en haut de votre fichier hugo.toml. Étapes suivantes # L\u0026rsquo;installation de base de Blowfish est maintenant terminée. Continuez vers la section Premiers Pas pour en savoir plus sur la configuration du thème.\nInstallation des mises à jour # De temps en temps, de nouvelles versions seront publiées avec des corrections de bugs et de nouvelles fonctionnalités pour le thème. Pour profiter de ces changements, vous devrez mettre à jour les fichiers du thème sur votre site.\nLa façon de procéder dépendra de la méthode d\u0026rsquo;installation que vous avez choisie lors de l\u0026rsquo;installation initiale du thème. Les instructions pour chaque méthode sont disponibles ci-dessous.\nSous-module Git Module Hugo Copie manuelle des fichiers Mise à jour avec Git # Les sous-modules Git peuvent être mis à jour en utilisant la commande git. Exécutez simplement la commande suivante et la dernière version du thème sera téléchargée dans votre dépôt local :\ngit submodule update --remote --merge Une fois le sous-module mis à jour, reconstruisez votre site et vérifiez que tout fonctionne comme prévu.\nMise à jour avec Hugo # Hugo rend la mise à jour des modules super facile. Accédez simplement à votre répertoire de projet et exécutez la commande suivante :\nhugo mod get -u Hugo mettra automatiquement à jour tous les modules requis pour votre projet. Il le fait en inspectant vos fichiers module.toml et go.mod. Si vous avez des problèmes avec la mise à jour, vérifiez que ces fichiers sont toujours configurés correctement.\nReconstruisez ensuite simplement votre site et vérifiez que tout fonctionne comme prévu.\nMise à jour manuelle # La mise à jour manuelle de Blowfish nécessite de télécharger la dernière copie du thème et de remplacer l\u0026rsquo;ancienne version dans votre projet.\nNotez que toutes les personnalisations locales que vous avez apportées aux fichiers du thème seront perdues au cours de ce processus. Téléchargez la dernière version du code source du thème.\nTélécharger depuis Github Extrayez l\u0026rsquo;archive, renommez le dossier en blowfish et déplacez-le dans le répertoire themes/ à l\u0026rsquo;intérieur du dossier racine de votre projet Hugo. Vous devrez écraser le répertoire existant pour remplacer tous les fichiers du thème.\nReconstruisez votre site et vérifiez que tout fonctionne comme prévu.\n","externalUrl":null,"permalink":"/fr/docs/installation/","section":"Documentation","summary":"Suivez simplement la procédure standard Hugo Démarrage Rapide pour être opérationnel rapidement.\nDes instructions d’installation détaillées sont disponibles ci-dessous. Des instructions pour mettre à jour le thème sont également disponibles.\nInstallation # Ces instructions vous permettront de démarrer avec Hugo et Blowfish à partir d’un état complètement vierge. La plupart des dépendances mentionnées dans ce guide peuvent être installées à l’aide du gestionnaire de paquets de votre choix pour votre plateforme.\n","title":"Installation","type":"docs"},{"content":"","externalUrl":"https://madoke.org/","permalink":"/fr/users/1-96d3e57dcc931de55cc23a825d40be2c/","section":"Utilisateurs","summary":"","title":"madoke.org","type":"users"},{"content":"","externalUrl":"https://code-chimp.com","permalink":"/fr/users/2-4bc0917e04c4859cedb32a48bff27846/","section":"Utilisateurs","summary":"","title":"code-chimp.com","type":"users"},{"content":" Cette section suppose que vous avez déjà installé le thème Blowfish. Nous venons de lancer un outil CLI pour vous aider à démarrer avec Blowfish. Il vous aidera avec l\u0026rsquo;installation et la configuration. Installez l\u0026rsquo;outil CLI globalement en utilisant :\nnpx blowfish-tools Les fichiers de configuration livrés avec Blowfish contiennent tous les paramètres possibles que le thème reconnaît. Par défaut, beaucoup d\u0026rsquo;entre eux sont commentés, mais vous pouvez simplement les décommenter pour activer ou modifier une fonctionnalité spécifique.\nConfiguration de base # Avant de créer du contenu, il y a quelques éléments à définir pour une nouvelle installation. En commençant par le fichier hugo.toml, définissez les paramètres baseURL et languageCode. Le languageCode doit être défini sur la langue principale que vous utiliserez pour rédiger votre contenu.\n# config/_default/hugo.toml baseURL = \u0026#34;https://your_domain.com/\u0026#34; languageCode = \u0026#34;fr\u0026#34; L\u0026rsquo;étape suivante consiste à configurer les paramètres de langue. Bien que Blowfish prenne en charge les configurations multilingues, pour l\u0026rsquo;instant, configurez simplement la langue principale.\nLocalisez le fichier languages.en.toml dans le dossier de configuration. Si votre langue principale est l\u0026rsquo;anglais, vous pouvez utiliser ce fichier tel quel. Sinon, renommez-le pour qu\u0026rsquo;il inclue le code de langue correct dans le nom du fichier. Par exemple, pour le français, renommez le fichier en languages.fr.toml.\nNotez que le code de langue dans le nom du fichier de configuration de langue doit correspondre au paramètre languageCode dans hugo.toml. # config/_default/languages.fr.toml title = \u0026#34;Mon super site web\u0026#34; [params.author] name = \u0026#34;Mon nom\u0026#34; image = \u0026#34;img/author.jpg\u0026#34; headline = \u0026#34;Un être humain généralement génial\u0026#34; bio = \u0026#34;Un peu sur moi\u0026#34; links = [ { twitter = \u0026#34;https://twitter.com/username\u0026#34; } ] La configuration [params.author] détermine comment les informations de l\u0026rsquo;auteur sont affichées sur le site. L\u0026rsquo;image doit être placée dans le dossier assets/ du site. Les liens seront affichés dans l\u0026rsquo;ordre où ils sont listés.\nSi vous avez besoin de plus de détails, des informations supplémentaires sur chacune de ces options de configuration sont couvertes dans la section Configuration.\nSchémas de couleurs # Blowfish est livré avec plusieurs schémas de couleurs prêts à l\u0026rsquo;emploi. Vous pouvez essayer les schémas intégrés ci-dessous :\nautumn avocado bloody blowfish congo fire forest github marvel neon noir one-light princess slate terminal # config/_default/params.toml colorScheme = \u0026#34;blowfish\u0026#34; Chaque schéma de couleurs dans Blowfish est construit sur une palette de trois couleurs utilisée de manière cohérente dans tout le thème. Chacune de ces couleurs principales est basée sur les palettes de couleurs à dix nuances incluses dans Tailwind CSS.\nBien que ce soient les schémas par défaut, vous pouvez également créer les vôtres. Consultez la section Personnalisation avancée pour plus de détails.\nOrganisation du contenu # Par défaut, Blowfish ne vous oblige pas à utiliser un type de contenu particulier. Ce faisant, vous êtes libre de définir votre contenu comme vous le souhaitez. Vous pourriez préférer des pages pour un site statique, des articles pour un blog, ou des projets pour un portfolio.\nVoici un aperçu rapide d\u0026rsquo;un projet Blowfish de base. Tout le contenu est placé dans le dossier content :\n. ├── assets │ └── img │ └── author.jpg ├── config │ └── _default ├── content │ ├── _index.md │ ├── about.md │ └── posts │ ├── _index.md │ ├── first-post.md │ └── another-post │ ├── aardvark.jpg │ └── index.md └── themes └── blowfish Il est important d\u0026rsquo;avoir une bonne compréhension de la façon dont Hugo s\u0026rsquo;attend à ce que le contenu soit organisé, car le thème est conçu pour tirer pleinement parti des bundles de pages Hugo. Assurez-vous de lire la documentation officielle Hugo pour plus d\u0026rsquo;informations.\nBlowfish est également flexible en ce qui concerne les taxonomies. Certaines personnes préfèrent utiliser des tags et des catégories pour regrouper leur contenu, d\u0026rsquo;autres préfèrent utiliser des sujets.\nHugo utilise par défaut les posts, tags et catégories, et cela fonctionnera bien si c\u0026rsquo;est ce que vous voulez. Si vous souhaitez personnaliser cela, vous pouvez le faire en créant un fichier de configuration taxonomies.toml :\n# config/_default/taxonomies.toml topic = \u0026#34;topics\u0026#34; Cela remplacera les tags et catégories par défaut par des sujets. Consultez la documentation des taxonomies Hugo pour plus d\u0026rsquo;informations sur la dénomination des taxonomies.\nLorsque vous créez une nouvelle taxonomie, vous devrez ajuster les liens de navigation sur le site pour pointer vers les bonnes sections, ce qui est couvert ci-dessous.\nMenus # Blowfish dispose de deux menus qui peuvent être personnalisés pour s\u0026rsquo;adapter au contenu et à la mise en page de votre site. Le menu main apparaît dans l\u0026rsquo;en-tête du site et le menu footer apparaît en bas de la page, juste avant la mention de copyright.\nLes deux menus sont configurés dans le fichier menus.fr.toml. De même que pour le fichier de configuration de langue, si vous souhaitez utiliser une autre langue, renommez ce fichier et remplacez en par le code de langue que vous souhaitez utiliser.\n# config/_default/menus.toml [[main]] name = \u0026#34;Blog\u0026#34; pageRef = \u0026#34;posts\u0026#34; weight = 10 [[main]] name = \u0026#34;Sujets\u0026#34; pageRef = \u0026#34;topics\u0026#34; weight = 20 [[main]] pre = \u0026#34;github\u0026#34; name = \u0026#34;GitHub\u0026#34; url = \u0026#34;https://github.com/nunocoracao/blowfish\u0026#34; weight = 30 [[main]] identifier = \u0026#34;github2\u0026#34; pre = \u0026#34;github\u0026#34; url = \u0026#34;https://github.com/nunocoracao/blowfish\u0026#34; weight = 40 [[footer]] name = \u0026#34;Confidentialité\u0026#34; url = \u0026#34;https://external-link\u0026#34; Le paramètre name spécifie le texte utilisé dans le lien du menu. Vous pouvez également fournir optionnellement un title qui remplit l\u0026rsquo;attribut title HTML pour le lien.\nLe paramètre pageRef vous permet de référencer facilement les pages de contenu Hugo et les taxonomies. C\u0026rsquo;est le moyen le plus rapide de configurer le menu car vous pouvez simplement faire référence à n\u0026rsquo;importe quel élément de contenu Hugo et il construira automatiquement le lien correct. Pour créer des liens vers des URL externes, le paramètre url peut être utilisé.\nLe paramètre pre vous permet de placer une icône du jeu d\u0026rsquo;icônes de Blowfish sur l\u0026rsquo;entrée de menu. Ce paramètre peut être utilisé avec le paramètre name ou seul. Si vous souhaitez utiliser plusieurs entrées de menu avec seulement des icônes, veuillez définir le paramètre identifier sinon Hugo utilisera par défaut le tag de nommage comme id et n\u0026rsquo;affichera probablement pas toutes les entrées de menu.\nLes liens de menu seront triés du poids le plus bas au plus élevé, puis par ordre alphabétique de name.\nLes deux menus sont entièrement optionnels et peuvent être commentés s\u0026rsquo;ils ne sont pas nécessaires. Utilisez le modèle fourni dans le fichier comme guide.\nMenus imbriqués # Le thème prend également en charge les menus imbriqués. Pour les utiliser, il vous suffit de définir une entrée parent dans menu.toml et ses sous-menus en utilisant le paramètre parent pour référencer le parent. Toutes les propriétés peuvent être utilisées pour les sous-menus. pageRef et url peuvent également être utilisés dans l\u0026rsquo;entrée parent. Les menus imbriqués ne sont disponibles que dans le menu principal, pas pour le pied de page.\n# config/_default/menus.toml [[main]] name = \u0026#34;Parent\u0026#34; weight = 20 [[main]] name = \u0026#34;sous-menu 1\u0026#34; parent = \u0026#34;Parent\u0026#34; pageRef = \u0026#34;samples\u0026#34; weight = 20 [[main]] name = \u0026#34;sous-menu 2\u0026#34; parent = \u0026#34;Parent\u0026#34; pageRef = \u0026#34;samples\u0026#34; weight = 20 [[main]] name = \u0026#34;sous-menu 3\u0026#34; parent = \u0026#34;Parent\u0026#34; pre = \u0026#34;github\u0026#34; pageRef = \u0026#34;samples\u0026#34; weight = 20 Menu de sous-navigation # De plus, vous pouvez également configurer un menu de sous-navigation. Définissez simplement de nouvelles entrées de menu comme subnavigation dans menus.toml. Cela affichera une deuxième ligne avec des sous-catégories sous le menu d\u0026rsquo;en-tête principal.\n# config/_default/menus.toml [[subnavigation]] name = \u0026#34;Un sujet intéressant\u0026#34; pageRef = \u0026#34;tags/interesting-topic\u0026#34; weight = 10 [[subnavigation]] name = \u0026#34;Ma catégorie géniale\u0026#34; pageRef = \u0026#34;categories/awesome\u0026#34; weight = 20 Le name par défaut est le pageRef en majuscules.\nVignettes et arrière-plans # Blowfish a été conçu pour qu\u0026rsquo;il soit facile d\u0026rsquo;ajouter un support visuel à vos articles. Si vous êtes familier avec la structure des articles Hugo, il vous suffit de placer un fichier image (presque tous les formats sont pris en charge mais nous recommandons .png ou .jpg) qui commence par feature* dans votre dossier d\u0026rsquo;article. Et c\u0026rsquo;est tout, Blowfish pourra alors utiliser l\u0026rsquo;image à la fois comme vignette sur votre site et pour les cartes oEmbed sur les plateformes sociales.\nVoici également un guide avec plus d\u0026rsquo;informations et un exemple si vous voulez voir comment vous pouvez le faire.\nDe plus, Blowfish prend également en charge les images hero d\u0026rsquo;arrière-plan dans les articles et les listes. Pour utiliser une image différente de celle mise en avant, ajoutez un fichier image dont le nom commence par background*.\nConfiguration détaillée # Les étapes ci-dessus sont la configuration minimale. Si vous exécutez maintenant hugo server, vous obtiendrez un site Blowfish vierge. La configuration détaillée est couverte dans la section Configuration.\n","externalUrl":null,"permalink":"/fr/docs/getting-started/","section":"Documentation","summary":" Cette section suppose que vous avez déjà installé le thème Blowfish. Nous venons de lancer un outil CLI pour vous aider à démarrer avec Blowfish. Il vous aidera avec l’installation et la configuration. Installez l’outil CLI globalement en utilisant :\n","title":"Premiers Pas","type":"docs"},{"content":"Blowfish est un thème hautement personnalisable et utilise certaines des dernières fonctionnalités de Hugo pour simplifier sa configuration.\nLe thème est livré avec une configuration par défaut qui vous permet de démarrer avec un blog ou un site web statique de base.\nNous venons de lancer un outil CLI pour vous aider à démarrer avec Blowfish. Il vous aidera avec l\u0026rsquo;installation et la configuration. Installez l\u0026rsquo;outil CLI globalement en utilisant :\nnpx blowfish-tools Les fichiers de configuration fournis avec le thème sont au format TOML car c\u0026rsquo;est la syntaxe Hugo par défaut. N\u0026rsquo;hésitez pas à convertir votre configuration en YAML ou JSON si vous le souhaitez.\nLa configuration par défaut du thème est documentée dans chaque fichier afin que vous puissiez librement ajuster les paramètres selon vos besoins.\nComme indiqué dans les instructions d\u0026rsquo;installation, vous devez ajuster la configuration de votre thème en modifiant les fichiers dans le dossier config/_default/ de votre projet Hugo et supprimer le fichier hugo.toml à la racine de votre projet. Configuration du site # Les variables de configuration Hugo standard sont respectées dans tout le thème, cependant il y a certaines choses spécifiques qui doivent être configurées pour une meilleure expérience.\nLa configuration du site est gérée via le fichier config/_default/hugo.toml. Le tableau ci-dessous présente tous les paramètres que Blowfish utilise.\nNotez que les noms de variables fournis dans ce tableau utilisent la notation pointée pour simplifier la structure de données TOML (c\u0026rsquo;est-à-dire que outputs.home fait référence à [outputs] home).\nNom Défaut Description theme \u0026quot;blowfish\u0026quot; Lors de l\u0026rsquo;utilisation des modules Hugo, cette valeur de configuration doit être supprimée. Pour tous les autres types d\u0026rsquo;installation, cela doit être défini sur blowfish pour que le thème fonctionne. baseURL Non défini L\u0026rsquo;URL vers la racine du site web. defaultContentLanguage \u0026quot;en\u0026quot; Cette valeur détermine la langue par défaut des composants du thème et du contenu. Consultez la section langue et i18n ci-dessous pour les codes de langue pris en charge. enableRobotsTXT true Lorsqu\u0026rsquo;il est activé, un fichier robots.txt sera créé à la racine du site permettant aux moteurs de recherche d\u0026rsquo;explorer l\u0026rsquo;ensemble du site. Si vous préférez fournir votre propre robots.txt préfabriqué, définissez sur false et placez votre fichier dans le répertoire static. Pour un contrôle complet, vous pouvez fournir une mise en page personnalisée pour générer ce fichier. pagination.pagerSize 10 Le nombre d\u0026rsquo;articles listés sur chaque page de la liste d\u0026rsquo;articles. summaryLength 0 Le nombre de mots utilisés pour générer le résumé de l\u0026rsquo;article lorsqu\u0026rsquo;aucun n\u0026rsquo;est fourni dans le front matter. Une valeur de 0 utilisera la première phrase. Cette valeur n\u0026rsquo;a aucun effet lorsque les résumés sont masqués. outputs.home [\u0026quot;HTML\u0026quot;, \u0026quot;RSS\u0026quot;, \u0026quot;JSON\u0026quot;] Les formats de sortie générés pour le site. Blowfish nécessite HTML, RSS et JSON pour que tous les composants du thème fonctionnent correctement. permalinks Non défini Consultez la documentation Hugo pour la configuration des permaliens. taxonomies Non défini Consultez la section Organisation du contenu pour la configuration des taxonomies. Vignettes # Blowfish a été conçu pour qu\u0026rsquo;il soit facile d\u0026rsquo;ajouter un support visuel à vos articles. Si vous êtes familier avec la structure des articles Hugo, il vous suffit de placer un fichier image (presque tous les formats sont pris en charge mais nous recommandons .png ou .jpg) qui commence par feature* dans votre dossier d\u0026rsquo;article. Et c\u0026rsquo;est tout, Blowfish pourra alors utiliser l\u0026rsquo;image à la fois comme vignette sur votre site et pour les cartes oEmbed sur les plateformes sociales.\nVoici également un guide avec plus d\u0026rsquo;informations et un exemple si vous voulez voir comment faire.\nLangue et i18n # Blowfish est optimisé pour les sites web entièrement multilingues et les ressources du thème sont traduites dans plusieurs langues par défaut. La configuration de la langue vous permet de générer plusieurs versions de votre contenu pour offrir une expérience personnalisée à vos visiteurs dans leur langue maternelle.\nLe thème prend actuellement en charge les langues suivantes par défaut :\nLangue Code Arabe ar Bulgare bg Bengali bn Catalan ca Tchèque cs Allemand de Anglais en Espéranto eo Espagnol (Espagne) es Finnois fi Français fr Galicien gl Hébreu he Croate hr Hongrois hu Indonésien id Italien it Japonais ja Coréen ko Néerlandais nl Persan fa Polonais pl Portugais (Brésil) pt-br Portugais (Portugal) pt-pt Roumain ro Russe ru Thaï th Turc tr Vietnamien vi Chinois simplifié (Chine) zh-cn Chinois traditionnel (Taïwan) zh-tw Les traductions par défaut peuvent être remplacées en créant un fichier personnalisé dans i18n/[code].yaml contenant les chaînes de traduction. Vous pouvez également utiliser cette méthode pour ajouter de nouvelles langues. Si vous souhaitez partager une nouvelle traduction avec la communauté, veuillez ouvrir une pull request.\nConfiguration # Afin d\u0026rsquo;être aussi flexible que possible, un fichier de configuration de langue doit être créé pour chaque langue du site. Par défaut, Blowfish inclut une configuration de langue anglaise dans config/_default/languages.en.toml.\nLe fichier par défaut peut être utilisé comme modèle pour créer des langues supplémentaires, ou renommé si vous souhaitez rédiger votre site dans une langue autre que l\u0026rsquo;anglais. Nommez simplement le fichier en utilisant le format languages.[language-code].toml.\nNote : Assurez-vous que le paramètre defaultContentLanguage dans la configuration du site correspond au code de langue dans le nom de fichier de configuration de langue. Pour des informations détaillées sur tous les paramètres de configuration disponibles, consultez la documentation en anglais car les noms de paramètres sont techniques et restent dans leur forme originale.\nParamètres du thème # Blowfish fournit un grand nombre de paramètres de configuration qui contrôlent le fonctionnement du thème. La liste complète de tous les paramètres disponibles se trouve dans le fichier config/_default/params.toml.\nDe nombreuses valeurs par défaut des articles peuvent être remplacées article par article en les spécifiant dans le front matter. Consultez la section Front Matter pour plus de détails.\nAutres fichiers de configuration # Le thème inclut également un fichier de configuration markup.toml. Ce fichier contient des paramètres importants qui garantissent que Hugo est correctement configuré pour générer des sites construits avec Blowfish.\nAssurez-vous toujours que ce fichier est présent dans le répertoire de configuration et que les valeurs requises sont définies. Ne pas le faire peut entraîner un fonctionnement incorrect de certaines fonctionnalités et un comportement inattendu.\n","externalUrl":null,"permalink":"/fr/docs/configuration/","section":"Documentation","summary":"Blowfish est un thème hautement personnalisable et utilise certaines des dernières fonctionnalités de Hugo pour simplifier sa configuration.\nLe thème est livré avec une configuration par défaut qui vous permet de démarrer avec un blog ou un site web statique de base.\n","title":"Configuration","type":"docs"},{"content":"","externalUrl":"https://mucahitkurtlar.github.io","permalink":"/fr/users/3-9d028495840ad385e6cb3ccf051dca22/","section":"Utilisateurs","summary":"","title":"mucahitkurtlar.github.io","type":"users"},{"content":"","externalUrl":"https://brendanwallace.github.io","permalink":"/fr/users/4-64ef36564d497eed256b9f4c56b1184e/","section":"Utilisateurs","summary":"","title":"brendanwallace.github.io","type":"users"},{"content":"Blowfish offre une mise en page de page d\u0026rsquo;accueil entièrement flexible. Il y a deux modèles principaux à choisir avec des paramètres supplémentaires pour ajuster le design. Alternativement, vous pouvez également fournir votre propre modèle et avoir un contrôle total sur le contenu de la page d\u0026rsquo;accueil.\nLa mise en page de la page d\u0026rsquo;accueil est contrôlée par le paramètre homepage.layout dans le fichier de configuration params.toml. De plus, toutes les mises en page ont l\u0026rsquo;option d\u0026rsquo;inclure une liste des articles récents.\nMise en page Profil # La mise en page par défaut est la mise en page profil, idéale pour les sites web personnels et les blogs. Elle met les détails de l\u0026rsquo;auteur au premier plan en fournissant une image et des liens vers les profils sociaux.\nLes informations sur l\u0026rsquo;auteur sont fournies dans le fichier de configuration des langues. Consultez les sections Premiers Pas et Configuration de la langue pour les détails des paramètres.\nDe plus, tout contenu Markdown fourni dans le contenu de la page d\u0026rsquo;accueil sera placé sous le profil de l\u0026rsquo;auteur. Cela permet une flexibilité supplémentaire pour afficher une bio ou d\u0026rsquo;autres contenus personnalisés en utilisant des shortcodes.\nPour activer la mise en page Profil, définissez homepage.layout = \u0026quot;profile\u0026quot; dans le fichier de configuration params.toml.\nMise en page Page # La mise en page page est simplement une page de contenu normale qui affiche votre contenu Markdown. Elle est idéale pour les sites web statiques et offre beaucoup de flexibilité.\nPour activer la mise en page Page, définissez homepage.layout = \u0026quot;page\u0026quot; dans le fichier de configuration params.toml.\nMise en page Hero # La mise en page hero rassemble des idées des mises en page profil et carte. Celle-ci affiche non seulement des informations sur l\u0026rsquo;auteur du site, mais charge également votre markdown en dessous.\nPour activer la mise en page Hero, définissez homepage.layout = \u0026quot;hero\u0026quot; et homepage.homepageImage dans le fichier de configuration params.toml.\nMise en page Arrière-plan # La mise en page arrière-plan est une version plus fluide de la mise en page hero. Comme pour la mise en page Hero, celle-ci affiche également les informations sur l\u0026rsquo;auteur du site et charge votre markdown en dessous.\nPour activer la mise en page Arrière-plan, définissez homepage.layout = \u0026quot;background\u0026quot; et homepage.homepageImage dans le fichier de configuration params.toml.\nMise en page Carte # La mise en page carte est une extension de la mise en page page. Elle offre le même niveau de flexibilité en affichant également votre contenu markdown et ajoute une image de carte pour afficher du contenu visuel.\nPour activer la mise en page Carte, définissez homepage.layout = \u0026quot;card\u0026quot; et homepage.homepageImage dans le fichier de configuration params.toml.\nMise en page personnalisée # Si les mises en page de page d\u0026rsquo;accueil intégrées ne sont pas suffisantes pour vos besoins, vous avez la possibilité de fournir votre propre mise en page personnalisée. Cela vous permet d\u0026rsquo;avoir un contrôle total sur le contenu de la page et vous donne essentiellement une page blanche pour travailler.\nPour activer la mise en page personnalisée, définissez homepage.layout = \u0026quot;custom\u0026quot; dans le fichier de configuration params.toml.\nAvec la valeur de configuration définie, créez un nouveau fichier custom.html et placez-le dans layouts/partials/home/custom.html. Maintenant, tout ce qui est dans le fichier custom.html sera placé dans la zone de contenu de la page d\u0026rsquo;accueil du site. Vous pouvez utiliser n\u0026rsquo;importe quel HTML, Tailwind, ou fonctions de templating Hugo que vous souhaitez pour définir votre mise en page.\nPour inclure les articles récents dans la mise en page personnalisée, utilisez le partial recent-articles/main.html.\nPar exemple, la page d\u0026rsquo;accueil de ce site utilise la mise en page personnalisée pour permettre de basculer entre les mises en page profil et page. Visitez le dépôt GitHub pour voir comment cela fonctionne.\nArticles récents # Toutes les mises en page de page d\u0026rsquo;accueil ont l\u0026rsquo;option d\u0026rsquo;afficher les articles récents sous le contenu principal de la page. Pour activer cela, définissez simplement le paramètre homepage.showRecent sur true dans le fichier de configuration params.toml.\nLes articles listés dans cette section sont dérivés du paramètre mainSections qui permet d\u0026rsquo;utiliser n\u0026rsquo;importe quels types de contenu que vous utilisez sur votre site web. Par exemple, si vous avez des sections de contenu pour posts et projects, vous pourriez définir ce paramètre sur [\u0026quot;posts\u0026quot;, \u0026quot;projects\u0026quot;] et tous les articles de ces deux sections seraient utilisés pour remplir la liste récente. Le thème s\u0026rsquo;attend à ce que ce paramètre soit un tableau, donc si vous n\u0026rsquo;utilisez qu\u0026rsquo;une seule section pour tout votre contenu, vous devriez le définir en conséquence : [\u0026quot;blog\u0026quot;].\nVignettes # Blowfish a été conçu pour qu\u0026rsquo;il soit facile d\u0026rsquo;ajouter un support visuel à vos articles. Si vous êtes familier avec la structure des articles Hugo, il vous suffit de placer un fichier image (presque tous les formats sont pris en charge mais nous recommandons .png ou .jpg) qui commence par feature* dans votre dossier d\u0026rsquo;article. Et c\u0026rsquo;est tout, Blowfish pourra alors utiliser l\u0026rsquo;image à la fois comme vignette sur votre site et pour les cartes oEmbed sur les plateformes sociales.\nVoici un guide avec plus d\u0026rsquo;informations et un exemple si vous voulez voir un exemple.\nGalerie de cartes # Blowfish prend également en charge l\u0026rsquo;affichage des listes d\u0026rsquo;articles standard sous forme de galeries de cartes. Vous pouvez configurer cela à la fois pour la section récente sur la page d\u0026rsquo;accueil et pour les listes d\u0026rsquo;articles sur tout votre site web. Pour la page d\u0026rsquo;accueil, vous pouvez utiliser homepage.cardView et homepage.cardViewScreenWidth ; et pour les listes, utilisez list.cardView et list.cardViewScreenWidth. Consultez la documentation de configuration pour plus de détails, et la page d\u0026rsquo;accueil pour une démo en direct.\n","externalUrl":null,"permalink":"/fr/docs/homepage-layout/","section":"Documentation","summary":"Blowfish offre une mise en page de page d’accueil entièrement flexible. Il y a deux modèles principaux à choisir avec des paramètres supplémentaires pour ajuster le design. Alternativement, vous pouvez également fournir votre propre modèle et avoir un contrôle total sur le contenu de la page d’accueil.\n","title":"Mise en page de la page d'accueil","type":"docs"},{"content":"","externalUrl":"https://pmnxis.github.io","permalink":"/fr/users/5-5bf94b5c1e0c4a40d81816df85e1444f/","section":"Utilisateurs","summary":"","title":"pmnxis.github.io","type":"users"},{"content":"En plus de tous les shortcodes Hugo par défaut, Blowfish en ajoute quelques-uns supplémentaires pour des fonctionnalités avancées.\nAlert # alert affiche son contenu sous forme de boîte de message stylisée dans votre article. C\u0026rsquo;est utile pour attirer l\u0026rsquo;attention sur des informations importantes que vous ne voulez pas que le lecteur manque.\nParamètre Description icon Optionnel. L\u0026rsquo;icône à afficher sur le côté gauche.\nPar défaut: triangle-exclamation (Consultez le shortcode icon pour plus de détails sur l\u0026rsquo;utilisation des icônes.) iconColor Optionnel. La couleur de l\u0026rsquo;icône en style CSS basique.\nPeut être soit des valeurs hexadécimales (#FFFFFF) soit des noms de couleurs (white)\nPar défaut choisi en fonction du thème de couleur actuel. cardColor Optionnel. La couleur de fond de la carte en style CSS basique.\nPeut être soit des valeurs hexadécimales (#FFFFFF) soit des noms de couleurs (white)\nPar défaut choisi en fonction du thème de couleur actuel. textColor Optionnel. La couleur du texte en style CSS basique.\nPeut être soit des valeurs hexadécimales (#FFFFFF) soit des noms de couleurs (white)\nPar défaut choisi en fonction du thème de couleur actuel. L\u0026rsquo;entrée est écrite en Markdown, vous pouvez donc la formater comme vous le souhaitez.\nExemple 1 : Sans paramètres\n{{\u0026lt; alert \u0026gt;}} **Attention !** Cette action est destructive ! {{\u0026lt; /alert \u0026gt;}} Attention ! Cette action est destructive ! Exemple 2 : Paramètre non nommé\n{{\u0026lt; alert \u0026#34;twitter\u0026#34; \u0026gt;}} N\u0026#39;oubliez pas de me [suivre](https://twitter.com/nunocoracao) sur Twitter. {{\u0026lt; /alert \u0026gt;}} N\u0026rsquo;oubliez pas de me suivre sur Twitter. Exemple 3 : Paramètres nommés\n{{\u0026lt; alert icon=\u0026#34;fire\u0026#34; cardColor=\u0026#34;#e63946\u0026#34; iconColor=\u0026#34;#1d3557\u0026#34; textColor=\u0026#34;#f1faee\u0026#34; \u0026gt;}} Ceci est une erreur ! {{\u0026lt; /alert \u0026gt;}} Ceci est une erreur ! Admonition # Les admonitions vous permettent d\u0026rsquo;insérer des encadrés d\u0026rsquo;avertissement accrocheurs dans votre contenu.\nLes admonitions servent un objectif similaire au shortcode alert mais sont implémentées via des hooks de rendu Hugo. La différence clé est la syntaxe : les admonitions utilisent la syntaxe Markdown, ce qui les rend plus portables entre différentes plateformes, tandis que les shortcodes sont spécifiques à Hugo. La syntaxe ressemble aux alertes GitHub :\n\u0026gt; [!NOTE] \u0026gt; Une admonition de type Note. \u0026gt; [!TIP]+ Titre personnalisé \u0026gt; Une admonition repliable avec un titre personnalisé. Note Une admonition de type Note.\nTitre personnalisé Une admonition repliable avec un titre personnalisé.\nLe signe d\u0026rsquo;alerte (+ ou -) est optionnel pour contrôler si l\u0026rsquo;admonition est repliée ou non. Notez que le signe d\u0026rsquo;alerte n\u0026rsquo;est compatible qu\u0026rsquo;avec Obsidian.\nTypes supportés Les types d\u0026rsquo;admonition valides incluent les types d\u0026rsquo;alerte GitHub et les types de callout Obsidian. Les types ne sont pas sensibles à la casse.\nTypes GitHub : NOTE, TIP, IMPORTANT, WARNING, CAUTION Types Obsidian : note, abstract, info, todo, tip, success, question, warning, failure, danger, bug, example, quote\nArticle # Article intègre un seul article dans un fichier markdown. Le link vers le fichier doit être le .RelPermalink du fichier à intégrer. Notez que le shortcode n\u0026rsquo;affichera rien s\u0026rsquo;il fait référence à sa page parente. Note : si vous exécutez votre site dans un sous-dossier comme Blowfish (c\u0026rsquo;est-à-dire /blowfish/), veuillez inclure ce chemin dans le lien.\nParamètre Description link Requis. Le .RelPermalink vers l\u0026rsquo;article cible. showSummary Optionnel. Une valeur booléenne indiquant s\u0026rsquo;il faut afficher le résumé de l\u0026rsquo;article. Si non défini, la configuration par défaut du site sera utilisée. compactSummary Optionnel. Une valeur booléenne indiquant s\u0026rsquo;il faut afficher le résumé en mode compact. Par défaut false. Exemple :\n{{\u0026lt; article link=\u0026#34;/docs/welcome/\u0026#34; showSummary=true compactSummary=true \u0026gt;}} Bienvenue sur Blowfish 4 mins\u0026middot; loading Nouveau Documentation Blowfish regorge de fonctionnalités. L\u0026rsquo;objectif initial de Blowfish était de développer un thème simple et léger. Le thème est un fork de Congo et étend sa vision initiale. Badge # badge affiche un composant de badge stylisé qui est utile pour afficher des métadonnées.\nExemple :\n{{\u0026lt; badge \u0026gt;}} Nouvel article ! {{\u0026lt; /badge \u0026gt;}} Nouvel article ! Button # button affiche un composant de bouton stylisé qui peut être utilisé pour mettre en évidence une action principale. Il a trois variables optionnelles href, target et rel qui peuvent être utilisées pour spécifier l\u0026rsquo;URL, la cible et la relation du lien.\nExemple :\n{{\u0026lt; button href=\u0026#34;#button\u0026#34; target=\u0026#34;_self\u0026#34; \u0026gt;}} Appel à l\u0026#39;action {{\u0026lt; /button \u0026gt;}} Appel à l'action Carousel # carousel est utilisé pour présenter plusieurs images de manière interactive et visuellement attrayante. Cela permet à un utilisateur de faire défiler plusieurs images tout en n\u0026rsquo;occupant que l\u0026rsquo;espace vertical d\u0026rsquo;une seule. Toutes les images sont affichées en utilisant la largeur complète du composant parent et le ratio d\u0026rsquo;aspect que vous définissez avec une valeur par défaut de 16:9.\nParamètre Description images Requis. Une chaîne regex pour correspondre aux noms ou URLs des images. aspectRatio Optionnel. Le ratio d\u0026rsquo;aspect pour le carrousel. Par défaut 16-9. interval Optionnel. L\u0026rsquo;intervalle pour le défilement automatique, spécifié en millisecondes. Par défaut 2000 (2s) Exemple 1 : Ratio d\u0026rsquo;aspect 16:9 et liste d\u0026rsquo;images détaillée\n{{\u0026lt; carousel images=\u0026#34;{https://cdn.pixabay.com/photo/2016/12/11/12/02/mountains-1899264_960_720.jpg,gallery/03.jpg,gallery/01.jpg,gallery/02.jpg,gallery/04.jpg}\u0026#34; \u0026gt;}} Previous Next Exemple 2 : Ratio d\u0026rsquo;aspect 21:9 et liste d\u0026rsquo;images avec regex\n{{\u0026lt; carousel images=\u0026#34;gallery/*\u0026#34; aspectRatio=\u0026#34;21-9\u0026#34; interval=\u0026#34;2500\u0026#34; \u0026gt;}} Previous Next Chart # chart utilise la bibliothèque Chart.js pour intégrer des graphiques dans les articles en utilisant des données structurées simples. Il prend en charge un certain nombre de différents styles de graphiques et tout peut être configuré depuis le shortcode. Fournissez simplement les paramètres du graphique entre les balises du shortcode et Chart.js fera le reste.\nConsultez la documentation officielle Chart.js pour les détails sur la syntaxe et les types de graphiques supportés.\nExemple :\n{{\u0026lt; chart \u0026gt;}} type: \u0026#39;bar\u0026#39;, data: { labels: [\u0026#39;Tomate\u0026#39;, \u0026#39;Myrtille\u0026#39;, \u0026#39;Banane\u0026#39;, \u0026#39;Citron vert\u0026#39;, \u0026#39;Orange\u0026#39;], datasets: [{ label: \u0026#39;# de votes\u0026#39;, data: [12, 19, 3, 5, 3], }] } {{\u0026lt; /chart \u0026gt;}} Vous pouvez voir des exemples Chart.js supplémentaires sur la page exemples de graphiques.\nCode Importer # Ce shortcode permet d\u0026rsquo;importer facilement du code depuis des sources externes sans copier-coller.\nParamètre Description url Requis URL vers un fichier de code hébergé externement. type Type de code utilisé pour la coloration syntaxique. startLine Optionnel Le numéro de ligne à partir duquel commencer l\u0026rsquo;import. endLine Optionnel Le numéro de ligne auquel terminer l\u0026rsquo;import. Exemple :\n{{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/layouts/shortcodes/mdimporter.html\u0026#34; type=\u0026#34;go\u0026#34; \u0026gt;}} {{ $url := .Get \u0026#34;url\u0026#34; }} {{ with resources.GetRemote (urls.Parse $url) }} {{ .Content | markdownify }} {{ else }} {{ warnf \u0026#34;mdimporter shortcode: unable to fetch %q: %s\u0026#34; $url .Position }} {{ end }} {{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/config/_default/hugo.toml\u0026#34; type=\u0026#34;toml\u0026#34; startLine=\u0026#34;11\u0026#34; endLine=\u0026#34;18\u0026#34; \u0026gt;}} enableRobotsTXT = true summaryLength = 0 buildDrafts = false buildFuture = false enableEmoji = true Codeberg Card # codeberg vous permet de créer rapidement un lien vers un dépôt Codeberg via l\u0026rsquo;API Codeberg, fournissant des mises à jour en temps réel sur les statistiques telles que les étoiles et les forks.\nParamètre Description repo [String] dépôt Codeberg au format utilisateur/repo Exemple 1 :\n{{\u0026lt; codeberg repo=\u0026#34;forgejo/forgejo\u0026#34; \u0026gt;}} \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e forgejo/forgejo Beyond coding. We forge. Go 3888 675 Figure # Blowfish inclut un shortcode figure pour ajouter des images au contenu. Le shortcode remplace la fonctionnalité Hugo de base afin de fournir des avantages de performance supplémentaires.\nLorsqu\u0026rsquo;une image fournie est une ressource de page, elle sera optimisée en utilisant Hugo Pipes et mise à l\u0026rsquo;échelle pour fournir des images appropriées aux différentes résolutions d\u0026rsquo;appareils. Si un asset statique ou une URL vers une image externe est fourni, il sera inclus tel quel sans aucun traitement d\u0026rsquo;image par Hugo.\nLe shortcode figure accepte six paramètres :\nParamètre Description src Requis. Le chemin/nom de fichier local ou l\u0026rsquo;URL de l\u0026rsquo;image. Lors de la fourniture d\u0026rsquo;un chemin et d\u0026rsquo;un nom de fichier, le thème tentera de localiser l\u0026rsquo;image en utilisant l\u0026rsquo;ordre de recherche suivant : Premièrement, comme une ressource de page groupée avec la page ; puis un asset dans le répertoire assets/ ; et enfin, une image statique dans le répertoire static/. alt Description textuelle alternative pour l\u0026rsquo;image. caption Markdown pour la légende de l\u0026rsquo;image, qui sera affichée sous l\u0026rsquo;image. class Classes CSS supplémentaires à appliquer à l\u0026rsquo;image. href URL vers laquelle l\u0026rsquo;image doit être liée. target L\u0026rsquo;attribut cible pour l\u0026rsquo;URL href. nozoom nozoom=true désactive la fonctionnalité de \u0026ldquo;zoom\u0026rdquo; de l\u0026rsquo;image. C\u0026rsquo;est particulièrement utile en combinaison avec un lien href. default Paramètre spécial pour revenir au comportement figure Hugo par défaut. Fournissez simplement default=true puis utilisez la syntaxe de shortcode Hugo normale. Blowfish prend également en charge la conversion automatique des images incluses en utilisant la syntaxe Markdown standard. Utilisez simplement le format suivant et le thème s\u0026rsquo;occupera du reste :\n![Texte alternatif](image.jpg \u0026#34;Légende de l\u0026#39;image\u0026#34;) Exemple :\n{{\u0026lt; figure src=\u0026#34;abstract.jpg\u0026#34; alt=\u0026#34;Œuvre d\u0026#39;art abstraite violette\u0026#34; caption=\u0026#34;Photo par [Jr Korpa](https://unsplash.com/@jrkorpa) sur [Unsplash](https://unsplash.com/)\u0026#34; \u0026gt;}} \u0026lt;!-- OU --\u0026gt; ![Œuvre d\u0026#39;art abstraite violette](abstract.jpg \u0026#34;Photo par [Jr Korpa](https://unsplash.com/@jrkorpa) sur [Unsplash](https://unsplash.com/)\u0026#34;) Photo par Jr Korpa sur Unsplash Forgejo Card # forgejo vous permet de créer rapidement un lien vers un dépôt Forgejo via l\u0026rsquo;API Forgejo, fournissant des mises à jour en temps réel sur les statistiques telles que les étoiles et les forks.\nParamètre Description repo [String] dépôt Forgejo au format utilisateur/repo server [String] URL du serveur comme https://v11.next.forgejo.org Exemple 1 :\n{{\u0026lt; forgejo server=\u0026#34;https://v11.next.forgejo.org\u0026#34; repo=\u0026#34;a/mastodon\u0026#34; \u0026gt;}} a/mastodon Your self-hosted, globally interconnected microblogging community Ruby 0 0 Gallery # gallery vous permet de présenter plusieurs images à la fois, de manière responsive avec des mises en page plus variées et intéressantes.\nPour ajouter des images à la galerie, utilisez des balises img pour chaque image et ajoutez class=\u0026quot;grid-wXX\u0026quot; pour que la galerie puisse identifier la largeur de colonne pour chaque image. Les largeurs disponibles par défaut commencent à 10% et vont jusqu\u0026rsquo;à 100% par incréments de 5%. Par exemple, pour définir la largeur à 65%, définissez la classe sur grid-w65. De plus, des largeurs pour 33% et 66% sont également disponibles pour construire des galeries à 3 colonnes. Vous pouvez également utiliser les indicateurs responsive de Tailwind pour avoir une grille responsive.\nExemple 1 : Galerie normale\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Exemple 2 : Galerie responsive\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Gist # Le shortcode gist vous permet d\u0026rsquo;intégrer un GitHub Gist directement dans votre contenu en spécifiant l\u0026rsquo;utilisateur du Gist, l\u0026rsquo;ID, et optionnellement un fichier spécifique.\nParamètre Description [0] [String] Nom d\u0026rsquo;utilisateur GitHub [1] [String] ID du Gist [2] (optionnel) [String] Nom de fichier dans le Gist à intégrer (optionnel) Exemple 1 : Intégrer un Gist entier\n{{\u0026lt; gist \u0026#34;octocat\u0026#34; \u0026#34;6cad326836d38bd3a7ae\u0026#34; \u0026gt;}} Exemple 2 : Intégrer un fichier spécifique du Gist\n{{\u0026lt; gist \u0026#34;rauchg\u0026#34; \u0026#34;2052694\u0026#34; \u0026#34;README.md\u0026#34; \u0026gt;}} Gitea Card # gitea vous permet de créer rapidement un lien vers un dépôt Gitea via l\u0026rsquo;API Gitea, fournissant des mises à jour en temps réel sur les statistiques telles que les étoiles et les forks.\nParamètre Description repo [String] dépôt Gitea au format utilisateur/repo server [String] URL du serveur comme https://git.fsfe.org Exemple 1 :\n{{\u0026lt; gitea server=\u0026#34;https://git.fsfe.org\u0026#34; repo=\u0026#34;FSFE/fsfe-website\u0026#34; \u0026gt;}} FSFE/fsfe-website Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ HTML 33 93 GitHub Card # github vous permet de créer rapidement un lien vers un dépôt GitHub, tout en affichant et mettant à jour en temps réel les statistiques le concernant, comme le nombre d\u0026rsquo;étoiles et de forks.\nParamètre Description repo [String] dépôt GitHub au format utilisateur/repo showThumbnail Optionnel [boolean] affiche une vignette pour le dépôt Exemple 1 :\n{{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; showThumbnail=true \u0026gt;}} nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2655 696 GitLab Card # gitlab vous permet de créer rapidement un lien vers un projet GitLab (le terme GitLab pour dépôt). Il affiche les statistiques en temps réel le concernant, comme le nombre d\u0026rsquo;étoiles et de forks. Contrairement à github, il ne peut pas afficher le langage de programmation principal d\u0026rsquo;un projet. Enfin, une URL d\u0026rsquo;instance GitLab personnalisée peut être fournie, tant que le point de terminaison api/v4/projects/ est disponible, ce qui rend ce shortcode compatible avec la plupart des déploiements auto-hébergés / entreprise.\nParamètre Description projectID [String] ID numérique du projet GitLab baseURL [String] URL optionnelle de l\u0026rsquo;instance GitLab, par défaut https://gitlab.com/ Exemple 1 :\n{{\u0026lt; gitlab projectID=\u0026#34;278964\u0026#34; \u0026gt;}} GitLab.org / GitLab GitLab is an open source end-to-end software development platform with built-in version control, issue tracking, code review, CI/CD, and more. Self-host GitLab on your own servers, in a container, or on a cloud provider. 5943 11963 Hugging Face Card # huggingface vous permet de créer rapidement un lien vers un modèle ou un dataset Hugging Face, affichant des informations en temps réel comme le nombre de likes et de téléchargements, ainsi que le type et la description.\nParamètre Description model [String] Modèle Hugging Face au format utilisateur/modèle dataset [String] Dataset Hugging Face au format utilisateur/dataset Note : Utilisez soit le paramètre model soit dataset, pas les deux.\nExemple 1 (Modèle) :\n{{\u0026lt; huggingface model=\u0026#34;google-bert/bert-base-uncased\u0026#34; \u0026gt;}} google-bert/bert-base-uncased fill-mask 2584 6.8133004e\u0026#43;07 Exemple 2 (Dataset) :\n{{\u0026lt; huggingface dataset=\u0026#34;stanfordnlp/imdb\u0026#34; \u0026gt;}} stanfordnlp/imdb Large Movie Review Dataset. This is a dataset for binary sentiment classification containing substantially more data than previous benchmark datasets. We provide a set of 25,000 highly polar movie reviews for training, and 25,000 for testing. There is additional unlabeled data for use as well. Supported Tasks and Leaderboards More Information Needed Languages More Information Needed Dataset Structure… See the full description on the dataset page: https://huggingface.co/datasets/stanfordnlp/imdb. dataset 361 114373 Icon # icon affiche une icône SVG et prend le nom de l\u0026rsquo;icône comme seul paramètre. L\u0026rsquo;icône est mise à l\u0026rsquo;échelle pour correspondre à la taille du texte actuel.\nExemple :\n{{\u0026lt; icon \u0026#34;github\u0026#34; \u0026gt;}} Sortie : Les icônes sont remplies en utilisant les pipelines Hugo, ce qui les rend très flexibles. Blowfish inclut un certain nombre d\u0026rsquo;icônes intégrées pour les réseaux sociaux, les liens et d\u0026rsquo;autres usages. Consultez la page exemples d\u0026rsquo;icônes pour une liste complète des icônes supportées.\nDes icônes personnalisées peuvent être ajoutées en fournissant vos propres assets d\u0026rsquo;icônes dans le répertoire assets/icons/ de votre projet. L\u0026rsquo;icône peut ensuite être référencée dans le shortcode en utilisant le nom du fichier SVG sans l\u0026rsquo;extension .svg.\nLes icônes peuvent également être utilisées dans les partials en appelant le partial icon.\nKaTeX # Le shortcode katex peut être utilisé pour ajouter des expressions mathématiques au contenu des articles en utilisant le package KaTeX. Consultez la référence en ligne des fonctions TeX supportées pour la syntaxe disponible.\nPour inclure des expressions mathématiques dans un article, placez simplement le shortcode n\u0026rsquo;importe où dans le contenu. Il ne doit être inclus qu\u0026rsquo;une fois par article et KaTeX rendra automatiquement tout le markup de cette page. Les notations inline et bloc sont supportées.\nLa notation inline peut être générée en entourant l\u0026rsquo;expression des délimiteurs \\( et \\). Alternativement, la notation bloc peut être générée en utilisant les délimiteurs $$.\nExemple :\n{{\u0026lt; katex \u0026gt;}} \\(f(a,b,c) = (a^2+b^2+c^2)^3\\) \\(f(a,b,c) = (a^2+b^2+c^2)^3\\)\nConsultez la page exemples de notation mathématique pour plus d\u0026rsquo;exemples.\nKeyword # Le composant keyword peut être utilisé pour mettre en évidence visuellement certains mots ou phrases importants, par exemple les compétences professionnelles, etc. Le shortcode keywordList peut être utilisé pour regrouper plusieurs éléments keyword. Chaque élément peut avoir les propriétés suivantes.\nParamètre Description icon Icône optionnelle à utiliser dans le keyword L\u0026rsquo;entrée est écrite en Markdown, vous pouvez donc la formater comme vous le souhaitez.\nExemple 1 :\n{{\u0026lt; keyword \u0026gt;}} *Super* compétence {{\u0026lt; /keyword \u0026gt;}} Super compétence Exemple 2 :\n{{\u0026lt; keywordList \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;github\u0026#34; \u0026gt;}} Lorem ipsum dolor. {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;code\u0026#34; \u0026gt;}} Compétence **importante** {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; /keywordList \u0026gt;}} {{\u0026lt; keyword \u0026gt;}} Compétence *autonome* {{\u0026lt; /keyword \u0026gt;}} Lorem ipsum dolor Compétence importante Compétence autonome Lead # lead est utilisé pour mettre en évidence le début d\u0026rsquo;un article. Il peut être utilisé pour styliser une introduction ou pour attirer l\u0026rsquo;attention sur une information importante. Entourez simplement tout contenu Markdown dans le shortcode lead.\nExemple :\n{{\u0026lt; lead \u0026gt;}} Quand la vie te donne des citrons, fais de la limonade. {{\u0026lt; /lead \u0026gt;}} Quand la vie te donne des citrons, fais de la limonade. List # List affichera une liste des articles récents. Ce shortcode nécessite une valeur limite pour contraindre la liste. De plus, il supporte un where et un value pour filtrer les articles par leurs paramètres. Notez que ce shortcode n\u0026rsquo;affichera pas sa page parente mais elle comptera pour la valeur limite.\nParamètre Description limit Requis. Le nombre d\u0026rsquo;articles récents à afficher. title Titre optionnel pour la liste, par défaut Recent cardView Vue en carte optionnelle activée pour la liste, par défaut false where La variable à utiliser pour la requête des articles, par exemple Type value La valeur qui devra correspondre au paramètre défini dans where pour la requête des articles, par exemple pour where == Type une valeur valide pourrait être sample Les valeurs where et value sont utilisées dans la requête suivante where .Site.RegularPages $where $value dans le code du shortcode. Consultez les docs Hugo pour en savoir plus sur les paramètres disponibles. Exemple #1 :\n{{\u0026lt; list limit=2 \u0026gt;}} Articles récents Bienvenue sur Blowfish 4 mins\u0026middot; loading Nouveau Documentation n9o.xyz \u0026#8599; \u0026#8598; Personal Site Theme Author Exemple #2 :\n{{\u0026lt; list title=\u0026#34;Exemples\u0026#34; cardView=true limit=6 where=\u0026#34;Type\u0026#34; value=\u0026#34;sample\u0026#34; \u0026gt;}} Samples Auteurs multiples 1 min\u0026middot; loading Nuno Coração ,\u0026nbsp; Dummy Second Author Auteurs Exemple Miniatures 1 min\u0026middot; loading Miniature Exemple Icônes 2 mins\u0026middot; loading Icônes Exemple Shortcodes Markdown 3 mins\u0026middot; loading Markdown Css Html Exemple Contenu riche 1 min\u0026middot; loading Shortcodes Confidentialité Exemple Gist Twitter Youtube Vimeo Texte de remplissage Mis à jour : 24 janvier 2022\u0026middot;2 mins\u0026middot; loading Markdown Texte Exemple Latin LTR/RTL # ltr et rtl vous permettent de mélanger vos contenus. De nombreux utilisateurs de langues RTL veulent inclure des parties du contenu en LTR. Ce shortcode vous permettra de le faire, et en utilisant % comme délimiteur externe dans le shortcode Hugo shortcodes, tout markdown à l\u0026rsquo;intérieur sera rendu normalement.\nExemple :\n- Ceci est une liste markdown. - Direction LTR par défaut {{% rtl %}} - هذه القائمة باللغة العربية - من اليمين الى اليسار {{% /rtl %}} Ceci est une liste markdown. Direction LTR par défaut هذه القائمة باللغة العربية من اليمين الى اليسار Markdown Importer # Ce shortcode vous permet d\u0026rsquo;importer des fichiers markdown depuis des sources externes. C\u0026rsquo;est utile pour inclure du contenu d\u0026rsquo;autres dépôts ou sites web sans avoir à copier-coller le contenu.\nParamètre Description url Requis URL vers un fichier markdown hébergé externement. Exemple :\n{{\u0026lt; mdimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/nunocoracao/master/README.md\u0026#34; \u0026gt;}} Hi there 👋 # 🧠 Principal PM @ Docker (AI, agents, infra) · Creator of Watchfire and Blowfish · Ex-founder · Mentor \u0026amp; advisor\n🔥 Creator and maintainer of Watchfire @ watchfire.io - repo\n🐡 Creator and maintainer of Blowfish @ blowfish.page - repo\n🐳 Principal Product Manager @ Docker - working on cagent\n📚 mentoring @ mentorcruise\n🚀 Personal blog - n9o.xyz\nMermaid # mermaid vous permet de dessiner des diagrammes et visualisations détaillés en utilisant du texte. Il utilise Mermaid en arrière-plan et supporte une grande variété de diagrammes, graphiques et autres formats de sortie.\nÉcrivez simplement votre syntaxe Mermaid dans le shortcode mermaid et laissez le plugin faire le reste.\nConsultez la documentation officielle Mermaid pour les détails sur la syntaxe et les types de diagrammes supportés.\nExemple :\n{{\u0026lt; mermaid \u0026gt;}} graph LR; A[Citrons]--\u0026gt;B[Limonade]; B--\u0026gt;C[Profit] {{\u0026lt; /mermaid \u0026gt;}} graph LR; A[Lemons]--\u003eB[Lemonade]; B--\u003eC[Profit] Vous pouvez voir des exemples Mermaid supplémentaires sur la page exemples de diagrammes et organigrammes.\nSwatches # swatches affiche un ensemble de jusqu\u0026rsquo;à trois couleurs différentes pour présenter des éléments de couleur comme une palette de couleurs. Ce shortcode prend les codes HEX de chaque couleur et crée les éléments visuels pour chacune.\nExemple\n{{\u0026lt; swatches \u0026#34;#64748b\u0026#34; \u0026#34;#3b82f6\u0026#34; \u0026#34;#06b6d4\u0026#34; \u0026gt;}} Sortie Tabs # Le shortcode tabs est couramment utilisé pour présenter différentes variantes d\u0026rsquo;une étape particulière. Par exemple, il peut être utilisé pour montrer comment installer VS Code sur différentes plateformes.\nExemple\n{{\u0026lt; tabs \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Windows\u0026#34; \u0026gt;}} Installer avec Chocolatey : ```pwsh choco install vscode.install ``` ou installer avec WinGet ```pwsh winget install -e --id Microsoft.VisualStudioCode ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;macOS\u0026#34; \u0026gt;}} ```bash brew install --cask visual-studio-code ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Linux\u0026#34; \u0026gt;}} Voir la [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux). {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} Sortie\nWindows macOS Linux Installer avec Chocolatey :\nchoco install vscode.install ou installer avec WinGet\nwinget install -e --id Microsoft.VisualStudioCode brew install --cask visual-studio-code Voir la documentation. Timeline # Le timeline crée une timeline visuelle qui peut être utilisée dans différents cas d\u0026rsquo;utilisation, par exemple l\u0026rsquo;expérience professionnelle, les réalisations d\u0026rsquo;un projet, etc. Le shortcode timeline repose sur le sous-shortcode timelineItem pour définir chaque élément dans la timeline principale. Chaque élément peut avoir les propriétés suivantes.\nParamètre Description md Rendre le contenu en Markdown (true/false) icon L\u0026rsquo;icône à utiliser dans les visuels de la timeline header En-tête pour chaque entrée badge Texte à placer dans le badge en haut à droite subheader Sous-en-tête de l\u0026rsquo;entrée Exemple :\n{{\u0026lt; timeline \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;github\u0026#34; header=\u0026#34;En-tête\u0026#34; badge=\u0026#34;Test badge\u0026#34; subheader=\u0026#34;Sous-en-tête\u0026#34; \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Un autre super en-tête\u0026#34; badge=\u0026#34;date - présent\u0026#34; subheader=\u0026#34;Super sous-en-tête\u0026#34; \u0026gt;}} Avec du code HTML \u0026lt;ul\u0026gt; \u0026lt;li\u0026gt;Café\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Thé\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Lait\u0026lt;/li\u0026gt; \u0026lt;/ul\u0026gt; {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;star\u0026#34; header=\u0026#34;Shortcodes\u0026#34; badge=\u0026#34;GÉNIAL\u0026#34; \u0026gt;}} Avec d\u0026#39;autres shortcodes {{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Un autre super en-tête\u0026#34;\u0026gt;}} {{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; /timeline \u0026gt;}} header badge test subheader Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. Another Awesome Header date - present Awesome Subheader Avec du code HTML Café Thé Lait Shortcodes AWESOME Avec d'autres shortcodes Another Awesome Header nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2655 696 TypeIt # TypeIt est l\u0026rsquo;outil JavaScript le plus polyvalent pour créer des effets de machine à écrire sur la planète. Avec une configuration simple, il vous permet de taper des chaînes simples ou multiples qui font des retours à la ligne, se suppriment et se remplacent mutuellement, et il peut même gérer des chaînes contenant du HTML complexe.\nBlowfish implémente un sous-ensemble des fonctionnalités TypeIt en utilisant un shortcode. Écrivez votre texte dans le shortcode typeit et utilisez les paramètres suivants pour configurer le comportement souhaité.\nParamètre Description tag [String] Balise html qui sera utilisée pour rendre les chaînes. classList [String] Liste de classes css à appliquer à l\u0026rsquo;élément html. initialString [String] Chaîne initiale qui apparaîtra écrite et sera remplacée. speed [number] Vitesse de frappe, mesurée en millisecondes entre chaque étape. lifeLike [boolean] Rend le rythme de frappe irrégulier, comme si une vraie personne le faisait. startDelay [number] Le temps avant que le plugin commence à taper après avoir été initialisé. breakLines [boolean] Si plusieurs chaînes sont imprimées les unes sur les autres (true), ou si elles sont supprimées et remplacées les unes par les autres (false). waitUntilVisible [boolean] Détermine si l\u0026rsquo;instance commencera au chargement ou seulement lorsque l\u0026rsquo;élément cible devient visible dans le viewport. Par défaut true loop [boolean] Si vos chaînes seront continuellement répétées après la complétion Exemple 1 :\n{{\u0026lt; typeit \u0026gt;}} Lorem ipsum dolor sit amet {{\u0026lt; /typeit \u0026gt;}} Exemple 2 :\n{{\u0026lt; typeit tag=h1 lifeLike=true \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. {{\u0026lt; /typeit \u0026gt;}} Exemple 3 :\n{{\u0026lt; typeit tag=h3 speed=50 breakLines=false loop=true \u0026gt;}} \u0026#34;Franchement, ma chère, c\u0026#39;est le cadet de mes soucis.\u0026#34; Autant en emporte le vent (1939) \u0026#34;Je vais lui faire une offre qu\u0026#39;il ne pourra pas refuser.\u0026#34; Le Parrain (1972) \u0026#34;Toto, j\u0026#39;ai l\u0026#39;impression que nous ne sommes plus au Kansas.\u0026#34; Le Magicien d\u0026#39;Oz (1939) {{\u0026lt; /typeit \u0026gt;}} Video # Blowfish inclut un shortcode video pour intégrer des vidéos locales ou externes dans le contenu. Le shortcode génère un conteneur \u0026lt;figure\u0026gt; avec un lecteur vidéo adaptatif et une légende facultative.\nLe shortcode video accepte les paramètres suivants :\nParamètre Description src Requis. URL de la vidéo ou chemin local. Ordre de recherche local : ressource de page → assets/ → static/. poster Image d\u0026rsquo;affiche optionnelle (URL ou chemin local). Si omise, le shortcode tente une image du même nom dans le bundle de page. caption Légende Markdown optionnelle affichée sous la vidéo. autoplay true/false. Active la lecture automatique quand true. Par défaut : false. loop true/false. Boucle quand true. Par défaut : false. muted true/false. Met en sourdine quand true. Par défaut : false. controls true/false. Affiche les contrôles de lecture par défaut du navigateur quand true. Par défaut : true. playsinline true/false. Lecture en ligne sur mobile quand true. Par défaut : true. preload metadata (charge les infos), none (économise la bande passante) ou auto (précharge davantage). Par défaut : metadata. start Temps de début optionnel en secondes. end Temps de fin optionnel en secondes. ratio Ratio d\u0026rsquo;aspect réservé pour le lecteur. Prend en charge 16/9, 4/3, 1/1 ou W/H personnalisé. Par défaut : 16/9. fit Ajustement de la vidéo dans le ratio : contain (pas de recadrage), cover (recadre pour remplir), fill (étire). Par défaut : contain. Si le navigateur ne peut pas lire la vidéo, le lecteur affiche un message minimal en anglais avec un lien de téléchargement.\nExemple :\n{{\u0026lt; video src=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/5/5a/CC0_-_Public_Domain_Dedication_video_bumper.webm\u0026#34; poster=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/e/e0/CC0.jpg\u0026#34; caption=\u0026#34;**Démo du domaine public** — vidéo et affiche CC0.\u0026#34; loop=true muted=true \u0026gt;}} Your browser cannot play this video. Download video.\nDémo du domaine public — vidéo et affiche CC0. Youtube Lite # Un raccourci pour intégrer des vidéos YouTube en utilisant la bibliothèque lite-youtube-embed. Cette bibliothèque est une alternative légère aux intégrations YouTube standard, et elle est conçue pour être plus rapide et plus efficace.\nParamètre Description id [String] ID de la vidéo YouTube à intégrer. label [String] Libellé pour la vidéo params [String] Paramètres supplémentaires pour la lecture vidéo Exemple 1 :\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Démo Blowfish-tools\u0026#34; \u0026gt;}} Exemple 2 :\nVous pouvez utiliser tous les paramètres du lecteur YouTube pour la variable params, comme démontré ci-dessous :\nCette vidéo démarrera après 130 secondes (2m10)\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Démo Blowfish-tools\u0026#34; params=\u0026#34;start=130\u0026#34; \u0026gt;}} Cette vidéo n\u0026rsquo;aura pas de contrôles d\u0026rsquo;interface utilisateur, démarrera à 130 secondes et s\u0026rsquo;arrêtera 10 secondes plus tard.\nPour concaténer plusieurs options comme indiqué ci-dessous, vous devez ajouter le caractère \u0026amp; entre elles.\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Démo Blowfish-tools\u0026#34; params=\u0026#34;start=130\u0026amp;end=10\u0026amp;controls=0\u0026#34; \u0026gt;}} Plus d\u0026rsquo;informations peuvent être trouvées sur le repo GitHub youtubeLite et la page paramètres du lecteur de YouTube.\n","externalUrl":null,"permalink":"/fr/docs/shortcodes/","section":"Documentation","summary":"En plus de tous les shortcodes Hugo par défaut, Blowfish en ajoute quelques-uns supplémentaires pour des fonctionnalités avancées.\nAlert # alert affiche son contenu sous forme de boîte de message stylisée dans votre article. C’est utile pour attirer l’attention sur des informations importantes que vous ne voulez pas que le lecteur manque.\n","title":"Shortcodes","type":"docs"},{"content":"","externalUrl":"https://ciicadalab.github.io","permalink":"/fr/users/6-ef51c7b9654a4f2d13525eb80ee46cdf/","section":"Utilisateurs","summary":"","title":"ciicadalab.github.io","type":"users"},{"content":"En plus des paramètres front matter Hugo par défaut, Blowfish ajoute un certain nombre d\u0026rsquo;options supplémentaires pour personnaliser la présentation des articles individuels. Tous les paramètres front matter du thème disponibles sont listés ci-dessous.\nLes valeurs par défaut des paramètres front matter sont héritées de la configuration de base du thème, vous n\u0026rsquo;avez donc besoin de spécifier ces paramètres dans votre front matter que lorsque vous souhaitez remplacer la valeur par défaut.\nNom Défaut Description title Non défini Le nom de l\u0026rsquo;article. description Non défini La description textuelle de l\u0026rsquo;article. Elle est utilisée dans les métadonnées HTML. externalUrl Non défini Si cet article est publié sur un site tiers, l\u0026rsquo;URL vers cet article. Fournir une URL empêchera la génération d\u0026rsquo;une page de contenu et toutes les références à cet article pointeront directement vers le site tiers. editURL article.editURL Lorsque showEdit est actif, l\u0026rsquo;URL du lien d\u0026rsquo;édition. editAppendPath article.editAppendPath Lorsque showEdit est actif, si le chemin vers l\u0026rsquo;article actuel doit être ajouté à l\u0026rsquo;URL définie dans editURL. groupByYear list.groupByYear Si les articles sont groupés par année sur les pages de liste. menu Non défini Lorsqu\u0026rsquo;une valeur est fournie, un lien vers cet article apparaîtra dans les menus nommés. Les valeurs valides sont main ou footer. robots Non défini Chaîne indiquant comment les robots doivent traiter cet article. Si défini, il sera affiché dans l\u0026rsquo;en-tête de la page. Consultez la documentation Google pour les valeurs valides. sharingLinks article.sharingLinks Quels liens de partage afficher à la fin de cet article. Lorsque non fourni ou défini sur false, aucun lien ne sera affiché. showAuthor article.showAuthor Si la boîte auteur pour l\u0026rsquo;auteur par défaut est affichée dans le pied de page de l\u0026rsquo;article. showAuthorBottom article.showAuthorBottom Les boîtes auteur sont affichées en bas de chaque page au lieu du haut. authors Non défini Tableau de valeurs pour les auteurs, si défini, il remplace les paramètres showAuthor pour la page ou le site. Utilisé pour la fonctionnalité de multiples auteurs, consultez cette page pour plus de détails sur la configuration. showAuthorsBadges article.showAuthorsBadges Si les taxonomies authors sont affichées dans l\u0026rsquo;en-tête de l\u0026rsquo;article ou de la liste. Cela nécessite la configuration de multiple authors et de la taxonomie authors. Consultez cette page pour plus de détails. featureimage Non défini Lien pour l\u0026rsquo;image mise en avant featureimagecaption Non défini Légende pour l\u0026rsquo;image mise en avant. Affichée uniquement dans le heroStyle big showHero article.showHero Si l\u0026rsquo;image vignette sera affichée comme image hero dans la page de l\u0026rsquo;article. heroStyle article.heroStyle Style d\u0026rsquo;affichage de l\u0026rsquo;image hero, les options valides sont : basic, big, background, thumbAndBackground. imagePosition Non défini Définit la position de l\u0026rsquo;image mise en avant en utilisant l\u0026rsquo;attribut object-position. Les valeurs valides sont comme spécifié dans la documentation MDN. showBreadcrumbs article.showBreadcrumbs ou list.showBreadcrumbs Si les fils d\u0026rsquo;Ariane sont affichés dans l\u0026rsquo;en-tête de l\u0026rsquo;article ou de la liste. showDate article.showDate Si la date de l\u0026rsquo;article est affichée. La date est définie avec le paramètre date. showDateUpdated article.showDateUpdated Si la date de mise à jour de l\u0026rsquo;article est affichée. La date est définie avec le paramètre lastmod. showEdit article.showEdit Si le lien pour éditer le contenu de l\u0026rsquo;article doit être affiché. showHeadingAnchors article.showHeadingAnchors Si les liens d\u0026rsquo;ancrage des titres sont affichés à côté des titres dans cet article. showPagination article.showPagination Si les liens article suivant/précédent sont affichés dans le pied de page de l\u0026rsquo;article. invertPagination article.invertPagination Si la direction des liens article suivant/précédent doit être inversée. showReadingTime article.showReadingTime Si le temps de lecture de l\u0026rsquo;article est affiché. showTaxonomies article.showTaxonomies Si les taxonomies liées à cet article sont affichées. showTableOfContents article.showTableOfContents Si la table des matières est affichée sur cet article. showWordCount article.showWordCount Si le nombre de mots de l\u0026rsquo;article est affiché. showComments article.showComments Si le partial commentaires est inclus après le pied de page de l\u0026rsquo;article. showSummary list.showSummary Si le résumé de l\u0026rsquo;article doit être affiché sur les pages de liste. showViews article.showViews Si les vues de l\u0026rsquo;article doivent être affichées dans les listes et la vue détaillée. Cela nécessite une intégration Firebase. Consultez cette page pour un guide sur l\u0026rsquo;intégration de Firebase. showLikes article.showLikes Si les likes de l\u0026rsquo;article doivent être affichés dans les listes et la vue détaillée. Cela nécessite une intégration Firebase. Consultez cette page pour un guide sur l\u0026rsquo;intégration de Firebase. seriesOpened article.seriesOpened Si le module de série sera affiché ouvert par défaut ou non. series Non défini Tableau des séries auxquelles l\u0026rsquo;article appartient, nous recommandons d\u0026rsquo;utiliser une seule série par article. series_order Non défini Numéro de l\u0026rsquo;article dans la série. summary Généré automatiquement avec summaryLength (voir configuration du site) Lorsque showSummary est activé, c\u0026rsquo;est la chaîne Markdown à utiliser comme résumé pour cet article. xml true sauf exclusion par sitemap.excludedKinds Si cet article est inclus dans le fichier /sitemap.xml généré. excludeFromSearch false Si cet article doit être exclu du sitemap et de l\u0026rsquo;index de recherche. Lorsque true, la page n\u0026rsquo;apparaîtra pas dans sitemap.xml ou index.json. layoutBackgroundBlur true Fait flouter l\u0026rsquo;image d\u0026rsquo;arrière-plan dans le heroStyle background avec le défilement layoutBackgroundHeaderSpace true Ajoute de l\u0026rsquo;espace entre l\u0026rsquo;en-tête et le corps. externalLinkForceNewTab article.externalLinkForceNewTab Les liens externes dans le markdown doivent-ils s\u0026rsquo;ouvrir dans un nouvel onglet? ","externalUrl":null,"permalink":"/fr/docs/front-matter/","section":"Documentation","summary":"En plus des paramètres front matter Hugo par défaut, Blowfish ajoute un certain nombre d’options supplémentaires pour personnaliser la présentation des articles individuels. Tous les paramètres front matter du thème disponibles sont listés ci-dessous.\n","title":"Front Matter","type":"docs"},{"content":"Certains sites web ont plus d\u0026rsquo;un auteur contribuant au contenu et nécessitent donc plus qu\u0026rsquo;un seul auteur par défaut pour l\u0026rsquo;ensemble du site. Pour ces cas d\u0026rsquo;utilisation, Blowfish permet aux utilisateurs d\u0026rsquo;étendre la liste des auteurs en utilisant la fonctionnalité d\u0026rsquo;auteurs multiples.\nPour garder tout rétrocompatible, cette fonctionnalité permet uniquement la définition d\u0026rsquo;auteurs supplémentaires et ne change en rien la fonctionnalité d\u0026rsquo;auteur précédente qui est utilisée via les fichiers de configuration.\nCréer des auteurs # La première étape pour créer de nouveaux auteurs est de configurer un nouveau dossier dans ./data/authors. Ensuite, vous pouvez simplement ajouter de nouveaux fichiers json à l\u0026rsquo;intérieur, un pour chaque nouvel auteur. Le nom du fichier sera la clé pour cet auteur lors de sa référence dans vos articles.\nPar exemple, créons un fichier appelé nunocoracao.json dans ./data/authors. Le contenu du fichier devrait être similaire à celui ci-dessous. name, image, bio et social sont les 4 paramètres actuellement supportés pour les auteurs. Ils reflètent les configurations disponibles pour l\u0026rsquo;auteur par défaut dans les fichiers de configuration.\nNote : la clé dans l\u0026rsquo;objet social sera utilisée pour récupérer l\u0026rsquo;une des icônes du thème, n\u0026rsquo;hésitez pas à utiliser n\u0026rsquo;importe quelle icône disponible dans votre installation.\n{ \u0026#34;name\u0026#34;: \u0026#34;Nuno Coração\u0026#34;, \u0026#34;image\u0026#34; : \u0026#34;img/nuno_avatar.jpg\u0026#34;, \u0026#34;bio\u0026#34;: \u0026#34;Theme Creator\u0026#34;, \u0026#34;social\u0026#34;: [ { \u0026#34;linkedin\u0026#34;: \u0026#34;https://linkedin.com/in/nunocoracao\u0026#34; }, { \u0026#34;twitter\u0026#34;: \u0026#34;https://twitter.com/nunocoracao\u0026#34; }, { \u0026#34;instagram\u0026#34;: \u0026#34;https://instagram.com/nunocoracao\u0026#34; }, { \u0026#34;medium\u0026#34;: \u0026#34;https://medium.com/@nunocoracao\u0026#34; }, { \u0026#34;github\u0026#34;: \u0026#34;https://github.com/nunocoracao\u0026#34; }, { \u0026#34;goodreads\u0026#34;: \u0026#34;http://goodreads.com/nunocoracao\u0026#34; }, { \u0026#34;keybase\u0026#34;: \u0026#34;https://keybase.io/nunocoracao\u0026#34; }, { \u0026#34;reddit\u0026#34;: \u0026#34;https://reddit.com/user/nunoheart\u0026#34; } ] } Référencer les auteurs dans les articles # Maintenant que vous avez créé un auteur, l\u0026rsquo;étape suivante est de le référencer dans un ou plusieurs articles. Dans l\u0026rsquo;exemple ci-dessous, nous référençons l\u0026rsquo;auteur créé à l\u0026rsquo;étape précédente en utilisant sa clé.\nCela affichera un auteur supplémentaire en utilisant les données fournies dans le fichier json. Cette fonctionnalité ne change en rien l\u0026rsquo;auteur par défaut configuré pour l\u0026rsquo;ensemble du site, et donc, vous pouvez contrôler les deux séparément. En utilisant le paramètre showAuthor, vous pouvez configurer s\u0026rsquo;il faut afficher l\u0026rsquo;auteur par défaut, c\u0026rsquo;est le cas d\u0026rsquo;utilisation normal pour un blog à auteur unique. Le nouveau paramètre front matter authors vous permet de définir des auteurs spécifiquement pour un article, et ils seront rendus indépendamment des configurations pour l\u0026rsquo;auteur du site par défaut.\n--- title: \u0026#34;Multiple Authors\u0026#34; date: 2020-08-10 draft: false description: \u0026#34;Configure multiple authors for your articles.\u0026#34; slug: \u0026#34;multi-author\u0026#34; tags: [\u0026#34;authors\u0026#34;, \u0026#34;config\u0026#34;, \u0026#34;docs\u0026#34;] showAuthor: true authors: - \u0026#34;nunocoracao\u0026#34; showAuthorsBadges : false --- Dans l\u0026rsquo;exemple, qui correspond au markdown de la page actuelle, à la fois l\u0026rsquo;auteur par défaut et le nouveau seront affichés. Vous pouvez faire défiler vers le bas maintenant pour voir le résultat.\nCréer la taxonomie des auteurs # Pour obtenir des listes d\u0026rsquo;articles pour chacun de vos auteurs, vous pouvez configurer la taxonomie authors, qui ouvre quelques configurations supplémentaires qui pourraient être intéressantes. C\u0026rsquo;est une étape optionnelle dans le processus qui n\u0026rsquo;est pas requise pour afficher les auteurs dans vos articles.\nLa première étape est de configurer la taxonomie authors dans votre fichier hugo.toml, comme dans l\u0026rsquo;exemple ci-dessous. Même si tag et category sont définis par défaut avec Hugo, une fois que vous ajoutez une section taxonomies spécifique, vous devez les ajouter à nouveau sinon le site ne les traitera pas.\n[taxonomies] tag = \u0026#34;tags\u0026#34; category = \u0026#34;categories\u0026#34; author = \u0026#34;authors\u0026#34; Et c\u0026rsquo;est à peu près tout. Maintenant vous aurez des pages qui référencent vos auteurs et, pour chacun, affichent la liste respective d\u0026rsquo;articles où ils participent. Vous pouvez également utiliser article.showAuthorsBadges dans le fichier de configuration, ou showAuthorsBadges sur chaque article pour choisir d\u0026rsquo;afficher ou non la taxonomie authors comme badges dans chaque élément de publication. Par exemple, cette documentation est configurée pour ne pas afficher les auteurs mais si vous regardez l\u0026rsquo;exemple référencé ci-dessous, vous verrez les auteurs affichés comme badges.\nEnfin, vous pouvez ajouter plus de détails à chaque page d\u0026rsquo;auteur pour qu\u0026rsquo;elle affiche une petite bio, des liens, ou toute information qui correspond à votre cas d\u0026rsquo;utilisation. Pour y parvenir, créez un dossier avec la clé pour chaque auteur dans ./content/authors et placez à l\u0026rsquo;intérieur un fichier _index.md. Pour l\u0026rsquo;exemple ci-dessus, nous finirions avec un fichier .content/authors/nunocoracao/_index.md. À l\u0026rsquo;intérieur, vous pouvez configurer le nom réel de l\u0026rsquo;auteur et le contenu de sa page. Les auteurs sur ce site de documentation sont configurés ainsi, donc vous pouvez y jeter un œil en jouant avec le site.\n--- title: \u0026#34;Nuno Coração\u0026#34; --- Nuno\u0026#39;s awesome dummy bio. Exemple # Cet exemple ci-dessous montre un cas où l\u0026rsquo;auteur du site par défaut est désactivé et l\u0026rsquo;article a plusieurs auteurs.\nAuteurs multiples 1 min\u0026middot; loading Nuno Coração ,\u0026nbsp; Dummy Second Author Auteurs Exemple ","externalUrl":null,"permalink":"/fr/docs/multi-author/","section":"Documentation","summary":"Certains sites web ont plus d’un auteur contribuant au contenu et nécessitent donc plus qu’un seul auteur par défaut pour l’ensemble du site. Pour ces cas d’utilisation, Blowfish permet aux utilisateurs d’étendre la liste des auteurs en utilisant la fonctionnalité d’auteurs multiples.\n","title":"Auteurs multiples","type":"docs"},{"content":"","externalUrl":"https://georgiancodeclub.github.io","permalink":"/fr/users/7-25036bf87aa99ef82e09089a1ddbb9eb/","section":"Utilisateurs","summary":"","title":"georgiancodeclub.github.io","type":"users"},{"content":"","externalUrl":"https://www.fahru.my.id","permalink":"/fr/users/8-5440c85ea880d93157088032515962d3/","section":"Utilisateurs","summary":"","title":"fahru.my.id","type":"users"},{"content":" Analytics # Blowfish offre une prise en charge intégrée de Fathom Analytics, Google Analytics et Umami Analytics. Fathom est une alternative payante à Google Analytics qui respecte la vie privée des utilisateurs.\nFathom Analytics # Pour activer la prise en charge de Fathom Analytics, fournissez simplement votre code de site Fathom dans le fichier config/_default/params.toml. Si vous utilisez également la fonctionnalité de domaine personnalisé de Fathom et souhaitez servir leur script depuis votre domaine, vous pouvez également fournir la valeur de configuration domain. Si vous ne fournissez pas de valeur domain, le script se chargera directement depuis le DNS de Fathom.\n# config/_default/params.toml [fathomAnalytics] site = \u0026#34;ABC12345\u0026#34; domain = \u0026#34;llama.yoursite.com\u0026#34; Google Analytics # La prise en charge de Google Analytics est fournie via le partial interne de Hugo. Fournissez simplement la clé googleAnalytics dans le fichier config/_default/hugo.toml et le script sera ajouté automatiquement.\nLes versions 3 (analytics.js) et 4 (gtag.js) sont prises en charge, selon la valeur de configuration fournie :\n# config/_default/hugo.toml # version 3 googleAnalytics = \u0026#34;UA-PROPERTY_ID\u0026#34; # version 4 googleAnalytics = \u0026#34;G-MEASUREMENT_ID\u0026#34; Umami Analytics # Pour activer la prise en charge d\u0026rsquo;Umami Analytics, fournissez simplement votre code de suivi Umami dans le fichier config/_default/params.toml. Si vous utilisez également la fonctionnalité de domaine personnalisé d\u0026rsquo;Umami et souhaitez servir leur script depuis votre domaine, vous pouvez également fournir la valeur de configuration domain. Si vous ne fournissez pas de valeur domain, le script se chargera directement depuis le DNS d\u0026rsquo;Umami (analytics.umami.is). Si vous souhaitez que le tracker ne s\u0026rsquo;exécute que sur des domaines spécifiques, vous pouvez fournir la valeur de configuration dataDomains. Si vous ne fournissez pas de valeur dataDomains, le script s\u0026rsquo;exécutera sur tout site web où domain et websiteid correspondent. Si la variable d\u0026rsquo;environnement TRACKER_SCRIPT_NAME est configurée, vous pouvez spécifier un nom de script personnalisé scriptName. Si elle n\u0026rsquo;est pas configurée, commentez-la ou utilisez la valeur par défaut script.js.\nNote : Si vous activez Umami Analytics, Blowfish prendra en charge Umami Track Event automatiquement. Si vous ne souhaitez pas prendre en charge Track Event, le paramètre enableTrackEvent doit être défini sur false. # config/_default/params.toml [umamiAnalytics] websiteid = \u0026#34;ABC12345\u0026#34; domain = \u0026#34;llama.yoursite.com\u0026#34; dataDomains = \u0026#34;yoursite.com,yoursite2.com\u0026#34; scriptName = \u0026#34;TRACKER_SCRIPT_NAME\u0026#34; enableTrackEvent = true Seline Analytics # Pour activer la prise en charge de Seline Analytics, fournissez simplement votre token Seline dans le fichier config/_default/params.toml.\nNote : Si vous activez Seline Analytics, Blowfish prendra en charge Seline Track Event automatiquement. Si vous ne souhaitez pas prendre en charge Track Event, le paramètre enableTrackEvent doit être défini sur false. # config/_default/params.toml [selineAnalytics] token = \u0026#34;XXXXXX\u0026#34; enableTrackEvent = true Fournisseurs d\u0026rsquo;analytics personnalisés # Si vous souhaitez utiliser un autre fournisseur d\u0026rsquo;analytics sur votre site web, vous pouvez également remplacer le partial analytics et fournir votre propre script. Créez simplement le fichier layouts/partials/extend-head.html dans votre projet et il sera automatiquement inclus dans le \u0026lt;head\u0026gt; du site web.\nCommentaires # Pour ajouter des commentaires à vos articles, Blowfish inclut la prise en charge d\u0026rsquo;un partial de commentaires qui est inclus en bas de chaque page d\u0026rsquo;article. Fournissez simplement un layouts/partials/comments.html contenant le code requis pour afficher vos commentaires choisis.\nVous pouvez utiliser soit le modèle Disqus intégré de Hugo, soit fournir votre propre code personnalisé. Consultez la documentation Hugo pour plus d\u0026rsquo;informations.\nUne fois le partial fourni, le contrôle plus fin de l\u0026rsquo;endroit où les commentaires sont affichés est ensuite géré via le paramètre showComments. Cette valeur peut être définie au niveau du thème dans le fichier de configuration params.toml, ou par article en l\u0026rsquo;incluant dans le front matter. Le paramètre est par défaut false, il doit donc être défini sur true dans l\u0026rsquo;un de ces emplacements pour que les commentaires soient affichés.\nFavicons # Blowfish fournit un ensemble par défaut de favicons vides pour commencer, mais vous pouvez fournir vos propres ressources pour les remplacer. Le moyen le plus simple d\u0026rsquo;obtenir de nouvelles ressources favicon est de les générer à l\u0026rsquo;aide d\u0026rsquo;un fournisseur tiers comme favicon.io.\nLes ressources d\u0026rsquo;icônes doivent être placées directement dans le dossier static/ de votre site web et nommées selon la liste ci-dessous. Si vous utilisez favicon.io, ce seront les noms de fichiers qui seront automatiquement générés pour vous, mais vous pouvez fournir vos propres ressources si vous le souhaitez.\nstatic/ ├─ android-chrome-192x192.png ├─ android-chrome-512x512.png ├─ apple-touch-icon.png ├─ favicon-16x16.png ├─ favicon-32x32.png ├─ favicon.ico └─ site.webmanifest Alternativement, vous pouvez également remplacer complètement le comportement par défaut des favicons et fournir vos propres balises HTML favicon et ressources. Créez simplement un fichier layouts/partials/favicons.html dans votre projet et celui-ci sera injecté dans le \u0026lt;head\u0026gt; du site à la place des ressources par défaut.\nIcon # Similaire au shortcode icon, vous pouvez inclure des icônes dans vos propres templates et partials en utilisant le partial icon.html de Blowfish. Le partial prend un paramètre qui est le nom de l\u0026rsquo;icône à inclure.\nExemple :\n{{ partial \u0026#34;icon.html\u0026#34; \u0026#34;github\u0026#34; }} Les icônes sont remplies à l\u0026rsquo;aide des pipelines Hugo, ce qui les rend très flexibles. Blowfish inclut un certain nombre d\u0026rsquo;icônes intégrées pour les réseaux sociaux, les liens et d\u0026rsquo;autres usages. Consultez la page exemples d\u0026rsquo;icônes pour une liste complète des icônes prises en charge.\nDes icônes personnalisées peuvent être ajoutées en fournissant vos propres ressources d\u0026rsquo;icônes dans le répertoire assets/icons/ de votre projet. L\u0026rsquo;icône peut ensuite être référencée dans le partial en utilisant le nom du fichier SVG sans l\u0026rsquo;extension .svg.\nLes icônes peuvent également être utilisées dans le contenu des articles en appelant le shortcode icon.\nExtensions # Blowfish fournit également un certain nombre de partials d\u0026rsquo;extension qui permettent d\u0026rsquo;étendre les fonctionnalités de base.\nLien d\u0026rsquo;article # Si vous souhaitez insérer du code supplémentaire après les liens d\u0026rsquo;articles, créez un fichier layouts/partials/extend-article-link.html. C\u0026rsquo;est particulièrement puissant en combinaison avec le shortcode badge qui peut être utilisé pour mettre en évidence les métadonnées de certains articles.\nHead et Footer # Le thème permet d\u0026rsquo;insérer du code supplémentaire directement dans les sections \u0026lt;head\u0026gt; et \u0026lt;footer\u0026gt; du template. Ceux-ci peuvent être utiles pour fournir des scripts ou d\u0026rsquo;autres logiques qui ne font pas partie du thème.\nCréez simplement soit layouts/partials/extend-head.html soit layouts/partials/extend-footer.html et ceux-ci seront automatiquement inclus dans la construction de votre site web. Les deux partials sont injectés comme derniers éléments dans \u0026lt;head\u0026gt; et \u0026lt;footer\u0026gt;, ils peuvent donc être utilisés pour remplacer les valeurs par défaut du thème.\nExtension Head non mise en cache # Le extend-head.html est mis en cache, et Blowfish prend également en charge une extension head non mise en cache pour inclure conditionnellement des scripts ou des métadonnées basées sur les propriétés au niveau de la page. Pour utiliser cette fonctionnalité, créez un fichier layouts/partials/extend-head-uncached.html dans votre projet. Ce fichier sera inclus dans la balise HTML \u0026lt;head\u0026gt;.\nC\u0026rsquo;est utile lorsque vous devez inclure des éléments dynamiques—comme des scripts ou des métadonnées—basés sur des propriétés comme les shortcodes, les flags front matter, ou d\u0026rsquo;autres données spécifiques à la page qui ne devraient pas être mises en cache entre les builds.\nPar exemple, pour charger dynamiquement un fichier JavaScript CDN basé sur l\u0026rsquo;apparition d\u0026rsquo;un shortcode, vous pouvez utiliser la méthode HasShortcode dans extend-head-uncached.html.\n","externalUrl":null,"permalink":"/fr/docs/partials/","section":"Documentation","summary":"Analytics # Blowfish offre une prise en charge intégrée de Fathom Analytics, Google Analytics et Umami Analytics. Fathom est une alternative payante à Google Analytics qui respecte la vie privée des utilisateurs.\n","title":"Partials","type":"docs"},{"content":"","externalUrl":"https://loisvelasco.is-a.dev","permalink":"/fr/users/9-6c20c1af90023ed60919801cfba0f08f/","section":"Utilisateurs","summary":"","title":"loisvelasco.is-a.dev","type":"users"},{"content":" Vignettes # Blowfish a été amélioré pour faciliter l\u0026rsquo;ajout de support visuel à vos publications. Pour ce faire, il vous suffit de placer un fichier image (presque tous les formats sont supportés mais nous recommandons .png ou .jpg) commençant par feature* dans le répertoire principal de votre article, comme illustré dans l\u0026rsquo;exemple ci-dessous.\ncontent └── awesome_article ├── index.md └── featured.png Cela indiquera à Blowfish que cet article a une image de fonctionnalité qui peut être utilisée à la fois comme vignette sur votre site web ainsi que pour les cartes oEmbed sur les plateformes sociales.\nStructure des dossiers # Si vous utilisez des fichiers .md individuels pour vos articles et avez une structure de fichiers similaire à celle-ci :\ncontent └── awesome_article.md Vous devez la changer d\u0026rsquo;un fichier Markdown unique en un dossier. Créez un répertoire avec le même nom que l\u0026rsquo;article, à l\u0026rsquo;intérieur créez un fichier index.md. Vous obtiendrez une structure similaire à celle ci-dessous.\ncontent └── awesome_article └── index.md Ensuite, il vous suffit d\u0026rsquo;ajouter une image comme expliqué précédemment. Si vous voulez voir un exemple de ceci, vous pouvez consulter cet exemple.\nImages héros # Les vignettes seront utilisées par défaut comme images héros dans chaque article. Utilisez le paramètre global article.showHero ou le paramètre front matter showHero pour contrôler cette fonctionnalité sur l\u0026rsquo;ensemble du site ou pour chaque publication spécifique. Si vous voulez remplacer le style de l\u0026rsquo;image héros, vous pouvez créer un fichier appelé hero.html dans ./layouts/partials/ qui remplacera le partial original du thème.\n","externalUrl":null,"permalink":"/fr/docs/thumbnails/","section":"Documentation","summary":"Vignettes # Blowfish a été amélioré pour faciliter l’ajout de support visuel à vos publications. Pour ce faire, il vous suffit de placer un fichier image (presque tous les formats sont supportés mais nous recommandons .png ou .jpg) commençant par feature* dans le répertoire principal de votre article, comme illustré dans l’exemple ci-dessous.\n","title":"Vignettes","type":"docs"},{"content":"Si vous avez lu la documentation dans l\u0026rsquo;ordre, vous devriez maintenant connaître toutes les fonctionnalités et configurations disponibles dans Blowfish. Cette page est conçue pour tout rassembler et offrir quelques exemples pratiques que vous pourriez vouloir utiliser dans votre projet Hugo.\nAstuce : Si vous êtes nouveau sur Hugo, assurez-vous de consulter la documentation officielle pour en savoir plus sur le concept de bundles de pages et de ressources. Les exemples de cette page peuvent tous être adaptés à différents scénarios, mais ils vous donneront, espérons-le, quelques idées sur la façon d\u0026rsquo;aborder le formatage d\u0026rsquo;un élément de contenu particulier pour votre projet individuel.\nPages de branche # Les bundles de pages de branche dans Hugo couvrent des éléments comme la page d\u0026rsquo;accueil, les listes de sections et les pages de taxonomie. La chose importante à retenir concernant les bundles de branche est que le nom de fichier pour ce type de contenu est _index.md.\nBlowfish honorera les paramètres de front matter spécifiés dans les pages de branche et ceux-ci remplaceront les paramètres par défaut pour cette page particulière. Par exemple, définir le paramètre title dans une page de branche permettra de remplacer le titre de la page.\nPage d\u0026rsquo;accueil # Layout : layouts/index.html Contenu : content/_index.md La page d\u0026rsquo;accueil dans Blowfish est spéciale car son design global est contrôlé par le paramètre de configuration du layout de la page d\u0026rsquo;accueil. Vous pouvez en savoir plus à ce sujet dans la section Layout de la page d\u0026rsquo;accueil.\nSi vous voulez ajouter du contenu personnalisé à cette page, vous devez simplement créer un fichier content/_index.md. Tout ce qui se trouve dans ce fichier sera alors inclus dans votre page d\u0026rsquo;accueil.\nExemple :\n--- title: \u0026#34;Bienvenue sur Blowfish !\u0026#34; description: \u0026#34;Ceci est une démo d\u0026#39;ajout de contenu à la page d\u0026#39;accueil.\u0026#34; --- Bienvenue sur mon site web ! Je suis vraiment content que vous soyez passé. Cet exemple définit un titre personnalisé et ajoute du texte supplémentaire au corps de la page. Tout texte formaté en Markdown est acceptable, y compris les shortcodes, les images et les liens.\nPages de liste # Layout : layouts/_default/list.html Contenu : content/../_index.md Les pages de liste regroupent toutes les pages d\u0026rsquo;une section et offrent un moyen aux visiteurs d\u0026rsquo;atteindre chaque page. Un blog ou un portfolio sont des exemples de pages de liste car ils regroupent des articles ou des projets.\nCréer une page de liste est aussi simple que de créer un sous-répertoire dans le dossier content. Par exemple, pour créer une section \u0026ldquo;Projets\u0026rdquo;, vous créeriez content/projects/. Ensuite, créez un fichier Markdown pour chacun de vos projets.\nUne page de liste sera générée par défaut, cependant pour personnaliser le contenu, vous devriez également créer une page _index.md dans ce nouveau répertoire.\n. └── content └── projects ├── _index.md # /projects ├── first-project.md # /projects/first-project └── another-project ├── index.md # /projects/another-project └── project.jpg Hugo générera des URLs pour les pages de votre dossier projets en conséquence.\nTout comme la page d\u0026rsquo;accueil, le contenu du fichier _index.md sera affiché dans l\u0026rsquo;index de liste généré. Blowfish listera ensuite toutes les pages de cette section sous le contenu.\nExemple :\n--- title: \u0026#34;Projets\u0026#34; description: \u0026#34;Découvrez certains de mes projets.\u0026#34; cascade: showReadingTime: false --- Cette section contient tous mes projets actuels. Dans cet exemple, le paramètre spécial cascade est utilisé pour masquer le temps de lecture sur toutes les sous-pages de cette section. En faisant cela, les pages de projet n\u0026rsquo;afficheront pas leur temps de lecture. C\u0026rsquo;est un excellent moyen de remplacer les paramètres par défaut du thème pour une section entière sans avoir à les inclure dans chaque page individuelle.\nLa section samples de ce site est un exemple de page de liste.\nPages de taxonomie # Layout liste : layouts/_default/taxonomy.html Layout terme : layouts/_default/term.html Contenu : content/../_index.md Les pages de taxonomie se présentent sous deux formes - les listes de taxonomie et les termes de taxonomie. Les listes affichent une liste de chacun des termes dans une taxonomie donnée, tandis que les termes affichent une liste de pages qui sont liées à un terme donné.\nLa terminologie peut être un peu confuse, alors explorons un exemple utilisant une taxonomie nommée animals.\nTout d\u0026rsquo;abord, pour utiliser les taxonomies dans Hugo, elles doivent être configurées. Cela se fait en créant un fichier de configuration à config/_default/taxonomies.toml et en définissant le nom de la taxonomie.\n# config/_default/taxonomies.toml animal = \u0026#34;animals\u0026#34; Hugo s\u0026rsquo;attend à ce que les taxonomies soient listées en utilisant leurs formes singulière et plurielle, donc nous ajoutons le singulier animal égal au pluriel animals pour créer notre taxonomie d\u0026rsquo;exemple.\nMaintenant que notre taxonomie animals existe, elle doit être ajoutée aux éléments de contenu individuels. C\u0026rsquo;est aussi simple que de l\u0026rsquo;insérer dans le front matter :\n--- title: \u0026#34;Dans la tanière du lion\u0026#34; description: \u0026#34;Cette semaine, nous apprenons sur les lions.\u0026#34; animals: [\u0026#34;lion\u0026#34;, \u0026#34;cat\u0026#34;] --- Cela a maintenant créé deux termes dans notre taxonomie animals - lion et cat.\nBien que ce ne soit pas évident à ce stade, Hugo génère maintenant des pages de liste et de terme pour cette nouvelle taxonomie. Par défaut, la liste peut être accessible à /animals/ et les pages de terme peuvent être trouvées à /animals/lion/ et /animals/cat/.\nLa page de liste listera tous les termes contenus dans la taxonomie. Dans cet exemple, naviguer vers /animals/ affichera une page qui a des liens pour \u0026ldquo;lion\u0026rdquo; et \u0026ldquo;cat\u0026rdquo; qui amènent les visiteurs aux pages de terme individuelles.\nLes pages de terme listeront toutes les pages contenues dans ce terme. Ces listes de termes sont essentiellement les mêmes que les pages de liste normales et se comportent de la même manière.\nPour ajouter du contenu personnalisé aux pages de taxonomie, créez simplement des fichiers _index.md dans le dossier content en utilisant le nom de la taxonomie comme nom de sous-répertoire.\n. └── content └── animals ├── _index.md # /animals └── lion └── _index.md # /animals/lion Tout ce qui se trouve dans ces fichiers de contenu sera maintenant placé sur les pages de taxonomie générées. Comme pour les autres contenus, les variables de front matter peuvent être utilisées pour remplacer les valeurs par défaut. De cette façon, vous pourriez avoir un tag nommé lion mais remplacer le title par \u0026ldquo;Lion\u0026rdquo;.\nPour voir à quoi cela ressemble en réalité, consultez la liste de taxonomie des tags sur ce site.\nPages feuille # Layout : layouts/_default/single.html Contenu (autonome) : content/../page-name.md Contenu (groupé) : content/../page-name/index.md Les pages feuille dans Hugo sont essentiellement des pages de contenu standard. Elles sont définies comme des pages qui ne contiennent aucune sous-page. Cela pourrait être des choses comme une page À propos, ou un article de blog individuel qui vit dans la section blog du site web.\nLa chose la plus importante à retenir concernant les pages feuille est que contrairement aux pages de branche, les pages feuille doivent être nommées index.md sans tiret bas. Les pages feuille sont également spéciales car elles peuvent être regroupées au niveau supérieur de la section et nommées avec un nom unique.\n. └── content └── blog ├── first-post.md # /blog/first-post ├── second-post.md # /blog/second-post └── third-post ├── index.md # /blog/third-post └── image.jpg Lors de l\u0026rsquo;inclusion d\u0026rsquo;assets dans une page, comme une image, un bundle de page doit être utilisé. Les bundles de page sont créés en utilisant un sous-répertoire avec un fichier index.md. Regrouper les assets avec le contenu dans son propre répertoire est important car de nombreux shortcodes et autres logiques du thème supposent que les ressources sont groupées avec les pages.\nExemple :\n--- title: \u0026#34;Mon premier article de blog\u0026#34; date: 2022-01-25 description: \u0026#34;Bienvenue sur mon blog !\u0026#34; summary: \u0026#34;Apprenez-en plus sur moi et pourquoi je lance ce blog.\u0026#34; tags: [\u0026#34;bienvenue\u0026#34;, \u0026#34;nouveau\u0026#34;, \u0026#34;à propos\u0026#34;, \u0026#34;premier\u0026#34;] --- _Voici_ le contenu de mon article de blog. Les pages feuille ont une grande variété de paramètres de front matter qui peuvent être utilisés pour personnaliser leur affichage.\nLiens externes # Blowfish a une fonctionnalité spéciale qui permet aux liens vers des pages externes d\u0026rsquo;apparaître à côté des articles dans les listes d\u0026rsquo;articles. C\u0026rsquo;est utile si vous avez du contenu sur des sites tiers comme Medium, ou des articles de recherche que vous souhaitez lier, sans répliquer le contenu dans votre site Hugo.\nPour créer un article de lien externe, un front matter spécial doit être défini :\n--- title: \u0026#34;Mon article Medium\u0026#34; date: 2022-01-25 externalUrl: \u0026#34;https://medium.com/\u0026#34; summary: \u0026#34;J\u0026#39;ai écrit un article sur Medium.\u0026#34; showReadingTime: false build: render: \u0026#34;false\u0026#34; list: \u0026#34;local\u0026#34; --- En plus des paramètres de front matter normaux comme title et summary, le paramètre externalUrl est utilisé pour indiquer à Blowfish qu\u0026rsquo;il ne s\u0026rsquo;agit pas d\u0026rsquo;un article ordinaire. L\u0026rsquo;URL fournie ici sera l\u0026rsquo;endroit où les visiteurs seront dirigés lorsqu\u0026rsquo;ils sélectionneront cet article.\nDe plus, nous utilisons un paramètre de front matter Hugo spécial build pour empêcher la génération d\u0026rsquo;une page normale pour ce contenu - il n\u0026rsquo;y a pas d\u0026rsquo;intérêt à générer une page puisque nous lions vers une URL externe !\nLe thème inclut un archétype pour simplifier la génération de ces articles de liens externes. Spécifiez simplement -k external lors de la création de nouveau contenu.\nhugo new -k external posts/my-post.md Pages simples # Layout : layouts/_default/simple.html Front Matter : layout: \u0026quot;simple\u0026quot; Blowfish inclut également un layout spécial pour les pages simples. Le layout simple est un template pleine largeur qui place simplement le contenu Markdown dans la page sans aucune fonctionnalité spéciale du thème.\nLes seules fonctionnalités disponibles dans le layout simple sont les fils d\u0026rsquo;Ariane et les liens de partage. Cependant, le comportement de ceux-ci peut toujours être contrôlé en utilisant les variables de front matter normales de la page.\nPour activer le layout simple sur une page particulière, ajoutez la variable de front matter layout avec la valeur \u0026quot;simple\u0026quot; :\n--- title: \u0026#34;Ma page d\u0026#39;atterrissage\u0026#34; date: 2022-03-08 layout: \u0026#34;simple\u0026#34; --- Le contenu de cette page est maintenant en pleine largeur. Layouts personnalisés # Un des avantages de Hugo est qu\u0026rsquo;il facilite la création de layouts personnalisés pour l\u0026rsquo;ensemble du site, des sections individuelles ou des pages.\nLes layouts suivent toutes les règles normales de templating Hugo et plus d\u0026rsquo;informations sont disponibles dans la documentation officielle de Hugo.\nRemplacement des layouts par défaut # Chacun des types de contenu discutés ci-dessus liste le fichier de layout qui est utilisé pour générer chaque type de page. Si ce fichier est créé dans votre projet local, il remplacera le template du thème et peut donc être utilisé pour personnaliser le style par défaut du site web.\nPar exemple, créer un fichier layouts/_default/single.html permettra de personnaliser complètement le layout des pages feuille.\nLayouts de section personnalisés # Il est également simple de créer des layouts personnalisés pour des sections de contenu individuelles. C\u0026rsquo;est utile lorsque vous voulez créer une section qui liste un certain type de contenu en utilisant un style particulier.\nParcourons un exemple qui crée une page \u0026ldquo;Projets\u0026rdquo; personnalisée qui liste les projets en utilisant un layout spécial.\nPour ce faire, structurez votre contenu en utilisant les règles de contenu Hugo normales et créez une section pour vos projets. De plus, créez un nouveau layout pour la section projets en utilisant le même nom de répertoire que le contenu et en ajoutant un fichier list.html.\n. └── content │ └── projects │ ├── _index.md │ ├── first-project.md │ └── second-project.md └── layouts └── projects └── list.html Ce fichier list.html remplacera maintenant le template de liste par défaut, mais uniquement pour la section projects. Avant de regarder ce fichier, examinons d\u0026rsquo;abord les fichiers de projet individuels.\n--- title: \u0026#34;Blowfish\u0026#34; date: 2021-08-11 icon: \u0026#34;github\u0026#34; description: \u0026#34;Un thème pour Hugo construit avec Tailwind CSS.\u0026#34; topics: [\u0026#34;Hugo\u0026#34;, \u0026#34;Web\u0026#34;, \u0026#34;Tailwind\u0026#34;] externalUrl: \u0026#34;https://github.com/nunocoracao/blowfish/\u0026#34; --- Dans cet exemple, nous attribuons des métadonnées à chaque projet que nous pouvons ensuite utiliser dans notre template de liste. Il n\u0026rsquo;y a pas de contenu de page, mais rien ne vous empêche d\u0026rsquo;en inclure. C\u0026rsquo;est votre propre template personnalisé après tout !\nAvec les projets définis, nous pouvons maintenant créer un template de liste qui affiche les détails de chaque projet.\n{{ define \u0026#34;main\u0026#34; }} \u0026lt;section class=\u0026#34;mt-8\u0026#34;\u0026gt; {{ range .Pages }} \u0026lt;article class=\u0026#34;pb-6\u0026#34;\u0026gt; \u0026lt;a class=\u0026#34;flex\u0026#34; href=\u0026#34;{{ .Params.externalUrl }}\u0026#34;\u0026gt; \u0026lt;div class=\u0026#34;mr-3 text-3xl text-neutral-300\u0026#34;\u0026gt; \u0026lt;span class=\u0026#34;relative inline-block align-text-bottom\u0026#34;\u0026gt; {{ partial \u0026#34;icon.html\u0026#34; .Params.icon }} \u0026lt;/span\u0026gt; \u0026lt;/div\u0026gt; \u0026lt;div\u0026gt; \u0026lt;h3 class=\u0026#34;flex text-xl font-semibold\u0026#34;\u0026gt; {{ .Title }} \u0026lt;/h3\u0026gt; \u0026lt;p class=\u0026#34;text-sm text-neutral-400\u0026#34;\u0026gt; {{ .Description }} \u0026lt;/p\u0026gt; \u0026lt;/div\u0026gt; \u0026lt;/a\u0026gt; \u0026lt;/article\u0026gt; {{ end }} \u0026lt;/section\u0026gt; {{ end }} Bien qu\u0026rsquo;il s\u0026rsquo;agisse d\u0026rsquo;un exemple assez simple, vous pouvez voir qu\u0026rsquo;il parcourt chacune des pages de cette section (c\u0026rsquo;est-à-dire chaque projet), puis affiche des liens HTML vers chaque projet avec une icône. Les métadonnées dans le front matter de chaque projet sont utilisées pour déterminer quelles informations sont affichées.\nGardez à l\u0026rsquo;esprit que vous devrez vous assurer que les styles et classes pertinents sont disponibles, ce qui peut nécessiter la recompilation du CSS Tailwind. Ceci est discuté plus en détail dans la section Personnalisation avancée.\nLors de la création de templates personnalisés comme celui-ci, il est toujours plus facile de regarder comment le template Blowfish par défaut fonctionne et ensuite de l\u0026rsquo;utiliser comme guide. N\u0026rsquo;oubliez pas que la documentation Hugo est également une excellente ressource pour en savoir plus sur la création de templates.\n","externalUrl":null,"permalink":"/fr/docs/content-examples/","section":"Documentation","summary":"Si vous avez lu la documentation dans l’ordre, vous devriez maintenant connaître toutes les fonctionnalités et configurations disponibles dans Blowfish. Cette page est conçue pour tout rassembler et offrir quelques exemples pratiques que vous pourriez vouloir utiliser dans votre projet Hugo.\n","title":"Exemples de contenu","type":"docs"},{"content":"","externalUrl":"https://insidemordecai.com","permalink":"/fr/users/10-7ee8520d5e9eadae8557be82f46ff18d/","section":"Utilisateurs","summary":"","title":"insidemordecai.com","type":"users"},{"content":"","externalUrl":"https://blastomussa.dev","permalink":"/fr/users/11-4ea7eb30d575afb5183b02f31a661c42/","section":"Utilisateurs","summary":"","title":"blastomussa.dev","type":"users"},{"content":"Blowfish propose une fonctionnalité permettant de regrouper un ensemble d\u0026rsquo;articles sous une \u0026ldquo;série\u0026rdquo;. Placer un article dans une série affichera les autres articles de la série sur chaque page individuelle et permettra une navigation rapide entre eux. Vous pouvez voir un exemple ci-dessus.\nCréer une taxonomie # La première étape pour activer les séries est de créer la taxonomie series. Pour ce faire, ajoutez simplement la taxonomie series à votre liste de taxonomies dans hugo.toml.\n[taxonomies] tag = \u0026#34;tags\u0026#34; category = \u0026#34;categories\u0026#34; author = \u0026#34;authors\u0026#34; series = \u0026#34;series\u0026#34; Marquer les articles # Ensuite, vous devez simplement marquer chaque article en utilisant le paramètre series et series_order. Le paramètre series sera l\u0026rsquo;identifiant et le nom de la série dans laquelle vous placez l\u0026rsquo;article (même si la variable est un tableau, nous recommandons de garder chaque article dans une seule série). Et series_order définit l\u0026rsquo;ordre de cet article dans la série. Dans l\u0026rsquo;exemple ci-dessous, l\u0026rsquo;article est le numéro 11 dans la série Documentation.\nseries: [\u0026#34;Documentation\u0026#34;] series_order: 11 Comportement des séries # Marquer un article comme faisant partie d\u0026rsquo;une série affichera automatiquement le module de série comme vous pouvez le voir sur cette page par exemple. Vous pouvez choisir si ce module démarre ouvert ou non en utilisant la variable globale article.seriesOpened dans params.toml ou le paramètre front matter seriesOpened pour spécifier une valeur différente au niveau de l\u0026rsquo;article.\n","externalUrl":null,"permalink":"/fr/docs/series/","section":"Documentation","summary":"Blowfish propose une fonctionnalité permettant de regrouper un ensemble d’articles sous une “série”. Placer un article dans une série affichera les autres articles de la série sur chaque page individuelle et permettra une navigation rapide entre eux. Vous pouvez voir un exemple ci-dessus.\n","title":"Séries","type":"docs"},{"content":"","externalUrl":"https://jam.dsg.li","permalink":"/fr/users/12-ee5d5eca13c3742f7a454a52424f9d73/","section":"Utilisateurs","summary":"","title":"jam.dsg.li","type":"users"},{"content":"Il existe de nombreuses façons d\u0026rsquo;apporter des modifications avancées à Blowfish. Lisez ci-dessous pour en savoir plus sur ce qui peut être personnalisé et la meilleure façon d\u0026rsquo;atteindre le résultat souhaité.\nSi vous avez besoin de conseils supplémentaires, posez vos questions sur GitHub Discussions.\nStructure du projet Hugo # Avant de se lancer, d\u0026rsquo;abord un petit mot sur la structure du projet Hugo et les meilleures pratiques pour gérer votre contenu et les personnalisations de thème.\nEn résumé : Ne modifiez jamais directement les fichiers du thème. Faites uniquement des personnalisations dans les sous-répertoires de votre projet Hugo, pas dans le répertoire themes lui-même. Blowfish est construit pour tirer parti de toutes les pratiques standard de Hugo. Il est conçu pour permettre la personnalisation et le remplacement de tous les aspects du thème sans modifier aucun des fichiers du thème de base. Cela permet une expérience de mise à niveau transparente tout en vous donnant un contrôle total sur l\u0026rsquo;apparence et le comportement de votre site web.\nPour y parvenir, vous ne devriez jamais ajuster manuellement les fichiers du thème directement. Que vous installiez en utilisant les modules Hugo, comme un sous-module git ou que vous incluiez manuellement le thème dans votre répertoire themes/, vous devriez toujours laisser ces fichiers intacts.\nLa bonne façon d\u0026rsquo;ajuster le comportement du thème est de remplacer les fichiers en utilisant le puissant ordre de recherche de fichiers de Hugo. En résumé, l\u0026rsquo;ordre de recherche garantit que tous les fichiers que vous incluez dans votre répertoire de projet auront automatiquement priorité sur les fichiers du thème.\nPar exemple, si vous vouliez remplacer le template d\u0026rsquo;article principal dans Blowfish, vous pouvez simplement créer votre propre fichier layouts/_default/single.html et le placer à la racine de votre projet. Ce fichier remplacera alors le single.html du thème sans jamais modifier le thème lui-même. Cela fonctionne pour tous les fichiers du thème - templates HTML, partials, shortcodes, fichiers de configuration, données, assets, etc.\nTant que vous suivez cette pratique simple, vous pourrez toujours mettre à jour le thème (ou tester différentes versions du thème) sans vous soucier de perdre vos modifications personnalisées.\nModifier les paramètres d\u0026rsquo;optimisation d\u0026rsquo;image # Hugo dispose de diverses méthodes intégrées pour redimensionner, recadrer et optimiser les images.\nÀ titre d\u0026rsquo;exemple - dans layouts/partials/article-link/card.html, vous avez le code suivant :\n{{ with .Resize \u0026#34;600x\u0026#34; }} \u0026lt;div class=\u0026#34;w-full thumbnail_card nozoom\u0026#34; style=\u0026#34;background-image:url({{ .RelPermalink }});\u0026#34;\u0026gt;\u0026lt;/div\u0026gt; {{ end }} Le comportement par défaut de Hugo ici est de redimensionner l\u0026rsquo;image à 600px en conservant le ratio.\nIl est à noter que les configurations d\u0026rsquo;image par défaut telles que le point d\u0026rsquo;ancrage peuvent également être définies dans votre configuration de site ainsi que dans le template lui-même.\nVoir les docs Hugo sur le traitement d\u0026rsquo;image pour plus d\u0026rsquo;infos.\nSchémas de couleurs # Blowfish est livré avec plusieurs schémas de couleurs prêts à l\u0026rsquo;emploi. Pour changer le schéma de couleurs de base, vous pouvez définir le paramètre de thème colorScheme. Référez-vous à la section Premiers pas pour en savoir plus sur les schémas intégrés.\nEn plus des schémas par défaut, vous pouvez également créer les vôtres et restyler l\u0026rsquo;ensemble du site web selon vos goûts. Les schémas sont créés en plaçant un fichier \u0026lt;nom-du-schema\u0026gt;.css dans le dossier assets/css/schemes/. Une fois le fichier créé, référencez-le simplement par son nom dans la configuration du thème.\nNote : générer ces fichiers manuellement peut être difficile, j\u0026rsquo;ai créé un outil terminal nodejs pour aider avec cela, Fugu. En bref, vous passez les trois principales valeurs hex de votre palette de couleurs et le programme produira un fichier css qui peut être importé directement dans Blowfish. Blowfish définit une palette de trois couleurs qui est utilisée tout au long du thème. Les trois couleurs sont définies comme variantes neutral, primary et secondary, chacune contenant dix nuances de couleur.\nEn raison de la façon dont Tailwind CSS 3.0 calcule les valeurs de couleur avec l\u0026rsquo;opacité, les couleurs spécifiées dans le schéma doivent se conformer à un format particulier en fournissant les valeurs de couleur rouge, vert et bleu.\n:root { --color-primary-500: 139, 92, 246; } Cet exemple définit une variable CSS pour la couleur primary-500 avec une valeur rouge de 139, une valeur verte de 92 et une valeur bleue de 246.\nUtilisez l\u0026rsquo;une des feuilles de style du thème existantes comme modèle. Vous êtes libre de définir vos propres couleurs, mais pour l\u0026rsquo;inspiration, consultez la référence de palette de couleurs Tailwind officielle.\nRemplacer la feuille de style # Parfois vous devez ajouter un style personnalisé pour styliser vos propres éléments HTML. Blowfish prévoit ce scénario en vous permettant de remplacer les styles par défaut dans votre propre feuille de style CSS. Créez simplement un fichier custom.css dans le dossier assets/css/ de votre projet.\nLe fichier custom.css sera minifié par Hugo et chargé automatiquement après tous les autres styles du thème, ce qui signifie que tout dans votre fichier personnalisé aura priorité sur les valeurs par défaut.\nUtiliser des polices supplémentaires # Blowfish vous permet de changer facilement la police de votre site. Après avoir créé un fichier custom.css dans le dossier assets/css/ de votre projet, placez votre fichier de police dans un dossier fonts dans le dossier racine static.\n. ├── assets │ └── css │ └── custom.css ... └─── static └── fonts └─── font.ttf Cela rend la police disponible pour le site web. Maintenant, la police peut simplement être importée dans votre custom.css et remplacée où vous le jugez bon. L\u0026rsquo;exemple ci-dessous montre à quoi ressemblerait le remplacement de la police pour tout le html.\n@font-face { font-family: font; src: url(\u0026#39;/fonts/font.ttf\u0026#39;); } html { font-family: font; } Ajuster la taille de police # Changer la taille de police de votre site web est un exemple de remplacement de la feuille de style par défaut. Blowfish rend cela simple car il utilise des tailles de police mises à l\u0026rsquo;échelle tout au long du thème qui sont dérivées de la taille de police HTML de base. Par défaut, Tailwind définit la taille par défaut à 12pt, mais elle peut être changée selon votre préférence.\nCréez un fichier custom.css en utilisant les instructions ci-dessus et ajoutez la déclaration CSS suivante :\n/* Augmenter la taille de police par défaut */ html { font-size: 13pt; } Simplement en changeant cette seule valeur, toutes les tailles de police sur votre site web seront ajustées pour correspondre à cette nouvelle taille. Par conséquent, pour augmenter les tailles de police globales utilisées, faites la valeur plus grande que 12pt. De même, pour diminuer les tailles de police, faites la valeur plus petite que 12pt.\nChanger le thème de coloration syntaxique # Pour changer le thème de coloration syntaxique, créez assets/css/custom.css et ajoutez ce qui suit :\n.chroma, .chroma *, .chroma:is(.dark *), .chroma:is(.dark *) * { color: unset; font-weight: unset; font-style: unset; } Cela efface les styles Chroma par défaut. L\u0026rsquo;étape suivante est d\u0026rsquo;incorporer les styles Chroma dans votre fichier CSS en utilisant la commande hugo gen chromastyles :\n# Mac/Linux (echo \u0026#39;html:not(.dark) {\u0026#39;; hugo gen chromastyles --style=emacs; echo \u0026#39;}\u0026#39;) \u0026gt;\u0026gt; assets/css/custom.css (echo \u0026#39;html.dark {\u0026#39;; hugo gen chromastyles --style=evergarden; echo \u0026#39;}\u0026#39;) \u0026gt;\u0026gt; assets/css/custom.css # Windows PowerShell # Cette commande ne peut pas s\u0026#39;exécuter dans CMD ; elle doit s\u0026#39;exécuter dans PowerShell @(\u0026#34;html:not(.dark) {\u0026#34;; (hugo gen chromastyles --style=emacs); \u0026#34;}\u0026#34;) | Add-Content -Path \u0026#34;assets/css/custom.css\u0026#34; @(\u0026#34;html.dark {\u0026#34;; (hugo gen chromastyles --style=evergarden); \u0026#34;}\u0026#34;) | Add-Content -Path \u0026#34;assets/css/custom.css\u0026#34; Voir tous les styles disponibles dans la documentation de Hugo.\nConstruire le CSS du thème depuis la source # Si vous souhaitez faire une modification majeure, vous pouvez tirer parti du compilateur JIT de Tailwind CSS et reconstruire tout le CSS du thème à partir de zéro. C\u0026rsquo;est utile si vous voulez ajuster la configuration Tailwind ou ajouter des classes Tailwind supplémentaires à la feuille de style principale.\nNote : Construire le thème manuellement est destiné aux utilisateurs avancés. Voyons comment fonctionne la construction du Tailwind CSS.\nConfiguration Tailwind # Pour générer un fichier CSS qui contient uniquement les classes Tailwind qui sont réellement utilisées, le compilateur JIT doit scanner tous les templates HTML et fichiers de contenu Markdown pour vérifier quels styles sont présents dans le markup. Le compilateur fait cela en regardant le fichier tailwind.config.js qui est inclus à la racine du répertoire du thème :\n// themes/blowfish/tailwind.config.js module.exports = { content: [ \u0026#34;./layouts/**/*.html\u0026#34;, \u0026#34;./content/**/*.{html,md}\u0026#34;, \u0026#34;./themes/blowfish/layouts/**/*.html\u0026#34;, \u0026#34;./themes/blowfish/content/**/*.{html,md}\u0026#34;, ], // et plus... }; Cette configuration par défaut a été incluse avec ces chemins de contenu afin que vous puissiez facilement générer votre propre fichier CSS sans avoir besoin de la modifier, à condition de suivre une structure de projet particulière. À savoir, vous devez inclure Blowfish dans votre projet comme un sous-répertoire à themes/blowfish/. Cela signifie que vous ne pouvez pas facilement utiliser les modules Hugo pour installer le thème et vous devez opter pour l\u0026rsquo;installation par sous-module git (recommandé) ou l\u0026rsquo;installation manuelle. Les docs d\u0026rsquo;installation expliquent comment installer le thème en utilisant l\u0026rsquo;une de ces méthodes.\nStructure du projet # Pour tirer parti de la configuration par défaut, votre projet devrait ressembler à quelque chose comme ceci\u0026hellip;\n. ├── assets │ └── css │ └── compiled │ └── main.css # c\u0026#39;est le fichier que nous allons générer ├── config # config du site │ └── _default ├── content # contenu du site │ ├── _index.md │ ├── projects │ │ └── _index.md │ └── blog │ └── _index.md ├── layouts # layouts personnalisés pour votre site │ ├── partials │ │ └── extend-article-link/simple.html │ ├── projects │ │ └── list.html │ └── shortcodes │ └── disclaimer.html └── themes └── blowfish # sous-module git ou installation manuelle du thème Cette structure d\u0026rsquo;exemple ajoute un nouveau type de contenu projects avec son propre layout personnalisé ainsi qu\u0026rsquo;un shortcode personnalisé et un partial étendu. Pourvu que le projet suive cette structure, tout ce qui est requis est de recompiler le fichier main.css.\nInstaller les dépendances # Pour que cela fonctionne, vous devrez vous déplacer dans le répertoire themes/blowfish/ et installer les dépendances du projet. Vous aurez besoin de npm sur votre machine locale pour cette étape.\ncd themes/blowfish npm install Exécuter le compilateur Tailwind # Avec les dépendances installées, il ne reste plus qu\u0026rsquo;à utiliser Tailwind CLI pour invoquer le compilateur JIT. Retournez à la racine de votre projet Hugo et lancez la commande suivante :\ncd ../.. node ./themes/blowfish/node_modules/@tailwindcss/cli/dist/index.mjs -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit C\u0026rsquo;est une commande un peu laide à cause des chemins impliqués mais essentiellement vous appelez Tailwind CLI et lui passez l\u0026rsquo;emplacement du fichier de config Tailwind (celui que nous avons regardé ci-dessus), où trouver le fichier main.css du thème et ensuite où vous voulez que le fichier CSS compilé soit placé (il va dans le dossier assets/css/compiled/ de votre projet Hugo).\nLe fichier de config scannera automatiquement tout le contenu et les layouts de votre projet ainsi que tous ceux du thème et construira un nouveau fichier CSS qui contient tout le CSS requis pour votre site web. En raison de la façon dont Hugo gère la hiérarchie des fichiers, ce fichier dans votre projet remplacera maintenant automatiquement celui qui vient avec le thème.\nChaque fois que vous faites un changement dans vos layouts et avez besoin de nouveaux styles Tailwind CSS, vous pouvez simplement relancer la commande et générer le nouveau fichier CSS. Vous pouvez aussi ajouter -w à la fin de la commande pour exécuter le compilateur JIT en mode watch.\nCréer un script de build # Pour compléter entièrement cette solution, vous pouvez simplifier tout ce processus en ajoutant des alias pour ces commandes, ou faire ce que je fais et ajouter un package.json à la racine de votre projet qui contient les scripts nécessaires\u0026hellip;\n// package.json { \u0026#34;name\u0026#34;: \u0026#34;my-website\u0026#34;, \u0026#34;version\u0026#34;: \u0026#34;1.0.0\u0026#34;, \u0026#34;description\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;scripts\u0026#34;: { \u0026#34;server\u0026#34;: \u0026#34;hugo server -b http://localhost -p 8000\u0026#34;, \u0026#34;dev\u0026#34;: cross-env \u0026#34;NODE_ENV=development ./themes/blowfish/node_modules/@tailwindcss/cli/dist/index.mjs -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w\u0026#34;, \u0026#34;build\u0026#34;: cross-env \u0026#34;NODE_ENV=production ./themes/blowfish/node_modules/@tailwindcss/cli/dist/index.mjs -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit\u0026#34; }, // et plus... } Maintenant quand vous voulez travailler sur le design de votre site, vous pouvez invoquer npm run dev et le compilateur s\u0026rsquo;exécutera en mode watch. Quand vous êtes prêt à déployer, lancez npm run build et vous aurez un build Tailwind CSS propre.\n🙋‍♀️ Si vous avez besoin d\u0026rsquo;aide, n\u0026rsquo;hésitez pas à poser une question sur GitHub Discussions.\n","externalUrl":null,"permalink":"/fr/docs/advanced-customisation/","section":"Documentation","summary":"Il existe de nombreuses façons d’apporter des modifications avancées à Blowfish. Lisez ci-dessous pour en savoir plus sur ce qui peut être personnalisé et la meilleure façon d’atteindre le résultat souhaité.\n","title":"Personnalisation avancée","type":"docs"},{"content":"Il existe de nombreuses façons de déployer votre site web Hugo construit avec Blowfish. Le thème est conçu pour être flexible dans presque tous les scénarios de déploiement.\nBlowfish utilise des URLs relatives tout au long du thème. Cela permet aux sites d\u0026rsquo;être facilement déployés dans des sous-dossiers et sur des hôtes comme GitHub Pages. Il n\u0026rsquo;y a généralement pas de configuration spéciale requise tant que le paramètre baseURL a été configuré dans le fichier hugo.toml.\nLa documentation officielle Hugo Hébergement et Déploiement est le meilleur endroit pour apprendre à déployer votre site. Les sections ci-dessous contiennent quelques détails de configuration spécifiques au thème qui peuvent vous aider à déployer sans problème avec certains fournisseurs.\nChoisissez votre fournisseur :\nGitHub Pages Netlify Render Cloudflare Pages Hébergement partagé, VPS ou serveur web privé GitHub Pages # GitHub permet l\u0026rsquo;hébergement sur GitHub Pages en utilisant Actions. Pour activer cette fonctionnalité, activez Pages sur votre dépôt et créez un nouveau workflow Actions pour construire et déployer votre site.\nLe fichier doit être au format YAML, placé dans le répertoire .github/workflows/ de votre dépôt GitHub et nommé avec une extension .yml.\nImportant : Assurez-vous de définir le bon nom de branche sous branches et dans le paramètre if de l\u0026rsquo;étape de déploiement vers la branche source utilisée dans votre projet. # .github/workflows/gh-pages.yml name: GitHub Pages on: push: branches: - main jobs: build-deploy: runs-on: ubuntu-24.04 concurrency: group: ${{ github.workflow }}-${{ github.ref }} steps: - name: Checkout uses: actions/checkout@v3 with: submodules: true fetch-depth: 0 - name: Setup Hugo uses: peaceiris/actions-hugo@v2 with: hugo-version: \u0026#34;latest\u0026#34; - name: Build run: hugo --minify - name: Deploy uses: peaceiris/actions-gh-pages@v3 if: ${{ github.ref == \u0026#39;refs/heads/main\u0026#39; }} with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_branch: gh-pages publish_dir: ./public Poussez le fichier de configuration vers GitHub et l\u0026rsquo;action devrait s\u0026rsquo;exécuter automatiquement. Elle peut échouer la première fois et vous devrez visiter la section Settings \u0026gt; Pages de votre dépôt GitHub pour vérifier que la source est correcte. Elle devrait être configurée pour utiliser la branche gh-pages.\nUne fois les paramètres configurés, relancez l\u0026rsquo;action et le site devrait se construire et se déployer correctement. Vous pouvez consulter les logs d\u0026rsquo;actions pour vérifier que tout s\u0026rsquo;est déployé avec succès.\nNetlify # Pour déployer sur Netlify, créez un nouveau site de déploiement continu et liez-le à votre code source. Les paramètres de construction peuvent être laissés vides dans l\u0026rsquo;interface Netlify. Vous n\u0026rsquo;aurez qu\u0026rsquo;à configurer le domaine que vous utiliserez.\nPuis dans la racine du dépôt de votre site, créez un fichier netlify.toml :\n# netlify.toml [build] command = \u0026#34;hugo mod get -u \u0026amp;\u0026amp; hugo --gc --minify -b $URL\u0026#34; publish = \u0026#34;public\u0026#34; [build.environment] NODE_ENV = \u0026#34;production\u0026#34; GO_VERSION = \u0026#34;1.16\u0026#34; TZ = \u0026#34;UTC\u0026#34; # Définir selon le fuseau horaire préféré [context.production.environment] HUGO_VERSION = \u0026#34;0.104.1\u0026#34; HUGO_ENV = \u0026#34;production\u0026#34; [context.deploy-preview.environment] HUGO_VERSION = \u0026#34;0.104.1\u0026#34; Cette configuration suppose que vous déployez Blowfish en tant que module Hugo. Si vous avez installé le thème en utilisant une autre méthode, changez la commande de construction simplement en hugo --gc --minify -b $URL.\nLorsque vous poussez le fichier de configuration vers votre dépôt, Netlify devrait déployer automatiquement votre site. Vous pouvez vérifier les logs de déploiement dans l\u0026rsquo;interface Netlify pour toute erreur.\nRender # Le déploiement sur Render est très simple et toute la configuration se fait via l\u0026rsquo;interface Render.\nCréez un nouveau Static Site et liez-le au dépôt de code de votre projet. Puis configurez simplement la commande de construction comme hugo --gc --minify et le répertoire de publication comme public.\nLe site se construira et se déploiera automatiquement chaque fois que vous pousserez un changement vers votre dépôt.\nCloudflare Pages # Cloudflare offre le service Pages qui peut héberger des blogs Hugo. Il construit le site à partir d\u0026rsquo;un dépôt git et l\u0026rsquo;héberge ensuite sur le CDN de Cloudflare. Suivez leur guide de déploiement Hugo pour commencer.\nLa fonctionnalité Rocket Loader™ offerte par Cloudflare essaie d\u0026rsquo;accélérer le rendu des pages web avec JavaScript, mais elle casse le sélecteur d\u0026rsquo;apparence dans le thème. Elle peut également causer un flash d\u0026rsquo;écran clair/sombre ennuyeux lors de la navigation sur votre site en raison du chargement des scripts dans le mauvais ordre.\nCe problème peut être résolu en le désactivant :\nAllez sur le tableau de bord Cloudflare Cliquez sur votre nom de domaine dans la liste Cliquez sur Optimization dans la section Speed Faites défiler jusqu\u0026rsquo;à Rocket Loader™ et désactivez-le Les sites Hugo construits avec Blowfish chargent toujours très rapidement, même avec cette fonctionnalité désactivée.\nHébergement partagé, VPS ou serveur web privé # Utiliser un hébergement web traditionnel, ou déployer sur votre propre serveur web, est aussi simple que de construire votre site Hugo et de transférer les fichiers vers votre hôte.\nAssurez-vous que le paramètre baseURL dans hugo.toml est défini sur l\u0026rsquo;URL complète vers la racine de votre site web (y compris les sous-domaines ou sous-dossiers).\nPuis construisez votre site en utilisant hugo et copiez le contenu du répertoire de sortie vers la racine de votre serveur web et vous serez prêt. Par défaut, le répertoire de sortie est nommé public.\nSi vous avez besoin d\u0026rsquo;un fournisseur d\u0026rsquo;hébergement, consultez Vultr ou DigitalOcean. L\u0026rsquo;inscription via ces liens d\u0026rsquo;affiliation vous donnera jusqu\u0026rsquo;à 100$ de crédit gratuit pour essayer le service.\n","externalUrl":null,"permalink":"/fr/docs/hosting-deployment/","section":"Documentation","summary":"Il existe de nombreuses façons de déployer votre site web Hugo construit avec Blowfish. Le thème est conçu pour être flexible dans presque tous les scénarios de déploiement.\nBlowfish utilise des URLs relatives tout au long du thème. Cela permet aux sites d’être facilement déployés dans des sous-dossiers et sur des hôtes comme GitHub Pages. Il n’y a généralement pas de configuration spéciale requise tant que le paramètre baseURL a été configuré dans le fichier hugo.toml.\n","title":"Hébergement \u0026 Déploiement","type":"docs"},{"content":"","externalUrl":"https://priyakdey.com","permalink":"/fr/users/13-72d71e304faaa40b3d547d5357edc450/","section":"Utilisateurs","summary":"","title":"priyakdey.com","type":"users"},{"content":"Afin de pouvoir prendre en charge les données dynamiques sur votre site web, nous avons ajouté le support pour intégrer Firebase. Cela vous permettra d\u0026rsquo;utiliser la fonctionnalité de vues sur les listes et les articles.\nAllez sur le site web Firebase et créez un compte gratuitement Créez un nouveau projet Sélectionnez l\u0026rsquo;emplacement des analytics Configurez Firebase dans Blowfish en obtenant les variables pour votre projet et en les définissant dans le fichier params.toml. Plus de détails peuvent être trouvés sur cette page. Vous pouvez trouver un exemple du fichier que Firebase fournira ci-dessous, notez les paramètres dans l\u0026rsquo;objet FirebaseConfig. // Import the functions you need from the SDKs you need import { initializeApp } from \u0026#34;firebase/app\u0026#34;; import { getAnalytics } from \u0026#34;firebase/analytics\u0026#34;; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app\u0026#39;s Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: \u0026#34;AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY\u0026#34;, authDomain: \u0026#34;blowfish-21fff.firebaseapp.com\u0026#34;, projectId: \u0026#34;blowfish-21fff\u0026#34;, storageBucket: \u0026#34;blowfish-21fff.appspot.com\u0026#34;, messagingSenderId: \u0026#34;60108104191\u0026#34;, appId: \u0026#34;1:60108104191:web:039842ebe1370698b487ca\u0026#34;, measurementId: \u0026#34;G-PEDMYR1V0K\u0026#34; }; // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); Configurer Firestore - Sélectionnez Build et ouvrez Firestore. Créez une nouvelle base de données et choisissez de démarrer en mode production. Sélectionnez l\u0026rsquo;emplacement du serveur et attendez. Une fois démarré, vous devez configurer les règles. Copiez et collez simplement le fichier ci-dessous et appuyez sur publier. Ces règles garantissent que les vues ne peuvent être incrémentées que de 1, et les likes ne peuvent être modifiés que de +1 ou -1 (et ne jamais descendre en dessous de 0). rules_version = \u0026#39;2\u0026#39;; service cloud.firestore { match /databases/{database}/documents { // Views - read anyone, only increment by 1 match /views/{document} { allow read: if request.auth != null; allow create: if request.auth != null \u0026amp;\u0026amp; request.resource.data.keys().hasOnly([\u0026#39;views\u0026#39;]) \u0026amp;\u0026amp; request.resource.data.views == 1; allow update: if request.auth != null \u0026amp;\u0026amp; request.resource.data.diff(resource.data).affectedKeys().hasOnly([\u0026#39;views\u0026#39;]) \u0026amp;\u0026amp; request.resource.data.views == resource.data.views + 1; } // Likes - read anyone, only +1 or -1 match /likes/{document} { allow read: if request.auth != null; allow create: if request.auth != null \u0026amp;\u0026amp; request.resource.data.keys().hasOnly([\u0026#39;likes\u0026#39;]) \u0026amp;\u0026amp; request.resource.data.likes == 1; allow update: if request.auth != null \u0026amp;\u0026amp; request.resource.data.diff(resource.data).affectedKeys().hasOnly([\u0026#39;likes\u0026#39;]) \u0026amp;\u0026amp; (request.resource.data.likes == resource.data.likes + 1 || request.resource.data.likes == resource.data.likes - 1) \u0026amp;\u0026amp; request.resource.data.likes \u0026gt;= 0; } // Deny everything else match /{document=**} { allow read, write: if false; } } } Activer l\u0026rsquo;autorisation anonyme - Sélectionnez Build et ouvrez Authentication. Sélectionnez commencer, cliquez sur Anonyme et activez-le, enregistrez. Profitez - vous pouvez maintenant activer les vues et les likes sur Blowfish pour tous (ou certains) articles. ","externalUrl":null,"permalink":"/fr/docs/firebase-views/","section":"Documentation","summary":"Afin de pouvoir prendre en charge les données dynamiques sur votre site web, nous avons ajouté le support pour intégrer Firebase. Cela vous permettra d’utiliser la fonctionnalité de vues sur les listes et les articles.\n","title":"Firebase : Vues \u0026 Likes","type":"docs"},{"content":"","externalUrl":"https://sdehm.dev","permalink":"/fr/users/14-1a882ded73613252bb07c2c13f40b9e3/","section":"Utilisateurs","summary":"","title":"sdehm.dev","type":"users"},{"content":"","externalUrl":"https://dizzytech.de","permalink":"/fr/users/15-039ca94b0aeeb9ab4c95226615bfb840/","section":"Utilisateurs","summary":"","title":"dizzytech.de","type":"users"},{"content":"","externalUrl":"https://alejandro-ao.com/","permalink":"/fr/users/16-620af4c12a7ee8932fadb45ae52bba7e/","section":"Utilisateurs","summary":"","title":"alejandro-ao.com","type":"users"},{"content":"","externalUrl":"https://adir1.com/","permalink":"/fr/users/17-64faf41f22317a170125dd7b2cd642e2/","section":"Utilisateurs","summary":"","title":"adir1.com","type":"users"},{"content":"","externalUrl":"https://blog.muffn.io/","permalink":"/fr/users/18-e07582d573aa187c3c15bb042872ca4a/","section":"Utilisateurs","summary":"","title":"blog.muffn.io","type":"users"},{"content":"","externalUrl":"https://nick.bouwhuis.net","permalink":"/fr/users/19-fd12be5b9c01f6b6089b8b1cbff1350d/","section":"Utilisateurs","summary":"","title":"nick.bouwhuis.net","type":"users"},{"content":"","externalUrl":"https://vividscc.com/","permalink":"/fr/users/20-3bfa5ccb77cf79199527df4c0259d0dc/","section":"Utilisateurs","summary":"","title":"vividscc.com","type":"users"},{"content":"","externalUrl":"https://technicat.com/","permalink":"/fr/users/21-6ed0dcb17b6e24c166f7da0bdfb0c1f5/","section":"Utilisateurs","summary":"","title":"technicat.com","type":"users"},{"content":"","externalUrl":"https://fugugames.com/","permalink":"/fr/users/22-e2ca3d6494c32151235beabe7567b23d/","section":"Utilisateurs","summary":"","title":"fugugames.com","type":"users"},{"content":"","externalUrl":"https://hyperbowl3d.com/","permalink":"/fr/users/23-129162dc71b9d40ee7948e51910d415a/","section":"Utilisateurs","summary":"","title":"hyperbowl3d.com","type":"users"},{"content":"","externalUrl":"https://talkdimsum.com/","permalink":"/fr/users/24-80d4420e686d5a055bab647fa03d281b/","section":"Utilisateurs","summary":"","title":"talkdimsum.com","type":"users"},{"content":"","externalUrl":"https://alanctanner.com/","permalink":"/fr/users/25-8168c3eeb157c9c9b1ca287393393f9c/","section":"Utilisateurs","summary":"","title":"alanctanner.com","type":"users"},{"content":"","externalUrl":"https://rdgo.dev/","permalink":"/fr/users/26-98f15180691d43fbfcbaf685e1b9ab06/","section":"Utilisateurs","summary":"","title":"rdgo.dev","type":"users"},{"content":"","externalUrl":"https://clemsau.com/","permalink":"/fr/users/27-66a61706d45b77b559869cd1247fe8fc/","section":"Utilisateurs","summary":"","title":"clemsau.com","type":"users"},{"content":"","externalUrl":"https://weaxsey.org/","permalink":"/fr/users/28-5801e67070cd59e592c82693a1bda773/","section":"Utilisateurs","summary":"","title":"weaxsey.org","type":"users"},{"content":"","externalUrl":"https://nikarashihatsu.github.io/","permalink":"/fr/users/29-c7116358255c4f5ccb306f7012306e22/","section":"Utilisateurs","summary":"","title":"nikarashihatsu.github.io","type":"users"},{"content":"","externalUrl":"https://www.halcyonstraits.com/","permalink":"/fr/users/30-d8ebb1396d8c7d2233b33a6b3ca0adc4/","section":"Utilisateurs","summary":"","title":"halcyonstraits.com","type":"users"},{"content":"","externalUrl":"https://www.50-nuances-octets.fr/","permalink":"/fr/users/31-24577d47b9474b6bc72eba9a6009dba4/","section":"Utilisateurs","summary":"","title":"50-nuances-octets.fr","type":"users"},{"content":"","externalUrl":"https://marupanda.art/marucomics/","permalink":"/fr/users/32-6e0c28f8b70015dd35f332d927960d06/","section":"Utilisateurs","summary":"","title":"marupanda.art/marucomics","type":"users"},{"content":"","externalUrl":"https://m3upt.com","permalink":"/fr/users/33-4d4fb24dca11a144122fa0bb831d9d03/","section":"Utilisateurs","summary":"","title":"m3upt.com","type":"users"},{"content":"","externalUrl":"https://pacochan.net","permalink":"/fr/users/34-c8eb3ba4d0e565e041ead9aabe6fc770/","section":"Utilisateurs","summary":"","title":"pacochan.net","type":"users"},{"content":"","externalUrl":"https://vkmki001.github.io/","permalink":"/fr/users/35-069e8f01e7ef48830ebea5239e2189b4/","section":"Utilisateurs","summary":"","title":"vkmki001.github.io","type":"users"},{"content":"","externalUrl":"https://bbagwang.com","permalink":"/fr/users/36-43d57d92cc54037519270a0cb07dbb83/","section":"Utilisateurs","summary":"","title":"bbagwang.com","type":"users"},{"content":"","externalUrl":"https://jamiemoxon.tech","permalink":"/fr/users/37-d9e559aaa0c3488012725cc4699ff9c4/","section":"Utilisateurs","summary":"","title":"jamiemoxon.tech","type":"users"},{"content":"","externalUrl":"https://theindiecoder.cloud","permalink":"/fr/users/38-9eed597b03512bc7b7b4b3cf81814a37/","section":"Utilisateurs","summary":"","title":"theindiecoder.cloud","type":"users"},{"content":"","externalUrl":"https://gma.name","permalink":"/fr/users/39-48ff442c7de299911eab10b72b02cc84/","section":"Utilisateurs","summary":"","title":"gma.name","type":"users"},{"content":"","externalUrl":"https://mayer.life","permalink":"/fr/users/40-1b3c507d9cd618565898e6d099c0427d/","section":"Utilisateurs","summary":"","title":"mayer.life","type":"users"},{"content":"","externalUrl":"https://scottmckendry.tech","permalink":"/fr/users/41-d6d2aa4cd9e351e749136df67a27c136/","section":"Utilisateurs","summary":"","title":"scottmckendry.tech","type":"users"},{"content":"","externalUrl":"https://ohdmire.github.io","permalink":"/fr/users/42-fec44f5dd2be29e37c305696d018f99f/","section":"Utilisateurs","summary":"","title":"ohdmire.github.io","type":"users"},{"content":"","externalUrl":"https://ricklan.photography","permalink":"/fr/users/43-954584ca9b811d77ac600cf7c426be45/","section":"Utilisateurs","summary":"","title":"ricklan.photography","type":"users"},{"content":"","externalUrl":"https://deepumohan.com/tech/","permalink":"/fr/users/44-8032d46bf9c96ae4b59c419032c7ad89/","section":"Utilisateurs","summary":"","title":"deepumohan.com/tech","type":"users"},{"content":"","externalUrl":"https://joush007.github.io","permalink":"/fr/users/45-b66472425d53d4e270e85ba4f160e7a1/","section":"Utilisateurs","summary":"","title":"joush007.github.io","type":"users"},{"content":"","externalUrl":"https://blog.stonegarden.dev/","permalink":"/fr/users/46-3ec093539269bc4ce9498fe9c36a2b7d/","section":"Utilisateurs","summary":"","title":"blog.stonegarden.dev","type":"users"},{"content":"","externalUrl":"https://renaud.warnotte.be","permalink":"/fr/users/47-4f0c88168fb7a348b4393a56ede2e799/","section":"Utilisateurs","summary":"","title":"renaud.warnotte.be","type":"users"},{"content":"","externalUrl":"https://boringtech.net/","permalink":"/fr/users/48-82b432ad2bfc873ec725001f0b3ac495/","section":"Utilisateurs","summary":"","title":"BoringTech.net","type":"users"},{"content":"","externalUrl":"https://technicaldc.github.io/","permalink":"/fr/users/49-6a603c5d465ecb2422ed7a96fd55c99c/","section":"Utilisateurs","summary":"","title":"technicaldc.github.io","type":"users"},{"content":"","externalUrl":"https://alxhslm.github.io/","permalink":"/fr/users/50-427cec3309be77abe6f19b006b2a3dc0/","section":"Utilisateurs","summary":"","title":"alxhslm.github.io","type":"users"},{"content":"","externalUrl":"https://www.the-maze.net/","permalink":"/fr/users/51-e518dc969af1ea65a3d0b55630705047/","section":"Utilisateurs","summary":"","title":"the-maze.net","type":"users"},{"content":"","externalUrl":"https://www.dxpetti.com/","permalink":"/fr/users/52-0327ac1993f378aa2fc5bbb8a840c9cb/","section":"Utilisateurs","summary":"","title":"DXPetti.com","type":"users"},{"content":"","externalUrl":"https://asterisk.lol","permalink":"/fr/users/53-6e57b74d392f64f3698aee7046cc2606/","section":"Utilisateurs","summary":"","title":"asterisk.lol","type":"users"},{"content":"","externalUrl":"https://ekwska.com","permalink":"/fr/users/54-1314bf3d7ce70ad90f1fc7666032e147/","section":"Utilisateurs","summary":"","title":"ekwska.com","type":"users"},{"content":"","externalUrl":"https://aakashnand.com/","permalink":"/fr/users/55-a322d57671bf49fe0f2539096f9ed57f/","section":"Utilisateurs","summary":"","title":"aakashnand.com","type":"users"},{"content":"","externalUrl":"https://karlukle.site","permalink":"/fr/users/56-7d028665dc1cf54485e6e82a7083ce69/","section":"Utilisateurs","summary":"","title":"karlukle.site","type":"users"},{"content":"","externalUrl":"http://www.adammadej.com/","permalink":"/fr/users/57-15cf92fba36f0319bd4b176da554fdb9/","section":"Utilisateurs","summary":"","title":"Adam Madej - Gameplay Animator","type":"users"},{"content":"","externalUrl":"http://www.eallion.com/","permalink":"/fr/users/58-1f94add7b0ba58983ff507632b822401/","section":"Utilisateurs","summary":"","title":"eallion.com","type":"users"},{"content":"","externalUrl":"https://synapticsugar.games","permalink":"/fr/users/59-c0d9928ff3857960ec230178bdec1b8d/","section":"Utilisateurs","summary":"","title":"Synaptic Sugar","type":"users"},{"content":"","externalUrl":"https://www.michaeldorner.de","permalink":"/fr/users/60-d965f981aa39336ef7be5efac83c96b2/","section":"Utilisateurs","summary":"","title":"michaeldorner.de","type":"users"},{"content":"","externalUrl":"http://www.ignaciomconde.com/","permalink":"/fr/users/61-4de384e83ae8af3834cad28f6dfc6966/","section":"Utilisateurs","summary":"","title":"Ignacio Conde","type":"users"},{"content":"","externalUrl":"https://blog.ummit.dev/","permalink":"/fr/users/62-c506ded8078df151fc8ce943e7ac1c8a/","section":"Utilisateurs","summary":"","title":"UmmIt - Blog","type":"users"},{"content":"","externalUrl":"https://nveshaan.github.io/","permalink":"/fr/users/63-02c452502ee9a03866c720c14bf86f9e/","section":"Utilisateurs","summary":"","title":"nveshaan","type":"users"},{"content":"","externalUrl":"https://kumacat.pages.dev","permalink":"/fr/users/64-d52c3523ad809eb1d9ddbcbe32e92661/","section":"Utilisateurs","summary":"","title":"kumacat.pages.dev","type":"users"},{"content":"","externalUrl":"https://andrealucchini.com","permalink":"/fr/users/65-bdd6b2db27fb40b3fa79a37659b2f285/","section":"Utilisateurs","summary":"","title":"andrealucchini.com","type":"users"},{"content":"","externalUrl":"https://luizglomyer.github.io/","permalink":"/fr/users/66-af89464ac25ab9445658a3541e623778/","section":"Utilisateurs","summary":"","title":"glomyer.dev","type":"users"},{"content":"","externalUrl":"https://utrodus.com","permalink":"/fr/users/67-c562b0e606584dd96159faf763291fe1/","section":"Utilisateurs","summary":"","title":"utrodus.com","type":"users"},{"content":"","externalUrl":"https://lazarusoverlook.com","permalink":"/fr/users/68-033c87b7e950b82ea500c552c9523367/","section":"Utilisateurs","summary":"","title":"lazarusoverlook.com","type":"users"},{"content":"","externalUrl":"https://p3rception.github.io/","permalink":"/fr/users/69-7596a225b244e0859da338621e680481/","section":"Utilisateurs","summary":"","title":"p3rception.github.io","type":"users"},{"content":"","externalUrl":"https://www.emse.education","permalink":"/fr/users/70-54b73306674ec7e6778b54a0a8b18b36/","section":"Utilisateurs","summary":"","title":"Handbook on Teaching Empirical Software Engineering: Online Materials","type":"users"},{"content":"","externalUrl":"https://blog.lofibean.cc","permalink":"/fr/users/71-ad989702a19d1fd8add147d6771c6c02/","section":"Utilisateurs","summary":"","title":"blog.lofibean.cc","type":"users"},{"content":"","externalUrl":"https://acamize.com/","permalink":"/fr/users/72-e263f9bb6dcec27003a8f5f947ba5abb/","section":"Utilisateurs","summary":"","title":"Academy Customize","type":"users"},{"content":"","externalUrl":"https://mrtruongvu.com","permalink":"/fr/users/73-837b47128639b5359ade845eae461c3a/","section":"Utilisateurs","summary":"","title":"mrtruongvu.com","type":"users"},{"content":"","externalUrl":"https://stepaniah.me","permalink":"/fr/users/74-1b3da762734b4fb503e49822ed506dbb/","section":"Utilisateurs","summary":"","title":"StepaniaH","type":"users"},{"content":"","externalUrl":"https://laterre.dev/","permalink":"/fr/users/75-447e2f0f6f439b915e0b57f93e49b7d6/","section":"Utilisateurs","summary":"","title":"Laterre Dev","type":"users"},{"content":"","externalUrl":"https://lazyproductreviews.com/","permalink":"/fr/users/76-3fa4eb553f5d984050d2ee4954960034/","section":"Utilisateurs","summary":"","title":"Lazy Product Reviews","type":"users"},{"content":"","externalUrl":"https://zzzhome.cc/","permalink":"/fr/users/77-46ea5d4b3698fa18fc0b79faa3d89bef/","section":"Utilisateurs","summary":"","title":"zzzhome","type":"users"},{"content":"","externalUrl":"https://bootlegcoal.com","permalink":"/fr/users/78-915a897f2ea3ba018728d7dce3540b1b/","section":"Utilisateurs","summary":"","title":"Bootleg Coal Rebellion","type":"users"},{"content":"","externalUrl":"https://ctry.tech/","permalink":"/fr/users/79-0805e986c2f7265e3bbbfc7bc647ed92/","section":"Utilisateurs","summary":"","title":"Chill-Try","type":"users"},{"content":"","externalUrl":"https://hudsonmcnamara.com","permalink":"/fr/users/80-2d29fadfaf8ddfaee0b69b563bae8d2d/","section":"Utilisateurs","summary":"","title":"Hudson McNamara","type":"users"},{"content":"","externalUrl":"https://www.wegumweg.de","permalink":"/fr/users/81-eb23ebd26738c98db323eff207dc7c0e/","section":"Utilisateurs","summary":"","title":"Weg um Weg","type":"users"},{"content":"","externalUrl":"https://panoskorovesis.github.io/","permalink":"/fr/users/82-706590b7d6a58b77f0eadb22b1dc6cd5/","section":"Utilisateurs","summary":"","title":"The Space 🌍","type":"users"},{"content":"","externalUrl":"https://blog.francescopapini.com","permalink":"/fr/users/83-a615163aad4c6bb5746a697a9450d563/","section":"Utilisateurs","summary":"","title":"blog.francescopapini.com","type":"users"},{"content":"","externalUrl":"https://adriantunez.cloud","permalink":"/fr/users/84-6057b72b4986ae88640d46262a4be0a0/","section":"Utilisateurs","summary":"","title":"Adri Antunez's Cloud Site","type":"users"},{"content":"","externalUrl":"https://irusukan.com","permalink":"/fr/users/85-e3f304eacd2f79e31f294cae0ff8162e/","section":"Utilisateurs","summary":"","title":"irusukan","type":"users"},{"content":"","externalUrl":"https://feec-seminar-comp-eng.github.io/","permalink":"/fr/users/86-405727a6fae1350173ef8915b4c9eb7d/","section":"Utilisateurs","summary":"","title":"FEEC/UNICAMP IA382 - Seminar in Computer Engineering","type":"users"},{"content":"","externalUrl":"https://blog.francescopapini.com","permalink":"/fr/users/87-a615163aad4c6bb5746a697a9450d563/","section":"Utilisateurs","summary":"","title":"blog.francescopapini.com","type":"users"},{"content":"","externalUrl":"https://heykyo.com","permalink":"/fr/users/88-9d162f4046cb83c367d8d8ab57240711/","section":"Utilisateurs","summary":"","title":"Kyo's Garden","type":"users"},{"content":"","externalUrl":"https://abantikabhuti.github.io","permalink":"/fr/users/89-7c98d8b7ba531e032abcd675d4f49c17/","section":"Utilisateurs","summary":"","title":"abantikabhuti.github.io","type":"users"},{"content":"","externalUrl":"https://yag0x1.github.io","permalink":"/fr/users/90-e4f1c9a4c352ea63707824576d889c8f/","section":"Utilisateurs","summary":"","title":"yag0x1.github.io","type":"users"},{"content":"","externalUrl":"https://learn-software.com","permalink":"/fr/users/91-512ff0768813ae318d569f681cf49123/","section":"Utilisateurs","summary":"","title":"Learn-Software.com","type":"users"},{"content":"","externalUrl":"https://mitri.lol","permalink":"/fr/users/92-8cb20b5823049623e2b7214c967a2efc/","section":"Utilisateurs","summary":"","title":"mitri.lol","type":"users"},{"content":"","externalUrl":"https://kieranlowe.io","permalink":"/fr/users/93-b94f03ec7b2e6d8dbac26fa6cd1cd5d4/","section":"Utilisateurs","summary":"","title":"kieranlowe.io","type":"users"},{"content":"","externalUrl":"https://eike.in","permalink":"/fr/users/94-c3df142090b1a28ef311312eb82f1e51/","section":"Utilisateurs","summary":"","title":"eike.in","type":"users"},{"content":"","externalUrl":"https://tbsch.de","permalink":"/fr/users/95-6439a010a72c2622487a063185cf1657/","section":"Utilisateurs","summary":"","title":"tbsch.de | Smart Home, Technik, Kram","type":"users"},{"content":"","externalUrl":"https://metalhearf.fr","permalink":"/fr/users/96-16a262b9921c2d90b4bc072bbb3c1d56/","section":"Utilisateurs","summary":"","title":"metalhearf.fr","type":"users"},{"content":"","externalUrl":"https://encelo.github.io/","permalink":"/fr/users/97-a8ae3ddde64e0cd053837877522e2373/","section":"Utilisateurs","summary":"","title":"encelo.github.io","type":"users"},{"content":"","externalUrl":"https://ncine.github.io/","permalink":"/fr/users/98-8f0822721042bca88707da31b1c241e3/","section":"Utilisateurs","summary":"","title":"ncine.github.io","type":"users"},{"content":"","externalUrl":"https://www.merza.is/","permalink":"/fr/users/99-f430dff82b8fbb8334091953bfe58598/","section":"Utilisateurs","summary":"","title":"István Merza","type":"users"},{"content":"","externalUrl":"https://daytaur.com/","permalink":"/fr/users/100-a8326fb0e2d1670165af1c6547b239dd/","section":"Utilisateurs","summary":"","title":"daytaur.com","type":"users"},{"content":"","externalUrl":"https://zzamboni.org/","permalink":"/fr/users/101-e2d4a1e205128436961ad3e1f2d0de5e/","section":"Utilisateurs","summary":"","title":"zzamboni.org","type":"users"},{"content":"","externalUrl":"https://www.towerofkubes.com/","permalink":"/fr/users/102-43b666016e50920826ef05ae95486724/","section":"Utilisateurs","summary":"","title":"Tower of Kubes","type":"users"},{"content":"","externalUrl":"https://monpetitdev.fr/","permalink":"/fr/users/103-d168a95bef76f9306c5f0d645168f8e6/","section":"Utilisateurs","summary":"","title":"monpetitdev.fr","type":"users"},{"content":"","externalUrl":"https://noorkhafidzin.com/","permalink":"/fr/users/104-e7ef7b552aa65b10f3e26de21d81f702/","section":"Utilisateurs","summary":"","title":"Noor Khafidzin","type":"users"},{"content":"","externalUrl":"https://reyneese.com/","permalink":"/fr/users/105-834393216bdba408631c891ee45d379c/","section":"Utilisateurs","summary":"","title":"Reyneese on WoW","type":"users"},{"content":"","externalUrl":"https://davidwrites.xyz/","permalink":"/fr/users/106-e6de9b318c18b2df357ca51f0d73fff6/","section":"Utilisateurs","summary":"","title":"David Writes","type":"users"},{"content":"","externalUrl":"https://goodjinc.com/","permalink":"/fr/users/107-850f485eb8e81e2873f1a285e3eb0b1d/","section":"Utilisateurs","summary":"","title":"GOODJINC","type":"users"},{"content":"","externalUrl":"https://tyloch.biz/","permalink":"/fr/users/108-2496d52e0aa601cbba3ad6572e007d26/","section":"Utilisateurs","summary":"","title":"Artur Tyloch","type":"users"},{"content":"","externalUrl":"https://blog.rewse.jp/","permalink":"/fr/users/109-860d9db7030d829b0f0128400c2ab5d4/","section":"Utilisateurs","summary":"","title":"Tats Shibata","type":"users"},{"content":"","externalUrl":"https://prusa.net/","permalink":"/fr/users/110-118f0958fbab30b68d5bb3359548a40f/","section":"Utilisateurs","summary":"","title":"Radek Průša","type":"users"},{"content":"","externalUrl":"https://jbetzen.net/","permalink":"/fr/users/111-bbc5b87f25e67eb50f9308ddb2e30fb3/","section":"Utilisateurs","summary":"","title":"jbetzen.net","type":"users"},{"content":"","externalUrl":"https://alst.ovh/","permalink":"/fr/users/112-578198405817d000a9b09d08fe594b1f/","section":"Utilisateurs","summary":"","title":"alst.ovh","type":"users"},{"content":"","externalUrl":"https://blog.zynji.my.id/","permalink":"/fr/users/113-853c2c3c85eecb5148db16a8f005a529/","section":"Utilisateurs","summary":"","title":"Zarvelion Zynji","type":"users"},{"content":"","externalUrl":"https://www.airikatrading.com","permalink":"/fr/users/114-2e8cdaa29760febdf1d75307255aafe9/","section":"Utilisateurs","summary":"","title":"Airika","type":"users"},{"content":"","externalUrl":"https://cooklikeanerd.com/","permalink":"/fr/users/115-ae148b43ea1a0101066984d0d6d321c0/","section":"Utilisateurs","summary":"","title":"Cook Like A Nerd","type":"users"},{"content":"","externalUrl":"https://cintiaching.com/","permalink":"/fr/users/116-577a9817320654ddbf1030cbf1c9ca7f/","section":"Utilisateurs","summary":"","title":"Cintia Ching","type":"users"},{"content":"","externalUrl":"https://luizcarloscf.github.io/","permalink":"/fr/users/117-704dd03d684dfd9eef53eb6072fef261/","section":"Utilisateurs","summary":"","title":"luizcarloscf.github.io","type":"users"},{"content":"","externalUrl":"https://fairchild26.github.io/","permalink":"/fr/users/118-92babc5577690a161170943a87ae816d/","section":"Utilisateurs","summary":"","title":"Robin Fairchild","type":"users"},{"content":"","externalUrl":"https://paraguay4life.com/","permalink":"/fr/users/119-9a4fa7947ad8e197f14bc3d89c98a755/","section":"Utilisateurs","summary":"","title":"Paraguay4Life","type":"users"},{"content":"","externalUrl":"https://www.gsking.co.uk","permalink":"/fr/users/120-fb2885fb36e97b3799ab7bc03bd9e08a/","section":"Utilisateurs","summary":"","title":"www.gsking.co.uk","type":"users"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":" Ceci est une démo du layout background. Changer de layout \u0026orarr; npx blowfish-tools ","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/","section":"Bienvenue sur Blowfish ! 🎉","summary":" Ceci est une démo du layout background. Changer de layout ↻ npx blowfish-tools ","title":"Bienvenue sur Blowfish ! 🎉","type":"page"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/categories/blowfish/","section":"Categories","summary":"","title":"Blowfish","type":"categories"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/tags/blowfish/","section":"Tags","summary":"","title":"Blowfish","type":"tags"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/categories/","section":"Categories","summary":"","title":"Categories","type":"categories"},{"content":"","date":"4 janvier 2023","externalUrl":"https://n9o.xyz/posts/202310-blowfish-tutorial/","permalink":"/fr/guides/202310-blowfish-tutorial/","section":"Recettes","summary":"Il y a tout juste un an, j’ai créé Blowfish, un thème Hugo conçu pour construire ma vision unique de ma page d’accueil personnelle. J’ai également décidé d’en faire un projet open-source. Aujourd’hui, Blowfish s’est transformé en un projet open-source florissant avec plus de 600 étoiles sur GitHub et des centaines d’utilisateurs. Dans ce tutoriel, je vous montrerai comment démarrer et faire fonctionner votre site web en quelques minutes.","title":"Créez votre page d'accueil avec Blowfish et Hugo","type":"guides"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/tags/hugo/","section":"Tags","summary":"","title":"Hugo","type":"tags"},{"content":"La super bio fictive de Nuno.\n","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/authors/nunocoracao/","section":"Authors","summary":"La super bio fictive de Nuno.\n","title":"Nuno Coração","type":"authors"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/categories/open-source/","section":"Categories","summary":"","title":"Open-Source","type":"categories"},{"content":" Recettes, guides et tutoriels pour Blowfish Utilisateur de Blowfish ? Pour ajouter votre guide à cette liste, consultez le modèle.\nCette section contient des guides pour divers scénarios de configuration de votre thème. Si vous êtes nouveau, consultez le guide d\u0026rsquo;Installation pour commencer ou visitez la section Échantillons pour voir ce que Blowfish peut faire.\n","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/guides/","section":"Recettes","summary":" Recettes, guides et tutoriels pour Blowfish Utilisateur de Blowfish ? Pour ajouter votre guide à cette liste, consultez le modèle.\nCette section contient des guides pour divers scénarios de configuration de votre thème. Si vous êtes nouveau, consultez le guide d’Installation pour commencer ou visitez la section Échantillons pour voir ce que Blowfish peut faire.\n","title":"Recettes","type":"guides"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"4 octobre 2023","externalUrl":null,"permalink":"/tags/tutorial/","section":"Tags","summary":"","title":"Tutorial","type":"tags"},{"content":"","date":"4 janvier 2023","externalUrl":null,"permalink":"/fr/tags/tutoriel/","section":"Tags","summary":"","title":"Tutoriel","type":"tags"},{"content":"","date":"2023-10-04","externalUrl":null,"permalink":"/zh-cn/categories/%E5%BC%80%E6%BA%90/","section":"Categories","summary":"","title":"开源","type":"categories"},{"content":"","date":"2023-10-04","externalUrl":null,"permalink":"/zh-cn/tags/%E6%8C%87%E5%8D%97/","section":"标签","summary":"","title":"指南","type":"tags"},{"content":"","date":"2 janvier 2023","externalUrl":"https://blowfish-tutorial.web.app/","permalink":"/fr/examples/blowfish-tutorial/","section":"Vitrine","summary":"","title":"Blowfish Tutorial","type":"examples"},{"content":" Découvrez ce qui est possible avec Blowfish. Cette section contient des liens vers des modèles et pages d\u0026rsquo;exemple créés avec Blowfish pour vous inspirer.\n","date":"2 janvier 2023","externalUrl":null,"permalink":"/fr/examples/","section":"Vitrine","summary":" Découvrez ce qui est possible avec Blowfish. Cette section contient des liens vers des modèles et pages d’exemple créés avec Blowfish pour vous inspirer.\n","title":"Vitrine","type":"examples"},{"content":"","date":"1 janvier 2023","externalUrl":"https://github.com/nunocoracao/blowfish-tutorial","permalink":"/fr/examples/repo-blowfish-tutorial/","section":"Vitrine","summary":"","title":"Blowfish Tutorial - Dépôt","type":"examples"},{"content":"","date":"7 janvier 2022","externalUrl":"https://nunocoracao.github.io/blowfish_lite/","permalink":"/fr/examples/blowfish-lite/","section":"Vitrine","summary":"","title":"Blowfish Lite","type":"examples"},{"content":"","date":"6 janvier 2022","externalUrl":"https://nunocoracao.github.io/blowfish_artist/","permalink":"/fr/examples/blowfish-artist/","section":"Vitrine","summary":"","title":"Blowfish Artist","type":"examples"},{"content":"","date":"6 janvier 2022","externalUrl":"https://nunocoracao.github.io/blowfish_lowkey/","permalink":"/fr/examples/blowfish-lowkey/","section":"Vitrine","summary":"","title":"Blowfish Lowkey","type":"examples"},{"content":"","date":"12 janvier 2022","externalUrl":null,"permalink":"/fr/tags/auteurs/","section":"Tags","summary":"","title":"Auteurs","type":"tags"},{"content":"Voici un exemple de ce à quoi ressemblera un article avec plusieurs auteurs.\n","date":"12 janvier 2022","externalUrl":null,"permalink":"/fr/samples/multiple-authors/","section":"Échantillons","summary":"Un exemple rapide de comment utiliser plusieurs auteurs.","title":"Auteurs multiples","type":"sample"},{"content":"","date":"12 octobre 2022","externalUrl":null,"permalink":"/tags/authors/","section":"Tags","summary":"","title":"Authors","type":"tags"},{"content":"","date":"12. octobre 2022","externalUrl":null,"permalink":"/de/tags/autoren/","section":"Tags","summary":"","title":"Autoren","type":"tags"},{"content":"","date":"12 de octobre de 2022","externalUrl":null,"permalink":"/pt-pt/tags/autores/","section":"Tags","summary":"","title":"Autores","type":"tags"},{"content":"","date":"12. octobre 2022","externalUrl":null,"permalink":"/de/tags/beispiel/","section":"Tags","summary":"","title":"Beispiel","type":"tags"},{"content":"La super bio fictive du deuxième auteur fictif.\n","date":"12 janvier 2022","externalUrl":null,"permalink":"/fr/authors/secondauthor/","section":"Authors","summary":"La super bio fictive du deuxième auteur fictif.\n","title":"Dummy Second Author","type":"authors"},{"content":" Blowfish donne vie à votre contenu. \u0026#x1f60d; Cette section contient quelques pages de démonstration qui montrent comment Blowfish rend différents types de contenu. Vous pouvez également voir une page exemple de liste de taxonomie.\nNote : Cette page est juste une liste d\u0026rsquo;articles Blowfish standard et Hugo a été configuré pour générer un type de contenu samples et afficher les résumés d\u0026rsquo;articles.\n","date":"12 janvier 2022","externalUrl":null,"permalink":"/fr/samples/","section":"Échantillons","summary":" Blowfish donne vie à votre contenu. 😍 Cette section contient quelques pages de démonstration qui montrent comment Blowfish rend différents types de contenu. Vous pouvez également voir une page exemple de liste de taxonomie.\n","title":"Échantillons","type":"samples"},{"content":"","date":"12 de octobre de 2022","externalUrl":null,"permalink":"/es/tags/ejemplo/","section":"Tags","summary":"","title":"Ejemplo","type":"tags"},{"content":"","date":"12 janvier 2022","externalUrl":null,"permalink":"/fr/tags/exemple/","section":"Tags","summary":"","title":"Exemple","type":"tags"},{"content":"","date":"12 de octobre de 2022","externalUrl":null,"permalink":"/pt-pt/tags/exemplo/","section":"Tags","summary":"","title":"Exemplo","type":"tags"},{"content":"","date":"12 octobre 2022","externalUrl":null,"permalink":"/tags/sample/","section":"Tags","summary":"","title":"Sample","type":"tags"},{"content":"","date":"2022-10-12","externalUrl":null,"permalink":"/zh-cn/tags/%E4%BD%9C%E8%80%85/","section":"标签","summary":"","title":"作者","type":"tags"},{"content":"","date":"2022-10-12","externalUrl":null,"permalink":"/zh-cn/tags/%E7%A4%BA%E4%BE%8B/","section":"标签","summary":"","title":"示例","type":"tags"},{"content":"","date":"26 de septembre de 2022","externalUrl":null,"permalink":"/pt-pt/tags/miniatura/","section":"Tags","summary":"","title":"Miniatura","type":"tags"},{"content":"","date":"26 janvier 2022","externalUrl":null,"permalink":"/fr/tags/miniature/","section":"Tags","summary":"","title":"Miniature","type":"tags"},{"content":"Un exemple rapide de comment commencer à utiliser les miniatures dans vos articles.\nSi votre répertoire moyen pour un article ressemble à ceci :\ncontent └── awesome_article.md Vous devez le changer d\u0026rsquo;un simple fichier markdown en un dossier. Créez un répertoire avec le même nom que l\u0026rsquo;article, et à l\u0026rsquo;intérieur créez un fichier index.md. Vous obtiendrez une structure similaire à celle ci-dessous.\ncontent └── awesome_article └── featured.png À l\u0026rsquo;intérieur de l\u0026rsquo;article, vous pouvez maintenant ajouter un fichier image (presque tous les formats sont pris en charge mais nous recommandons .png ou .jpg) qui commence par feature*. Exemple ci-dessous.\ncontent └── awesome_article ├── index.md └── featured.png Cela indiquera à Blowfish que cet article a une image vedette qui peut être utilisée à la fois comme miniature sur votre site web et pour les cartes oEmbed sur les plateformes sociales. Par exemple, vous pouvez essayer de copier-coller l\u0026rsquo;URL de cet article dans une plateforme qui affiche les oEmbeds (par exemple Twitter, WhatsApp, Telegram, etc.) et voir ce qui s\u0026rsquo;affiche.\n","date":"26 janvier 2022","externalUrl":null,"permalink":"/fr/samples/thumbnail_sample/","section":"Échantillons","summary":"Un exemple rapide de comment commencer à utiliser les miniatures dans vos articles.","title":"Miniatures","type":"sample"},{"content":"","date":"26 septembre 2022","externalUrl":null,"permalink":"/tags/thumbnail/","section":"Tags","summary":"","title":"Thumbnail","type":"tags"},{"content":"","date":"2022-09-26","externalUrl":null,"permalink":"/zh-cn/tags/%E7%BC%A9%E7%95%A5%E5%9B%BE/","section":"标签","summary":"","title":"缩略图","type":"tags"},{"content":"","date":"7 janvier 2021","externalUrl":"https://github.com/nunocoracao/blowfish_lite/","permalink":"/fr/examples/repo-blowfish-lite/","section":"Vitrine","summary":"","title":"Blowfish Lite - Dépôt","type":"examples"},{"content":"","date":"6 janvier 2021","externalUrl":"https://github.com/nunocoracao/blowfish_artist/","permalink":"/fr/examples/repo-blowfish-artist/","section":"Vitrine","summary":"","title":"Blowfish Artist - Dépôt","type":"examples"},{"content":"","date":"6 janvier 2021","externalUrl":"https://github.com/nunocoracao/blowfish_lowkey/","permalink":"/fr/examples/repo-blowfish-lowkey/","section":"Vitrine","summary":"","title":"Blowfish Lowkey - Dépôt","type":"examples"},{"content":"","date":"6 janvier 2020","externalUrl":"https://nunocoracao.github.io/blowfish_template/","permalink":"/fr/examples/blowfish-template/","section":"Vitrine","summary":"","title":"Blowfish Template","type":"examples"},{"content":"","date":"6 janvier 2020","externalUrl":"https://github.com/nunocoracao/blowfish_template","permalink":"/fr/examples/blowfish-template-repo/","section":"Vitrine","summary":"","title":"Blowfish Template - Dépôt GitHub","type":"examples"},{"content":"","date":"14 août 2020","externalUrl":null,"permalink":"/it/series/documentazione/","section":"Series","summary":"","title":"Documentazione","type":"series"},{"content":"Blowfish prend en charge nativement un certain nombre d\u0026rsquo;icônes FontAwesome 6. Celles-ci peuvent être incluses dans votre site via le partial icon ou le shortcode icon.\nDe plus, les icônes personnalisées sont entièrement prises en charge. Fournissez simplement vos propres assets d\u0026rsquo;icônes SVG en les plaçant dans le répertoire assets/icons/ à la racine de votre projet. Toutes les icônes du répertoire icons seront alors disponibles dans tout le thème. Pour obtenir le remplissage automatique des couleurs, chaque chemin SVG doit avoir l\u0026rsquo;attribut XML fill=\u0026quot;currentColor\u0026quot;.\nLa liste complète des icônes intégrées et leurs noms correspondants est référencée ci-dessous.\nIcon name Preview a11y amazon apple bars bell blogger bluesky bomb bug check chevron-down circle-info circle-question cloud-moon cloud code codeberg \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e codepen comment dev discord discourse docker download dribbble edit email envelope expand eye facebook fediverse \u003c?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?\u003e file-lines fire flickr forgejo fork foursquare ghost gitea github gitlab globe goodreads google-scholar google graduation-cap hackernews hashnode heart-empty heart image instagram itch-io keybase keyoxide kickstarter ko-fi \u003c?xml version=\"1.0\" encoding=\"UTF-8\"?\u003e language lastfm lightbulb line link linkedin list-check list-ol list location-dot lock mastodon matrix Matrix medium microsoft moon mug-hot music orcid patreon paypal peertube pencil pgpkey phone pinterest pixelfed poo printables quote-left reddit researchgate rss-square rss scale-balanced search shield signal skull-crossbones slack snapchat soundcloud spotify stack-overflow star steam strava stripe substack sun tag telegram threads tiktok triangle-exclamation tumblr twitch twitter untappd wand-magic-sparkles whatsapp worktree x-twitter xing Xing xmark youtube ","date":"14 janvier 2020","externalUrl":null,"permalink":"/fr/samples/icons/","section":"Échantillons","summary":"Blowfish prend en charge nativement un certain nombre d’icônes FontAwesome 6. Celles-ci peuvent être incluses dans votre site via le partial icon ou le shortcode icon.\nDe plus, les icônes personnalisées sont entièrement prises en charge. Fournissez simplement vos propres assets d’icônes SVG en les plaçant dans le répertoire assets/icons/ à la racine de votre projet. Toutes les icônes du répertoire icons seront alors disponibles dans tout le thème. Pour obtenir le remplissage automatique des couleurs, chaque chemin SVG doit avoir l’attribut XML fill=\"currentColor\".\n","title":"Icônes","type":"sample"},{"content":"","date":"14 janvier 2020","externalUrl":null,"permalink":"/fr/tags/ic%C3%B4nes/","section":"Tags","summary":"","title":"Icônes","type":"tags"},{"content":"","date":"14 de août de 2020","externalUrl":null,"permalink":"/pt-pt/tags/%C3%ADcones/","section":"Tags","summary":"","title":"Ícones","type":"tags"},{"content":"","date":"14 de août de 2020","externalUrl":null,"permalink":"/es/tags/iconos/","section":"Tags","summary":"","title":"Iconos","type":"tags"},{"content":"","date":"14 août 2020","externalUrl":null,"permalink":"/tags/icons/","section":"Tags","summary":"","title":"Icons","type":"tags"},{"content":"","date":"14 janvier 2020","externalUrl":null,"permalink":"/fr/tags/shortcodes/","section":"Tags","summary":"","title":"Shortcodes","type":"tags"},{"content":"","date":"2020-08-14","externalUrl":null,"permalink":"/zh-cn/tags/%E5%8F%8B%E9%93%BE/","section":"标签","summary":"","title":"友链","type":"tags"},{"content":"","date":"2020-08-14","externalUrl":null,"permalink":"/zh-cn/tags/%E5%9B%BE%E6%A0%87/","section":"标签","summary":"","title":"图标","type":"tags"},{"content":"","date":"2020-08-14","externalUrl":null,"permalink":"/zh-cn/tags/%E7%AE%80%E7%A0%81/","section":"标签","summary":"","title":"简码","type":"tags"},{"content":"","date":"11 janvier 2019","externalUrl":null,"permalink":"/fr/tags/css/","section":"Tags","summary":"","title":"Css","type":"tags"},{"content":"","date":"11 janvier 2019","externalUrl":null,"permalink":"/fr/tags/html/","section":"Tags","summary":"","title":"Html","type":"tags"},{"content":"Cet article propose un exemple de formatage Markdown de base utilisable dans Blowfish, et montre également comment certains éléments HTML de base sont décorés.\nTitres # Les éléments HTML \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; suivants représentent six niveaux de titres de section. \u0026lt;h1\u0026gt; est le niveau de section le plus élevé tandis que \u0026lt;h6\u0026gt; est le plus bas.\nH1 # H2 # H3 # H4 # H5 # H6 # Paragraphe # Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nCitations # L\u0026rsquo;élément blockquote représente du contenu cité d\u0026rsquo;une autre source, optionnellement avec une citation qui doit être dans un élément footer ou cite, et optionnellement avec des modifications en ligne telles que des annotations et des abréviations.\nCitation sans attribution # Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note : vous pouvez utiliser la syntaxe Markdown dans une citation.\nCitation avec attribution # Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.\n— Rob Pike1\nTableaux # Les tableaux ne font pas partie de la spécification Markdown de base, mais Hugo les prend en charge nativement.\nNom Âge Bob 27 Alice 23 Markdown en ligne dans les tableaux # Italique Gras Code italique gras code Blocs de code # Bloc de code général # \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Bloc de code avec titre et surlignage de lignes # example.html 1\u0026lt;!DOCTYPE html\u0026gt; 2\u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; 3\u0026lt;head\u0026gt; 4 \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; 5 \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; 6\u0026lt;/head\u0026gt; 7\u0026lt;body\u0026gt; 8 \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; 9\u0026lt;/body\u0026gt; 10\u0026lt;/html\u0026gt; Types de listes # Liste ordonnée # Premier élément Deuxième élément Troisième élément Liste non ordonnée # Élément de liste Autre élément Et encore un autre Liste imbriquée # Fruits Pomme Orange Banane Produits laitiers Lait Fromage Autres éléments — abbr, sub, sup, kbd, mark # GIF est un format d\u0026rsquo;image bitmap.\nH2O\nXn + Yn = Zn\nAppuyez sur CTRL+ALT+Suppr pour terminer la session.\nLa plupart des salamandres sont nocturnes et chassent les insectes, les vers et autres petites créatures.\nImages # En plus du Shortcode Figure, vous pouvez définir des images avec la syntaxe Markdown suivante :\n![Texte alternatif](image.jpg \u0026#34;Légende de l\u0026#39;image\u0026#34;) Légende de l\u0026rsquo;image Vous pouvez également utiliser les \u0026lsquo;attributs Markdown\u0026rsquo; de Hugo pour ajouter des attributs personnalisés à l\u0026rsquo;élément HTML créé. Par exemple, pour définir la largeur d\u0026rsquo;une image à 50% :\n![Texte alternatif](image.jpg \u0026#34;Légende de l\u0026#39;image\u0026#34;) {style=\u0026#34;width:50%;\u0026#34;} Légende image demi-largeur Notez que la fonctionnalité \u0026lsquo;attributs Markdown\u0026rsquo; nécessite une configuration du moteur de rendu Goldmark. Consultez la documentation Hugo pour plus d\u0026rsquo;informations.\nLa citation ci-dessus est extraite de la conférence sur rien de Rob Pike lors du Gopherfest, le 18 novembre 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","date":"11 janvier 2019","externalUrl":null,"permalink":"/fr/samples/markdown/","section":"Échantillons","summary":"Cet article propose un exemple de formatage Markdown de base utilisable dans Blowfish, et montre également comment certains éléments HTML de base sont décorés.\n","title":"Markdown","type":"sample"},{"content":"","date":"11 janvier 2019","externalUrl":null,"permalink":"/fr/tags/markdown/","section":"Tags","summary":"","title":"Markdown","type":"tags"},{"content":"","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/tags/confidentialit%C3%A9/","section":"Tags","summary":"","title":"Confidentialité","type":"tags"},{"content":"Hugo est livré avec plusieurs shortcodes intégrés pour le contenu riche, ainsi qu\u0026rsquo;une configuration de confidentialité et un ensemble de shortcodes simples qui permettent des versions statiques et sans JS de diverses intégrations de réseaux sociaux.\nYouTube # Voici un exemple utilisant le shortcode intégré youtube.\nTwitter # Cet exemple utilise le shortcode x pour afficher un Tweet. Il nécessite deux paramètres nommés user et id.\n“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”\n— Jan Tschichold pic.twitter.com/gcv7SrhvJb\n\u0026mdash; Design Reviewed | Graphic Design History (@DesignReviewed) January 17, 2019 Alternativement, le shortcode tweet peut être utilisé pour intégrer une carte Twitter entièrement formatée.\nGist # Le shortcode gist peut être utilisé pour intégrer un GitHub Gist. Il nécessite deux paramètres non nommés : le nom d\u0026rsquo;utilisateur et l\u0026rsquo;ID du Gist.\nVimeo # Le shortcode vimeo_simple intégrera une vidéo Vimeo.\n","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/samples/rich-content/","section":"Échantillons","summary":"Ceci est un exemple de résumé de contenu riche.","title":"Contenu riche","type":"sample"},{"content":"","date":"10. mars 2019","externalUrl":null,"permalink":"/de/tags/datenschutz/","section":"Tags","summary":"","title":"Datenschutz","type":"tags"},{"content":"","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/tags/gist/","section":"Tags","summary":"","title":"Gist","type":"tags"},{"content":"","date":"10 de mars de 2019","externalUrl":null,"permalink":"/es/tags/privacidad/","section":"Tags","summary":"","title":"Privacidad","type":"tags"},{"content":"","date":"10 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/privacidade/","section":"Tags","summary":"","title":"Privacidade","type":"tags"},{"content":"","date":"10 mars 2019","externalUrl":null,"permalink":"/tags/privacy/","section":"Tags","summary":"","title":"Privacy","type":"tags"},{"content":"","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/tags/twitter/","section":"Tags","summary":"","title":"Twitter","type":"tags"},{"content":"","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/tags/vimeo/","section":"Tags","summary":"","title":"Vimeo","type":"tags"},{"content":"","date":"10 janvier 2019","externalUrl":null,"permalink":"/fr/tags/youtube/","section":"Tags","summary":"","title":"Youtube","type":"tags"},{"content":"","date":"2019-03-10","externalUrl":null,"permalink":"/zh-cn/tags/%E9%9A%90%E7%A7%81/","section":"标签","summary":"","title":"隐私","type":"tags"},{"content":"","date":"9. mars 2019","externalUrl":null,"permalink":"/de/tags/latein/","section":"Tags","summary":"","title":"Latein","type":"tags"},{"content":"","date":"9 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/latim/","section":"Tags","summary":"","title":"Latim","type":"tags"},{"content":"","date":"9 janvier 2019","externalUrl":null,"permalink":"/fr/tags/latin/","section":"Tags","summary":"","title":"Latin","type":"tags"},{"content":"","date":"9 de mars de 2019","externalUrl":null,"permalink":"/es/tags/lat%C3%ADn/","section":"Tags","summary":"","title":"Latín","type":"tags"},{"content":"","date":"9 mars 2019","externalUrl":null,"permalink":"/tags/text/","section":"Tags","summary":"","title":"Text","type":"tags"},{"content":"","date":"9 janvier 2019","externalUrl":null,"permalink":"/fr/tags/texte/","section":"Tags","summary":"","title":"Texte","type":"tags"},{"content":"Lorem est tota propiore conpellat pectoribus de pectora summo.\nRedit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.\nExierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.\nComas hunc haec pietate fetum procerum dixit Post torum vates letum Tiresia Flumen querellas Arcanaque montibus omnes Quidem et Vagus elidunt # Le Canon de Van de Graaf\nMane refeci capiebant unda mulcebat # Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. Faces illo pepulere tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.\nIubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.\nEurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel mitis temploque vocatus, inque alis, oculos nomen non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides parte.\n","date":"9 janvier 2019","externalUrl":null,"permalink":"/fr/samples/placeholder-text/","section":"Échantillons","summary":"Lorem est tota propiore conpellat pectoribus de pectora summo.\n","title":"Texte de remplissage","type":"sample"},{"content":"","date":"9 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/texto/","section":"Tags","summary":"","title":"Texto","type":"tags"},{"content":"","date":"2019-03-09","externalUrl":null,"permalink":"/zh-cn/tags/%E6%8B%89%E4%B8%81%E8%AF%AD/","section":"标签","summary":"","title":"拉丁语","type":"tags"},{"content":"","date":"2019-03-09","externalUrl":null,"permalink":"/zh-cn/tags/%E6%96%87%E6%9C%AC/","section":"标签","summary":"","title":"文本","type":"tags"},{"content":"","date":"8 janvier 2019","externalUrl":null,"permalink":"/fr/tags/katex/","section":"Tags","summary":"","title":"Katex","type":"tags"},{"content":"","date":"8 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/matem%C3%A1tica/","section":"Tags","summary":"","title":"Matemática","type":"tags"},{"content":"","date":"8 de mars de 2019","externalUrl":null,"permalink":"/es/tags/matem%C3%A1ticas/","section":"Tags","summary":"","title":"Matemáticas","type":"tags"},{"content":"","date":"8. mars 2019","externalUrl":null,"permalink":"/de/tags/mathematik/","section":"Tags","summary":"","title":"Mathematik","type":"tags"},{"content":"","date":"8 janvier 2019","externalUrl":null,"permalink":"/fr/tags/maths/","section":"Tags","summary":"","title":"Maths","type":"tags"},{"content":"KaTeX peut être utilisé pour rendre la notation mathématique dans les articles.\nBlowfish n\u0026rsquo;inclura les assets KaTeX dans votre projet que si vous utilisez la notation mathématique. Pour que cela fonctionne, incluez simplement le shortcode katex dans l\u0026rsquo;article. Exemple ci-dessous :\n{{\u0026lt; katex \u0026gt;}} Toute syntaxe KaTeX sur cette page sera alors automatiquement rendue. Utilisez la référence en ligne des fonctions TeX supportées pour la syntaxe disponible.\nNotation en ligne # La notation en ligne peut être générée en encadrant l\u0026rsquo;expression avec les délimiteurs \\( et \\).\nExemple :\n% Notation en ligne KaTeX Notation en ligne : \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\) Notation en ligne : \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\)\nNotation en bloc # Alternativement, la notation en bloc peut être générée en utilisant les délimiteurs $$. Cela affichera l\u0026rsquo;expression dans son propre bloc HTML.\nExemple :\n% Notation en bloc KaTeX $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$ $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$","date":"8 janvier 2019","externalUrl":null,"permalink":"/fr/samples/mathematical-notation/","section":"Échantillons","summary":"KaTeX peut être utilisé pour rendre la notation mathématique dans les articles.\n","title":"Notation mathématique","type":"sample"},{"content":"","date":"2019-03-08","externalUrl":null,"permalink":"/zh-cn/tags/%E6%95%B0%E5%AD%A6/","section":"标签","summary":"","title":"数学","type":"tags"},{"content":"","date":"6 mars 2019","externalUrl":null,"permalink":"/tags/chart/","section":"Tags","summary":"","title":"Chart","type":"tags"},{"content":"","date":"6 mars 2019","externalUrl":null,"permalink":"/tags/diagram/","section":"Tags","summary":"","title":"Diagram","type":"tags"},{"content":"","date":"6 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/diagrama/","section":"Tags","summary":"","title":"Diagrama","type":"tags"},{"content":"","date":"6. mars 2019","externalUrl":null,"permalink":"/de/tags/diagramm/","section":"Tags","summary":"","title":"Diagramm","type":"tags"},{"content":"","date":"6 janvier 2019","externalUrl":null,"permalink":"/fr/tags/diagramme/","section":"Tags","summary":"","title":"Diagramme","type":"tags"},{"content":"Les diagrammes Mermaid sont pris en charge dans Blowfish via le shortcode mermaid. Enveloppez simplement le markup du diagramme dans le shortcode. Blowfish adapte automatiquement les thèmes des diagrammes Mermaid au paramètre colorScheme configuré.\nConsultez la documentation du shortcode mermaid pour plus de détails.\nLes exemples ci-dessous sont une petite sélection tirée de la documentation officielle de Mermaid. Vous pouvez également voir le code source de la page sur GitHub.\nOrganigramme # graph TD A[Christmas] --\u003e|Get money| B(Go shopping) B --\u003e C{Let me think} B --\u003e G[/Another/] C ==\u003e|One| D[Laptop] C --\u003e|Two| E[iPhone] C --\u003e|Three| F[Car] subgraph Section C D E F G end Diagramme de séquence # sequenceDiagram autonumber par Action 1 Alice-\u003e\u003eJohn: Hello John, how are you? and Action 2 Alice-\u003e\u003eBob: Hello Bob, how are you? end Alice-\u003e\u003e+John: Hello John, how are you? Alice-\u003e\u003e+John: John, can you hear me? John--\u003e\u003e-Alice: Hi Alice, I can hear you! Note right of John: John is perceptive John--\u003e\u003e-Alice: I feel great! loop Every minute John--\u003eAlice: Great! end Diagramme de classes # classDiagram Animal \"1\" \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c--o Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } Diagramme entité-relation # erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" ","date":"6 janvier 2019","externalUrl":null,"permalink":"/fr/samples/diagrams-flowcharts/","section":"Échantillons","summary":"Il est facile d’ajouter des diagrammes et organigrammes aux articles avec Mermaid.","title":"Diagrammes et organigrammes","type":"sample"},{"content":"","date":"6 de mars de 2019","externalUrl":null,"permalink":"/pt-pt/tags/gr%C3%A1fico/","section":"Tags","summary":"","title":"Gráfico","type":"tags"},{"content":"","date":"6. mars 2019","externalUrl":null,"permalink":"/de/tags/grafik/","section":"Tags","summary":"","title":"Grafik","type":"tags"},{"content":"","date":"6 mars 2019","externalUrl":null,"permalink":"/tags/graph/","section":"Tags","summary":"","title":"Graph","type":"tags"},{"content":"","date":"6 janvier 2019","externalUrl":null,"permalink":"/fr/tags/graphique/","section":"Tags","summary":"","title":"Graphique","type":"tags"},{"content":"Blowfish prend en charge Chart.js via le shortcode chart. Enveloppez simplement le markup du graphique dans le shortcode. Blowfish adapte automatiquement les thèmes des graphiques au paramètre colorScheme configuré, mais les couleurs peuvent être personnalisées avec la syntaxe normale de Chart.js.\nConsultez la documentation du shortcode chart pour plus de détails.\nLes exemples ci-dessous sont une petite sélection tirée de la documentation officielle de Chart.js. Vous pouvez également voir le code source de la page sur GitHub.\nGraphique à barres # Graphique linéaire # Graphique en anneau # ","date":"6 janvier 2019","externalUrl":null,"permalink":"/fr/samples/charts/","section":"Échantillons","summary":"Blowfish inclut Chart.js pour des graphiques et visualisations de données puissants.","title":"Graphiques","type":"sample"},{"content":"","date":"6 janvier 2019","externalUrl":null,"permalink":"/fr/tags/mermaid/","section":"Tags","summary":"","title":"Mermaid","type":"tags"},{"content":"","date":"2019-03-06","externalUrl":null,"permalink":"/zh-cn/tags/%E5%9B%BE%E7%89%87/","section":"标签","summary":"","title":"图片","type":"tags"},{"content":"","date":"2019-03-06","externalUrl":null,"permalink":"/zh-cn/tags/%E6%B5%81%E7%A8%8B%E5%9B%BE/","section":"标签","summary":"","title":"流程图","type":"tags"},{"content":"","date":"2019-03-06","externalUrl":null,"permalink":"/zh-cn/tags/%E8%A1%A8%E6%A0%BC/","section":"标签","summary":"","title":"表格","type":"tags"},{"content":"","date":"5 janvier 2019","externalUrl":null,"permalink":"/fr/tags/emoji/","section":"Tags","summary":"","title":"Emoji","type":"tags"},{"content":"Les emoji sont pris en charge par défaut dans Blowfish. Les emoji peuvent être utilisés dans les titres, les éléments de menu et le contenu des articles.\nNote : Le rendu de ces glyphes dépend du navigateur et de la plateforme. Pour styliser les emoji, vous pouvez utiliser une police emoji tierce ou une pile de polices. Les remplacements d\u0026rsquo;emoji sont automatiques dans Blowfish, vous pouvez donc utiliser des codes abrégés dans votre contenu et front matter, et ils seront convertis en leurs symboles correspondants lors de la compilation.\nExemple : see_no_evil \u0026#x1f648;, hear_no_evil \u0026#x1f649;, speak_no_evil \u0026#x1f64a;.\nL\u0026rsquo;aide-mémoire Emoji est une référence utile pour les codes abrégés emoji.\n","date":"5 janvier 2019","externalUrl":null,"permalink":"/fr/samples/emoji/","section":"Échantillons","summary":"📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸","title":"Emoji 🪂","type":"sample"},{"content":"","date":"22 janvier 1987","externalUrl":null,"permalink":"/fr/tags/mod%C3%A8le/","section":"Tags","summary":"","title":"Modèle","type":"tags"},{"content":"Merci de vouloir contribuer à la communauté Blowfish.\nComment commencer ? # Ceci est un article modèle qui explique comment créer un nouvel article pour la section guides de Blowfish.\nCloner Blowfish # Clonez ce dépôt avec la commande suivante :\ngit clone https://github.com/nunocoracao/blowfish.git Configurer vos fichiers # Copiez et collez le dossier entier où se trouve ce fichier .md.\nNommez-le en utilisant la convention suivante AAAAMM-titre, les espaces ne sont pas autorisés.\nÉcrire votre guide # Écrivez votre guide :)\nUtilisez le dossier img pour placer vos images et les utiliser :\nLégende de l\u0026rsquo;image Ouvrir une PR # Ouvrez une PR et merci d\u0026rsquo;avance pour votre contribution.\n","date":"22 janvier 1987","externalUrl":null,"permalink":"/fr/guides/template/","section":"Recettes","summary":"Merci de vouloir contribuer à la communauté Blowfish.\nComment commencer ? # Ceci est un article modèle qui explique comment créer un nouvel article pour la section guides de Blowfish.\n","title":"Modèle de recette","type":"guides"},{"content":"","date":"22 de décembre de 1987","externalUrl":null,"permalink":"/es/tags/plantilla/","section":"Tags","summary":"","title":"Plantilla","type":"tags"},{"content":"","date":"22 décembre 1987","externalUrl":null,"permalink":"/tags/template/","section":"Tags","summary":"","title":"Template","type":"tags"},{"content":"","date":"22. décembre 1987","externalUrl":null,"permalink":"/de/tags/vorlage/","section":"Tags","summary":"","title":"Vorlage","type":"tags"},{"content":"","date":"1987-12-22","externalUrl":null,"permalink":"/zh-cn/tags/%E6%A8%A1%E6%9D%BF/","section":"标签","summary":"","title":"模板","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/academia/","section":"Tags","summary":"","title":"Academia","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/ai/","section":"Tags","summary":"","title":"AI","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/alojamento/","section":"Tags","summary":"","title":"Alojamento","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/alojamiento/","section":"Tags","summary":"","title":"Alojamiento","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/analytics/","section":"Tags","summary":"","title":"Analytics","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/app-site/","section":"Tags","summary":"","title":"App Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/artificial-intelligence/","section":"Tags","summary":"","title":"Artificial Intelligence","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/aufrufe/","section":"Tags","summary":"","title":"Aufrufe","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/author-site/","section":"Tags","summary":"","title":"Author Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/avan%C3%A7ado/","section":"Tags","summary":"","title":"Avançado","type":"tags"},{"content":"Ceci est le tag \u0026ldquo;Avancé\u0026rdquo;. Comme pour les autres pages de liste dans Blowfish, vous pouvez ajouter du contenu personnalisé aux termes de taxonomie individuels et il sera affiché en haut de la liste des termes.\nVous pouvez également utiliser ces pages de contenu pour définir des métadonnées Hugo comme les titres et les descriptions qui seront utilisés pour le SEO et d\u0026rsquo;autres fins.\n","externalUrl":null,"permalink":"/fr/tags/advanced/","section":"Tags","summary":"Ceci est le tag “Avancé”. Comme pour les autres pages de liste dans Blowfish, vous pouvez ajouter du contenu personnalisé aux termes de taxonomie individuels et il sera affiché en haut de la liste des termes.\n","title":"Avancé","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/avanc%C3%A9/","section":"Tags","summary":"","title":"Avancé","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/avanzado/","section":"Tags","summary":"","title":"Avanzado","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/benutzer/","section":"Tags","summary":"","title":"Benutzer","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/bereitstellung/","section":"Tags","summary":"","title":"Bereitstellung","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/blog/","section":"Tags","summary":"","title":"Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/book/","section":"Tags","summary":"","title":"Book","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/business-site/","section":"Tags","summary":"","title":"Business Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/cad/","section":"Tags","summary":"","title":"CAD","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/class/","section":"Tags","summary":"","title":"Class","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/college-club-site/","section":"Tags","summary":"","title":"College Club Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/comentarios/","section":"Tags","summary":"","title":"Comentarios","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/coment%C3%A1rios/","section":"Tags","summary":"","title":"Comentários","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/comics-site/","section":"Tags","summary":"","title":"Comics Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/commentaires/","section":"Tags","summary":"","title":"Commentaires","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/comments/","section":"Tags","summary":"","title":"Comments","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/company-site/","section":"Tags","summary":"","title":"Company Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/config/","section":"Tags","summary":"","title":"Config","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/configura%C3%A7%C3%A3o/","section":"Tags","summary":"","title":"Configuração","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/configuraci%C3%B3n/","section":"Tags","summary":"","title":"Configuración","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/configuration/","section":"Tags","summary":"","title":"Configuration","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/contenido/","section":"Tags","summary":"","title":"Contenido","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/content/","section":"Tags","summary":"","title":"Content","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/contenu/","section":"Tags","summary":"","title":"Contenu","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/conte%C3%BAdo/","section":"Tags","summary":"","title":"Conteúdo","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-br/tags/curtidas/","section":"Tags","summary":"","title":"Curtidas","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/dawel/","section":"Tags","summary":"","title":"Dawel","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/d%C3%A9ploiement/","section":"Tags","summary":"","title":"Déploiement","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/deployment/","section":"Tags","summary":"","title":"Deployment","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/despliegue/","section":"Tags","summary":"","title":"Despliegue","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/devops/","section":"Tags","summary":"","title":"DevOps","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/dise%C3%B1os/","section":"Tags","summary":"","title":"Diseños","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/diy/","section":"Tags","summary":"","title":"DIY","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/docs/","section":"Tags","summary":"","title":"Docs","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/series/documenta%C3%A7%C3%A3o/","section":"Series","summary":"","title":"Documentação","type":"series"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/documenta%C3%A7%C3%A3o/","section":"Tags","summary":"","title":"Documentação","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/series/documentaci%C3%B3n/","section":"Series","summary":"","title":"Documentación","type":"series"},{"content":"","externalUrl":null,"permalink":"/es/tags/documentaci%C3%B3n/","section":"Tags","summary":"","title":"Documentación","type":"tags"},{"content":" Simple, mais puissant. Apprenez à utiliser Blowfish et ses fonctionnalités. Cette section contient tout ce que vous devez savoir sur Blowfish. Si vous êtes nouveau, consultez le guide d\u0026rsquo;Installation pour commencer ou visitez la section Exemples pour voir ce que Blowfish peut faire.\n","externalUrl":null,"permalink":"/fr/docs/","section":"Documentation","summary":" Simple, mais puissant. Apprenez à utiliser Blowfish et ses fonctionnalités. Cette section contient tout ce que vous devez savoir sur Blowfish. Si vous êtes nouveau, consultez le guide d’Installation pour commencer ou visitez la section Exemples pour voir ce que Blowfish peut faire.\n","title":"Documentation","type":"docs"},{"content":"","externalUrl":null,"permalink":"/fr/series/documentation/","section":"Series","summary":"","title":"Documentation","type":"series"},{"content":"","externalUrl":null,"permalink":"/fr/tags/documentation/","section":"Tags","summary":"","title":"Documentation","type":"tags"},{"content":"","externalUrl":null,"permalink":"/it/tags/documenti/","section":"Tag","summary":"","title":"Documenti","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/series/dokumentation/","section":"Series","summary":"","title":"Dokumentation","type":"series"},{"content":"","externalUrl":null,"permalink":"/de/tags/dokumentation/","section":"Tags","summary":"","title":"Dokumentation","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/doll-photography/","section":"Tags","summary":"","title":"Doll Photography","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/dwkde/","section":"Tags","summary":"","title":"DwKDE","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/dwos/","section":"Tags","summary":"","title":"DwOS","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/e-commerce/","section":"Tags","summary":"","title":"E-Commerce","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/environment-design/","section":"Tags","summary":"","title":"Environment Design","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/erweitert/","section":"Tags","summary":"","title":"Erweitert","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/example/","section":"Tags","summary":"","title":"Example","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/favicons/","section":"Tags","summary":"","title":"Favicons","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/firebase/","section":"Tags","summary":"","title":"Firebase","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/front-matter/","section":"Tags","summary":"","title":"Front Matter","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/fun-project/","section":"Tags","summary":"","title":"Fun Project","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/game-site/","section":"Tags","summary":"","title":"Game Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/games-site/","section":"Tags","summary":"","title":"Games Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/github/","section":"Tags","summary":"","title":"Github","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/gostos/","section":"Tags","summary":"","title":"Gostos","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/h%C3%A9bergement/","section":"Tags","summary":"","title":"Hébergement","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/home-automation/","section":"Tags","summary":"","title":"Home Automation","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/homepage/","section":"Tags","summary":"","title":"Homepage","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-br/tags/hospedagem/","section":"Tags","summary":"","title":"Hospedagem","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/hosting/","section":"Tags","summary":"","title":"Hosting","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/icon/","section":"Tags","summary":"","title":"Icon","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-br/tags/implanta%C3%A7%C3%A3o/","section":"Tags","summary":"","title":"Implantação","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/implementa%C3%A7%C3%A3o/","section":"Tags","summary":"","title":"Implementação","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/inhalt/","section":"Tags","summary":"","title":"Inhalt","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/instala%C3%A7%C3%A3o/","section":"Tags","summary":"","title":"Instalação","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/instalaci%C3%B3n/","section":"Tags","summary":"","title":"Instalación","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/installation/","section":"Tags","summary":"","title":"Installation","type":"tags"},{"content":"","externalUrl":null,"permalink":"/it/tags/installazione/","section":"Tag","summary":"","title":"Installazione","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/it/","section":"Tags","summary":"","title":"IT","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/kommentare/","section":"Tags","summary":"","title":"Kommentare","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/konfiguration/","section":"Tags","summary":"","title":"Konfiguration","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/layouts/","section":"Tags","summary":"","title":"Layouts","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/lead/","section":"Tags","summary":"","title":"Lead","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/learning/","section":"Tags","summary":"","title":"Learning","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/likes/","section":"Tags","summary":"","title":"Likes","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/linux-admin/","section":"Tags","summary":"","title":"Linux Admin","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/mechanical-engineering/","section":"Tags","summary":"","title":"Mechanical Engineering","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/mises-en-page/","section":"Tags","summary":"","title":"Mises en Page","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/netlify/","section":"Tags","summary":"","title":"Netlify","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/neu/","section":"Tags","summary":"","title":"Neu","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/new/","section":"Tags","summary":"","title":"New","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/nouveau/","section":"Tags","summary":"","title":"Nouveau","type":"tags"},{"content":"","externalUrl":null,"permalink":"/it/tags/novit%C3%A0/","section":"Tag","summary":"","title":"Novità","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/novo/","section":"Tags","summary":"","title":"Novo","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/nuevo/","section":"Tags","summary":"","title":"Nuevo","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/organization-site/","section":"Tags","summary":"","title":"Organization Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/outdoor-blog/","section":"Tags","summary":"","title":"Outdoor Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/page-daccueil/","section":"Tags","summary":"","title":"Page D'accueil","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/p%C3%A1gina-de-inicio/","section":"Tags","summary":"","title":"Página De Inicio","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/p%C3%A1gina-inicial/","section":"Tags","summary":"","title":"Página Inicial","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/paraguay/","section":"Tags","summary":"","title":"Paraguay","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/partials/","section":"Tags","summary":"","title":"Partials","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/personal-blog/","section":"Tags","summary":"","title":"Personal Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/personal-site/","section":"Tags","summary":"","title":"Personal Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/personal-website/","section":"Tags","summary":"","title":"Personal Website","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/portfolio/","section":"Tags","summary":"","title":"Portfolio","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/portfolio-site/","section":"Tags","summary":"","title":"Portfolio Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/programming/","section":"Tags","summary":"","title":"Programming","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/project-site/","section":"Tags","summary":"","title":"Project Site","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/recipe-blog/","section":"Tags","summary":"","title":"Recipe Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/render/","section":"Tags","summary":"","title":"Render","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/seminars/","section":"Tags","summary":"","title":"Seminars","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/serien/","section":"Tags","summary":"","title":"Serien","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"","externalUrl":null,"permalink":"/tags/series/","section":"Tags","summary":"","title":"Series","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/s%C3%A9ries/","section":"Tags","summary":"","title":"Séries","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/software-developer/","section":"Tags","summary":"","title":"Software Developer","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/software-engineering/","section":"Tags","summary":"","title":"Software Engineering","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/tech/","section":"Tags","summary":"","title":"Tech","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/tech-blog/","section":"Tags","summary":"","title":"Tech Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/technology-blog/","section":"Tags","summary":"","title":"Technology Blog","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/theme-author/","section":"Tags","summary":"","title":"Theme Author","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/travel/","section":"Tags","summary":"","title":"Travel","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/users/","section":"Tags","summary":"","title":"Users","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/usuarios/","section":"Tags","summary":"","title":"Usuarios","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-br/tags/usu%C3%A1rios/","section":"Tags","summary":"","title":"Usuários","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/utilisateurs/","section":"Tags","summary":"","title":"Utilisateurs","type":"tags"},{"content":"De vrais sites web construits avec Blowfish. Consultez la liste complète en format JSON.\nUtilisateur de Blowfish ? Pour ajouter votre site à cette liste, soumettez une pull request. ","externalUrl":null,"permalink":"/fr/users/","section":"Utilisateurs","summary":"De vrais sites web construits avec Blowfish. Consultez la liste complète en format JSON.\nUtilisateur de Blowfish ? Pour ajouter votre site à cette liste, soumettez une pull request. ","title":"Utilisateurs","type":"users"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/utilizadores/","section":"Tags","summary":"","title":"Utilizadores","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/videogame-developer/","section":"Tags","summary":"","title":"Videogame Developer","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/views/","section":"Tags","summary":"","title":"Views","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/vignette/","section":"Tags","summary":"","title":"Vignette","type":"tags"},{"content":"","externalUrl":null,"permalink":"/es/tags/vistas/","section":"Tags","summary":"","title":"Vistas","type":"tags"},{"content":"","externalUrl":null,"permalink":"/pt-pt/tags/visualiza%C3%A7%C3%B5es/","section":"Tags","summary":"","title":"Visualizações","type":"tags"},{"content":"","externalUrl":null,"permalink":"/de/tags/vorschaubild/","section":"Tags","summary":"","title":"Vorschaubild","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/vues/","section":"Tags","summary":"","title":"Vues","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/world-of-warcraft/","section":"Tags","summary":"","title":"World of Warcraft","type":"tags"},{"content":"","externalUrl":null,"permalink":"/fr/tags/wow/","section":"Tags","summary":"","title":"WoW","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E4%B8%BB%E9%A1%B5/","section":"标签","summary":"","title":"主页","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E5%86%85%E5%AE%B9/","section":"标签","summary":"","title":"内容","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E5%AE%89%E8%A3%85/","section":"标签","summary":"","title":"安装","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E5%B8%83%E5%B1%80/","section":"标签","summary":"","title":"布局","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E6%89%98%E7%AE%A1/","section":"标签","summary":"","title":"托管","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E6%96%87%E6%A1%A3/","section":"标签","summary":"","title":"文档","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E6%96%B0%E6%89%8B/","section":"标签","summary":"","title":"新手","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E6%B8%B2%E6%9F%93%E5%99%A8/","section":"标签","summary":"","title":"渲染器","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E7%82%B9%E8%B5%9E%E9%87%8F/","section":"标签","summary":"","title":"点赞量","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E7%B3%BB%E5%88%97/","section":"标签","summary":"","title":"系列","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E7%BB%9F%E8%AE%A1%E6%9C%8D%E5%8A%A1/","section":"标签","summary":"","title":"统计服务","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E7%BD%91%E7%AB%99%E5%9B%BE%E6%A0%87/","section":"标签","summary":"","title":"网站图标","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E8%AF%84%E8%AE%BA/","section":"标签","summary":"","title":"评论","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E9%83%A8%E7%BD%B2/","section":"标签","summary":"","title":"部署","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/series/%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B/","section":"Series","summary":"","title":"部署教程","type":"series"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E9%85%8D%E7%BD%AE/","section":"标签","summary":"","title":"配置","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E9%98%85%E8%AF%BB%E9%87%8F/","section":"标签","summary":"","title":"阅读量","type":"tags"},{"content":"","externalUrl":null,"permalink":"/zh-cn/tags/%E9%AB%98%E7%BA%A7/","section":"标签","summary":"","title":"高级","type":"tags"}]