hugo liftoff

Décollage de Hugo

Attention : je n'ai plus le temps de travailler sur ce thème pour diverses raisons. Il est peu probable que j'aborde votre problème et aucune fonctionnalité supplémentaire n'est prévue, même si le thème restera accessible au public. N'hésitez pas à le créer si vous devez apporter des modifications importantes. J'envisagerai de fusionner de simples demandes d'extraction de corrections de bogues. Toutes nos excuses pour tout inconvénient que cela pourrait causer. Veuillez consulter les notes de version v3.4.3 pour plus de détails.

À propos

Hugo Liftoff est un thème de blog/portfolio minimal axé sur la création de contenu et les meilleures pratiques de référencement. C'est un choix idéal pour les utilisateurs techniques qui souhaitent lancer une marque personnelle.

Documentation

La documentation complète est hébergée sur le wiki Github de ce dépôt.

Veuillez ouvrir un problème si vous trouvez des erreurs dans la documentation ou si vous avez des suggestions d'amélioration.

Site de démonstration

Une démo fonctionnelle du thème est accessible au public pour évaluation.

Le contenu exampleSite inclus avec le thème, que vous êtes libre de copier dans votre propre projet, reflète le contenu utilisé dans la démo. L'idée derrière cela est de vous aider à démarrer rapidement et à reproduire toutes les fonctionnalités que vous avez vues dans la démo et qui, selon vous, pourraient être utiles dans votre propre projet.

Caractéristiques notables

• Sous-sections de contenu avec la possibilité de filtrer les publications récentes sur la page d'accueil par sous-section
• Taxonomie des publications de la série avec des publications uniques répertoriant toutes les publications de la série actuelle
• Liens suivant/précédent à la fin des articles uniques pour les sous-sections ou les articles de série (si activés)
• Basculement du mode clair/sombre à l'aide des propriétés personnalisées CSS
• Menu JS pliable et adapté aux mobiles avec prise en charge automatique des sous-menus basée sur la configuration du menu
• Newsletter personnalisable avec prise en charge de Netlify Forms et contrôle de visibilité conditionnel
• Et bien plus encore...

Présentation des fonctionnalités

Vous trouverez ci-dessous les fonctionnalités actuelles de ce thème. Les fonctionnalités étiquetées facultatives ou frontmatter peuvent être activées/désactivées dans la configuration ou frontmatter, respectivement.

Netlifier

• En-têtes/redirections personnalisés avec Netlify (facultatif)
• Prise en charge des formulaires Netlify pour l'inscription à la newsletter et la page de contact (facultatif)
• Exemple de fichier netlify.toml pour un déploiement rationalisé

Tiers

• GoogleAnalyticsv4
• Google Tag Manager comme alternative à GA (facultatif)
• Commentaires (facultatif)
• Désactiver les commentaires page par page (facultatif) (frontmatter)

Bulletin

• Inscription à la newsletter avec prise en charge de Netlify Forms (facultatif) (frontmatter)
• Affichage global de l'opt-in à la newsletter (facultatif)
• En-tête de newsletter personnalisable, description et texte CTA (facultatif)
• Remplacer la newsletter mondiale page par page (facultatif) (frontmatter)
• Activer ou désactiver la newsletter page par page (frontmatter)

Sociale

• Twitter natif, Mastodon, Github, Stack Overflow, LinkedIn et liens sociaux par e-mail avec SVG (facultatif)
• Activer ou désactiver les liens sociaux dans le pied de page, le héros de la page d'accueil et la page À propos (facultatif)
• Activer ou désactiver les liens sociaux individuels (facultatif)
• Icônes de partage social Facebook, LinkedIn, Twitter, Reddit et e-mail avec SVG pour les publications (facultatif)
• Activer ou désactiver des icônes de partage social individuelles (facultatif)

Référencement/RSS

• Modèles Open Graph, Twitter Cards et Schema.org améliorés
• Flux RSS qui exclut toutes les pages en dehors de la section des publications
• Titre personnalisable et balises de titre SEO ou utiliser le titre pour les deux (frontmatter)
• Résumé et méta description personnalisables ou utilisation de la description pour les deux (frontmatter)
• Balise méta d'auteur personnalisée (facultatif) (frontmatter)
• Balises de titre personnalisées et méta descriptions pour chaque page (facultatif) (frontmatter)
• robots.txt et sitemap.xml
• Désactiver l'exploration des moteurs de recherche (facultatif)

