[DOCKER] [Hugo] Résumé de la façon d'ajouter des pages au site créé avec Learn

Aperçu

Résumez la procédure d'ajout de pages et d'application de mises en page à un site (thème: Learn) construit avec Hugo.

supposition

La procédure décrite ci-dessus consiste à créer l'environnement et à créer la page, et l'explication est basée sur l'hypothèse que le dossier des publications se trouve dans le dossier «contenu» ci-dessous.

content
└── posts
    └── my-first-post.md

Page terminée pour le moment スクリーンショット 2020-09-16 23.06.41.png

objectif

Le but est de créer le site suivant en ajoutant des pages (enfants) et en définissant des pages d'index (parents).

site

スクリーンショット_2020-10-15_15_55_18.png

Structure des dossiers

La structure finale du fichier est la suivante

content
├── _index.md         // baseurl 
└── posts   
    ├── _index.md     // .../post 
    ├── my-first-post.md    // .../post/my-first-post
    └── my-second-post.md   // .../post/my-second-post

Page d'index du site, les paramètres de la page dépendent de la structure des dossiers

Créer une page

Une page (enfant) est créée en exécutant la commande hugo new. Dans Article précédent, la commande suivante a été exécutée.

hugo new posts/my-first-post.md 

En exécutant cette commande, le contenu décrit dans le fichier «default.md» du dossier «archétypes» sera ajouté au fichier .md spécifié.

Les éléments ajoutés par défaut sont les suivants

default.md


---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

Vous pouvez créer un site Web en remplissant ces paramètres.

Comment changer le nom du titre de la table

Expliquez comment changer le titre du tableau スクリーンショット_2020-10-13_15_03_04.png

Puisque le titre est défini dans "title:" de "my-first-post.md", modifiez la chaîne de caractères ici.

my-first-post.md


---
title: "My First Post" //Spécifié ici
date: 2020-XX-XX
draft: true
---

#Titre
Essayez de créer un site hoge

Si vous changez pour title:" Chapitre 1 ", les trois parties suivantes seront modifiées. スクリーンショット_2020-10-13_15_13_24.png

Comment ajouter une page (enfant)

Il existe deux façons d'ajouter des pages:

  1. Exécutez la commande hugo new, comme lorsque vous avez créé une nouvelle page
  2. Remplissez manuellement les éléments qui seront ajoutés lorsque vous exécutez la commande hugo new.

La différence est de savoir si le contenu du fichier default.md est entré par commande ou manuellement.

Ici, copiez "my-first-post.md", renommez-le en "my-second-post.md", enregistrez-le dans la même hiérarchie, et ajoutez une page.

my-second-post.md


---
title: "Chapitre 2"
date: 2020-XX-XX
draft: true
---

#Ajouter une page
my-first-post.Copiez md pour modifier le contenu, mon-second.Enregistrer en tant que fichier md

Page ajoutée スクリーンショット 2020-10-13 15.27.02.png

Ajouter une page d'index (parent)

Je souhaite définir la page qui s'affiche lorsque je clique sur "Publier" ou "Mon nouveau site Hugo" スクリーンショット_2020-10-13_15_34_02.png En regardant la structure actuelle des fichiers, c'est comme suit. Ce sont les pages parentes, appelées pages d'index. Guide d'apprentissage: _index.md

content
└── posts
    ├── my-first-post.md
    └── my-second-post.md

Par défaut, il n'y a pas de fichiers qui composent les pages Publier ou Mon nouveau site Hugo. Vous pouvez configurer la page en créant _index.md dans chaque dossier.

Ajouter du contenu> _index.md

_index.md


---
title: "Informations sur le site"
date: 2020-XX-XX
draft: true
---
Ce site teste la personnalisation Apprendre.

スクリーンショット 2020-10-13 15.49.22.png

posts> Ajouter _index.md

_index.md


---
title: "Procédure de personnalisation"
date: 2020-XX-XX
draft: true
---
#Apprendre la personnalisation
_Vous pouvez modifier cette page en créant un fichier d'index.

スクリーンショット 2020-10-13 15.49.13.png

Avec les opérations jusqu'à ce point, la structure du fichier est la suivante.

content
├── _index.md
└── posts
    ├── _index.md
    ├── my-first-post.md
    └── my-second-post.md

Appliquer la mise en page

