hugoplate
1.0.0
Hugoplate est un modèle de démarrage gratuit construit avec Hugo et TailwindCSS, fournissant tout ce dont vous avez besoin pour relancer votre projet Hugo et gagner un temps précieux.
Réalisé avec ♥ par Zeon Studio
Si vous trouvez ce projet utile, merci de lui donner un pour montrer votre soutien.
Nous avons inclus presque tout ce dont vous avez besoin pour démarrer votre projet Hugo. Voyons ce qui est inclus dans ce modèle :
Multi-auteurs
Suggestions de publications similaires
Fonctionnalité de recherche
Mode sombre
Balises et catégories
Paramètre Netlify préconfiguré
Formulaire de contact d'assistance
Entièrement réactif
Rédiger et mettre à jour du contenu dans Markdown
Commentaire
Mise en évidence de la syntaxe
Page d'accueil
À propos
Contact
Auteurs
Auteur unique
Blogue
Blog unique
Personnalisé 404
Éléments
politique de confidentialité
Balises
Balise unique
Catégories
Catégorie Unique
Recherche
Hugo
CSS vent arrière
PostCSS
PurgerCSS
Préfixe automatique
Modules Hugo par Gethugothemes
Réduction
Plus jolie
Jshint
Netlifier
Vercel
Actions GitHub
Gitlab Ci
AWSAmplifier
Vous devez d'abord cloner ou télécharger le référentiel de modèles, puis commençons par le processus suivant :
Pour commencer à utiliser ce modèle, vous devez avoir installé certains prérequis sur votre ordinateur.
Hugo étendu v0.124+
Nœud v20+
Allez v1.22+
Nous construisons ce script personnalisé pour faciliter la configuration de votre projet. Cela créera un nouveau dossier de thème Hugo et y clonera le thème Hugoplate. Déplacez ensuite le dossier exampleSite dans le répertoire racine. Pour que vous puissiez démarrer votre serveur Hugo sans aller dans le dossier exampleSite. Utilisez la commande suivante pour configurer votre projet.
npm exécuter la configuration du projet
Installez toutes les dépendances à l'aide de la commande suivante.
installation npm
Démarrez le serveur de développement à l'aide de la commande suivante.
npm exécuter le développement
Ce modèle a été conçu en tenant compte de nombreuses options de personnalisation. Vous pouvez personnaliser presque tout ce que vous voulez, notamment :
Vous pouvez modifier le titre du site, l'URL de base, la langue, le thème, les plugins et bien plus encore à partir du fichier hugo.toml .
Vous pouvez personnaliser tous les paramètres à partir du fichier config/_default/params.toml . Cela inclut le logo, le favicon, la recherche, les métadonnées SEO, etc.
Vous pouvez modifier les couleurs et les polices à partir du fichier data/theme.json . Cela inclut la couleur primaire, la couleur secondaire, la famille de polices et la taille de la police.
Vous pouvez modifier les liens sociaux à partir du fichier data/social.json . Ajoutez ici vos liens sociaux et ils seront automatiquement affichés sur le site.
Nous avons ajouté quelques scripts personnalisés pour vous faciliter la vie. Vous pouvez utiliser ces scripts pour vous aider dans votre développement.
Si vous souhaitez mettre à jour le thème, vous pouvez utiliser la commande suivante. Cela mettra à jour le thème vers la dernière version.
npm exécuter le thème de mise à jour
Remarque : Cette commande fonctionnera après avoir exécuté le script
project-setup.
Nous avons ajouté de nombreux modules à ce modèle. Vous pouvez mettre à jour tous les modules à l'aide de la commande suivante.
npm exécuter les modules de mise à jour
Si vous souhaitez supprimer le mode sombre de votre projet, vous pouvez utiliser la commande suivante pour supprimer le mode sombre de votre projet.
npm exécuter supprimer-darkmode
Remarque : Cette commande fonctionnera avant d'exécuter le script
project-setup. Si vous exécutez déjà la commandeproject-setup, vous devez d'abord exécuternpm run theme-setup, puis vous pourrez exécuter cette commande. par la suite, vous pouvez réexécuternpm run project-setup.
Une fois votre développement terminé, vous pouvez créer ou déployer votre projet presque partout. Voyons le processus :
Pour créer votre projet localement, vous pouvez utiliser la commande suivante. Il purgera tous les CSS inutilisés et réduira tous les fichiers.
npm exécuter la construction
Nous avons fourni 5 configurations de plate-forme de déploiement différentes avec ce modèle, afin que vous puissiez déployer facilement.
Netlifier
Vercel
Actions GitHub
Gitlab Ci
AWSAmplifier
Et si vous souhaitez héberger d’autres plateformes d’hébergement. alors vous pourrez construire votre projet et vous obtiendrez un dossier public . que vous pouvez copier et coller sur votre plateforme d'hébergement.
Remarque : Vous devez modifier la
baseURLdans le fichierhugo.toml. Sinon, votre site ne fonctionnera pas correctement.
Nous utilisons GitHub Issues comme outil de suivi des bogues officiel pour ce modèle. Veuillez rechercher les problèmes existants. Il est possible que quelqu'un ait déjà signalé le même problème. Si votre problème ou votre idée n'a pas encore été résolu, n'hésitez pas à ouvrir un nouveau numéro.
Copyright (c) 2023 - Présent, conçu et développé par Zeon Studio
Licence de code : publiée sous la licence MIT.
Licence d'image : Les images sont uniquement à des fins de démonstration. Ils ont leur licence, nous n'avons pas la permission de partager ces images.
Liste de quelques projets que des personnes construisent avec Hugoplate !
| Neuromorphique ouvert | Modèles d'IA | Hugobricks | ONO LLC |
Si vous avez besoin d'un thème personnalisé, d'une personnalisation de thème ou de services complets de développement de sites Web à partir de zéro, vous pouvez nous embaucher.