Séries / Sous-sections

• Sous-sections de contenu avec la possibilité de filtrer les publications récentes sur la page d'accueil par sous-section (facultatif)
• Taxonomie des publications de la série avec des publications uniques répertoriant toutes les publications de la série actuelle (facultatif)
• Liens suivant/précédent à la fin des articles uniques pour les sous-sections ou les articles de série (si activés)
• Prise en charge des sous-sections pour les publications avec des permaliens personnalisés pour des URL SEO propres (facultatif)
• Menu JS pliable et adapté aux mobiles avec prise en charge automatique des sous-menus basée sur la configuration du menu

Page d'accueil

• Personnaliser le titre et le sous-titre du héros sur la page d'accueil (frontmatter)
• Personnaliser les titres des sections d'articles et de projets sur la page d'accueil (frontmatter)

Articles et projets

• Table des matières collante activable pour les articles (frontmatter)
• Articles connexes (frontmatter)
• Icônes de partage social pour les publications (frontmatter)
• Temps de lecture et nombre de mots pour les articles
• Dates de dernière modification des publications (facultatif)
• URL en direct personnalisable, URL source et détails de la pile technologique pour les projets (frontmatter)
• Taxonomies de balises et de catégories
• Taxonomie des types de projets pour catégoriser les projets
• Articles et projets récents sur la page d'accueil

Extraits de code

• Mise en évidence de la syntaxe
• Bouton de copie en un clic et indicateur de langue pour les extraits de code

CSS/JS

• Basculement du mode clair/sombre à l'aide des propriétés personnalisées CSS
• Ajouter du CSS/JS personnalisé dans assets
• Minification CSS et JS
• Pipeline de build frontend avec ESBuild et ToCSS
• Traitement PostCSS pour le préfixe automatique (facultatif)
• npm complètement facultatif sauf si vous utilisez PostCSS / Autoprefixer
• Échelle de typographie fluide avec CSS clamp()
• Sourcemaps pour SCSS et JS en développement

Images

• Traitement d'images avec les ressources Hugo
• Images de présentation pour les publications et les projets à partir d' assets ou d'un ensemble de pages (frontmatter)
• Image d'avatar du héros de la page d'accueil personnalisée (facultatif)
• Désactiver le filtre d'avatar en niveaux de gris (facultatif)
• Activer/désactiver les favicons (facultatif)

Archétypes

• Modèles d'archétypes pour les publications et les projets
• Prise en charge des ensembles de pages pour les modèles d'archétypes

Crochets de démarque

• Crochets de rendu Markdown pour les blocs de code, les images, les titres et les liens
• Indicateur de langue pour les blocs de code
• Ajoutez une classe CSS personnalisée aux images markdown via des fragments d'URL
• Icône SVG de lien d'ancrage de titre

Autre contenu

• Créez rapidement des pages uniques génériques avec le modèle unique par défaut (facultatif)
• Texte de pied de page supplémentaire (facultatif)
• Ajouter une étiquette aux brouillons en cours de développement (facultatif)
• Prise en charge réactive des styles de démarques courants tels que les tableaux
• Page À propos avec liens sociaux (facultatif)
• Page de contact avec support Netlify Forms (facultatif)
• Personnaliser le texte de secours pour le contenu vide (facultatif)

Hugo par défaut

• Exemple hugo.toml avec la majorité des paramètres de configuration Hugo inclus pour une personnalisation facile
• Remplacer les paramètres de configuration basés sur l'environnement Hugo
• Codes courts intégrés
• Et bien plus encore...Hugo a beaucoup à offrir !

Fonctionnalités prévues

Les fonctionnalités suivantes sont prévues pour une prochaine version.

• Recherche de site en temps réel
• Galeries d'images pour les projets
• prise en charge i18n
• Schémas de données structurés Google avancés supplémentaires
• Shortcodes personnalisés pour des choses comme les listes de projets

Obtenir de l'aide

Pour soumettre un rapport de bogue, une demande de fonctionnalité ou des questions d'utilisation, veuillez ouvrir un problème sur Github en utilisant l'un des modèles de problème.

Contribuer

Si vous souhaitez contribuer au projet, forkez-le et soumettez une pull request avec vos modifications à l'aide du modèle de pull request. Veuillez consulter les directives de contribution pour plus de détails.