Docs > Modiefiér les fichiers

Aperçu

Hugo, le générateur de sites web statiques populaire, utilise une structure de dossiers spécifique qui aide à organiser le contenu et les éléments de design de votre site. Voici un aperçu de la structure de dossiers de base :

Structure de dossiers de base de Hugo

  1. content/

    • Contient les fichiers de contenu de votre site, généralement des fichiers Markdown.
    • Chaque sous-dossier représente une section ou catégorie séparée de votre site, comme posts/, blog/, about/.

  2. static/

    • Ici sont stockés les fichiers statiques tels que les images, JavaScript, CSS et autres ressources.
    • Les fichiers dans ce dossier sont copiés directement dans le répertoire racine du site construit.

  3. layouts/

    • Contient les modèles HTML pour votre site.
    • Vous définissez ici comment vos contenus sont présentés, y compris le modèle principal, les modèles partiels, les shortcodes et les modèles spéciaux pour certaines sections.

  4. archetypes/

    • Définit les modèles pour les nouveaux fichiers de contenu.
    • Lorsque vous créez un nouveau fichier de contenu, les paramètres par défaut sont repris d’ici.

  5. themes/

    • Vous pouvez stocker ici des thèmes qui définissent le design de votre site.
    • Chaque thème a sa propre version des dossiers mentionnés ci-dessus (layouts, static, etc.).

  6. data/

    • Pour stocker des fichiers de configuration au format YAML, JSON ou TOML.
    • Utile pour les données utilisées dans les modèles, telles que les paramètres de configuration ou les éléments de contenu.

  7. resources/

    • Hugo stocke ici les fichiers générés lors du traitement, comme les fichiers résultants du traitement d’images.
    • Ce dossier est souvent ignoré dans .gitignore pour les projets Git.

  8. config.toml/config.yaml/config.json

    • Fichier(s) de configuration principaux pour votre site.
    • Définit les paramètres globaux comme le titre, la langue, les URL et d’autres paramètres.

  9. public/

    • Ce dossier est généré par Hugo lors de la construction du site.
    • Contient les fichiers HTML finis et autres ressources à télécharger sur le serveur web.

  10. assets/

    • Contient les fichiers traités par la pipeline d’assets de Hugo (comme les fichiers Sass, JavaScript).
    • Permet l’utilisation de fonctionnalités de prétraitement comme la minification ou la compilation.

Notes supplémentaires

  • La structure peut varier en fonction des besoins et de la complexité de votre site.
  • Certains répertoires, tels que data/, resources/ ou assets/, sont optionnels et ne sont nécessaires que si vous utilisez les fonctionnalités correspondantes.
  • Il est important de consulter la documentation de Hugo pour comprendre comment ces répertoires sont utilisés et comment les exploiter au mieux pour votre site.

Modes de travail

Avec elFinder, un gestionnaire de fichiers basé sur le web est intégré dans notre WebCMS et propose trois modes de travail adaptés à différents niveaux de compétence des utilisateurs :

  • le mode simple
  • le mode normal
  • le mode Admin

Ces modes sont conçus pour optimiser l’expérience utilisateur en fonction du niveau de connaissance.

1. Mode simple (Débutants)

Public cible :
Ce mode est destiné aux débutants ayant des connaissances de base dans l’utilisation des gestionnaires de fichiers.

Fonctionnalités et vue :
Les utilisateurs ont accès à une structure de dossiers simplifiée. Seuls les dossiers pertinents pour l’accès au contenu dynamique du site web, aux images, au CSS et au Javascript sont affichés.

Avantages :
Ce mode évite les erreurs de manipulation par les utilisateurs inexpérimentés et facilite la navigation et la compréhension des fonctions de base du CMS.

2. Mode normal (Utilisateurs réguliers)

Public cible :
Pour les utilisateurs ayant des connaissances avancées et conçu pour l’utilisation rég

ulière du gestionnaire de fichiers.

Fonctionnalités et vue :
Ce mode offre une structure de dossiers avancée. Les utilisateurs peuvent créer et gérer des dossiers dans le dossier de contenu statique.

Avantages :
Offre un équilibre entre fonctionnalité et convivialité, idéal pour le travail quotidien avec les fichiers et dossiers.

3. Mode Admin (Utilisateurs avancés)

Public cible :
Conçu pour les utilisateurs avancés et les administrateurs ayant une connaissance approfondie du système de fichiers et du WebCMS.

Fonctionnalités et vue :
Offre un accès complet à la structure des dossiers du WebCMS.

Avantages :
Contrôle maximal et flexibilité pour les utilisateurs expérimentés devant effectuer des tâches complexes et de gestion.

Gestion des fichiers et dossiers

Voici un guide de base sur comment créer, renommer, supprimer et télécharger des fichiers et dossiers avec elFinder :

Chargez HugoCMS : Ouvrez votre navigateur web et connectez-vous à HugoCMS sur votre serveur ou hébergement web.
Cela se fait généralement en appelant votre domaine suivi de ‘/edit/’.

La description suivante concerne la barre de boutons/commutateurs et le menu contextuel avec les options, qui s’ouvre avec un clic droit.

1. Créer un nouveau fichier ou dossier

Naviguez vers le répertoire désiré : Sélectionnez le répertoire où vous souhaitez créer le fichier/dossier. Créez un nouveau fichier : Recherchez une option ou un bouton généralement intitulé « Nouveau fichier » ou « Nouveau dossier ». Cliquez dessus. Entrez un nom : Une boîte de dialogue apparaît vous permettant d’entrer le nom du nouveau fichier. Entrez le nom souhaité et confirmez. Éditez le fichier : Le fichier est créé et peut désormais être édité, si l’éditeur d’elFinder le supporte.

Astuce : Créez le nouveau fichier en dupliquant (option “Dupliquer”) pour reprendre les métadonnées pour le générateur Hugo de la source.

2. Renommer un fichier ou dossier

Sélectionnez le fichier : Cliquez sur le fichier ou le dossier que vous souhaitez renommer. Choisissez l’option de renommage : Recherchez une option ou un bouton intitulé « Renommer ». Entrez le nouveau nom : Une boîte de dialogue apparaît vous permettant d’entrer le nouveau nom. Entrez le nom souhaité et confirmez le changement.

3. Supprimer un fichier ou dossier

Sélectionnez le fichier : Cliquez sur le fichier / le dossier que vous souhaitez supprimer. Choisissez l’option de suppression : Recherchez un bouton ou une option intitulé « Supprimer ». Confirmez la suppression : Une boîte de dialogue peut demander si vous êtes sûr de vouloir supprimer le fichier / le dossier. Confirmez pour supprimer.

4. Télécharger un fichier

Ouvrez la boîte de dialogue de téléchargement : Recherchez un bouton ou une option pour télécharger des fichiers, intitulé « Télécharger » ou avec un symbole de téléchargement. Sélectionnez les fichiers : Une boîte de dialogue apparaît vous permettant de choisir des fichiers de votre ordinateur. Naviguez jusqu’aux fichiers que vous souhaitez télécharger et sélectionnez-les. Lancez le téléchargement : Après la sélection des fichiers, commencez le téléchargement avec un bouton « Télécharger ».