Learn fournit des mises en page pour les pages de chapitre en plus des mises en page standard. Guide d'apprentissage: créez votre première page de chapitre La mise en page est appliquée en ajoutant chapitre: true à la partie d'en-tête et en écrivant comme suit.

###Sous-titre
#Titre
Écrivez une phrase ici

articles> Appliquer la mise en page des chapitres au fichier _index.md

_index.md


---
title: "Procédure de personnalisation"
date: 2020-XX-XX
draft: true
chapter: true //Postscript
---
###Débutants
#Apprendre la personnalisation
_Vous pouvez modifier cette page en créant un fichier d'index.

スクリーンショット 2020-10-13 16.01.23.png

référence

Hugo Learn Guide Organisation de contenu Hugo

Recommended Posts

[Hugo] Résumé de la façon d'ajouter des pages au site créé avec Learn
Comment apprendre le SVM structuré de ChainCRF avec PyStruct
Résumé de la façon de partager l'état avec plusieurs fonctions
Résumé de l'utilisation de pandas.DataFrame.loc
Résumé de l'utilisation de pyenv-virtualenv
Résumé de l'utilisation de csvkit
J'ai essayé de résumer brièvement la procédure de démarrage du développement de Django
[Python] Résumé de l'utilisation des pandas
Comment ajouter un package avec PyCharm
[Python2.7] Résumé de l'utilisation d'unittest
Résumé de l'utilisation de la liste Python
[Python2.7] Résumé de l'utilisation du sous-processus
Résumé de l'écriture d'AWS Lambda
Résumé de la création d'un environnement LAMP + Wordpress avec Sakura VPS
Résumé de la façon d'importer des fichiers dans Python 3
Résumé de l'utilisation de MNIST avec Python
Comment spécifier des attributs avec Mock of Python
Comment implémenter "named_scope" de RubyOnRails avec Django
Comment entraîner Kaldi avec JUST Corpus
Résumé de la lecture des données numériques avec python [CSV, NetCDF, Fortran binary]
[Python] Résumé des fonctions eval / exec + Comment écrire une chaîne de caractères avec des sauts de ligne
Comment ajouter de l'aide à HDA (avec bonus de script Python)
Ajoutez des informations au bas de la figure avec Matplotlib
[Blender] Résumé de la procédure d'installation / de mise à jour / de désinstallation des modules complémentaires
Comment générer un CSV d'en-tête multiligne avec des pandas
Résumé du site pour apprendre l'apprentissage automatique avec une vidéo en anglais
Comment déduire l'estimation MAP de HMM avec PyStruct
[Python] Résumé de la façon de spécifier la couleur de la figure
Comment déduire une estimation MAP de HMM avec OpenGM
Résumé des sites où vous pouvez apprendre la programmation en ligne
[Comment!] Apprenez et jouez à Super Mario avec Tensorflow !!
[python] Résumé de la récupération des listes et des éléments du dictionnaire
Comment activer la lecture / écriture de net.Conn avec Golang pour annuler avec le contexte
[Linux] [C / C ++] Résumé de la façon d'obtenir pid, ppid, tid
[Python] Résumé de l'utilisation des fonctions de fractionnement et de jointure
Comment afficher une liste des versions installables avec pyenv
Comment exécuter une application construite avec Python + py2app construite avec Anaconda
Résumé de l'écriture des fichiers .proto utilisés dans gRPC
Comment mettre à jour avec SQLAlchemy?
Comment lancer avec Theano
Comment modifier avec SQLAlchemy?
Comment séparer les chaînes avec ','
Comment faire RDP sur Fedora31
Comment supprimer avec SQLAlchemy?
Comment extraire des fonctionnalités de données de séries chronologiques avec les bases de PySpark
Comment obtenir l'ID de Type2Tag NXP NTAG213 avec nfcpy
Comment obtenir le répertoire où se trouve le EXE construit avec Pyinstaller
Comment surveiller l'état d'exécution de sqlldr avec la commande pv
Explique comment utiliser TensorFlow 2.X avec l'implémentation de VGG16 / ResNet50
Node.js: Comment tuer les descendants d'un processus démarré par child_process.fork ()
Comment annuler RT avec Tweepy
Python: comment utiliser async avec
Ajouter des champs à des entités avec ArcPy
Pour utiliser virtualenv avec PowerShell
Comment installer python-pip avec ubuntu20.04LTS
Comment gérer les données déséquilibrées
Comment ajouter sudo lors de l'exécution du débogage
Comment démarrer avec Scrapy