Création de site avec Hugo

설치자 un site sur Hugo peuxposer deshardés lors de l'installation.

라 파티 쉬르 위고

Hugo 설치

Sur Ubuntu, 간단하지 않은 snap install hugo 기능.

사이트 생성

푸어 크리르 르 사이트, il suffit de fair la commande

hugo new site blog

아주터 운 테마

Il faut rechercher dans la liste des thèmes 르 테마 퀴 플라이. Une fois le theme choisis, il faut l'installer dans themes/<nom du thème> et jouter theme = "<nom du thème>" 단스 르 피시에 config.toml .

설치 뒤 테마 Cactus Plus

# Récupérer le thème sur GitHub
git clone https://github.com/nodejh/hugo-theme-cactus-plus themes/hugo-theme-cactus-plus

# Installer le bon fichier de configuration à la place de l'ancier
cp themes/hugo-theme-cactus-plus/exampleSite/config.toml .

Créer un post sur le 블로그

유용한 휴고

hugo new posts/premier-post.md

알라메인

$EDITOR content/posts/premier-post.md

사후 메타데이터

Tout d'abord, les metadata sont ajoutée directement dans le fichier markdown grâce au Separateurs --- . Cela donne un document qui 시작 파:

---
title: "Creation de site avec Hugo"
date: 2019-11-13T15:17:21+01:00
---

Voici une listeexhaustive des éléments que l'on peux ajouter dans les metadata:

title : Specifie le nom de l'article

date : 명시적 문서 수정

url : Permet de définir l'URL utilisé pour le post

draft : [true|false] Permet(ou non) que le post soit visible dans un environment de production

tags : Permet de définir les tags de l'article et donc permet de Faire le Lien entre les post.

author : Specifie le nom de l'auteur

meta_image : Specifie l'image qui représente l'article

type : Specifie le type d'article

Ce qui peux donner une entête comme cela

---
title: "Creation de site avec Hugo"
author: Tom Moulard
draft: false
type: post
date: 2019-11-13T15:17:21+01:00
url: /creation-de-site
categories:
  - Uncategorized
tags:
  - tutoriel
  - installation
  - hugo
meta_image: 2019/hugo-creation.png
---

Démarrer le serveur localement

hugo server

Démarrer le Serveur localement avec les drafts

hugo server -D

웹 사이트 보기

Il suffit 유지 보수 d'aller voir localhost:1313 푸어 옵저버 르 트라베 이펙츄에.

$BROWSER http://localhost:1313

사이트 매개변수

La prochaine section à pour but de modifier le fichier de configuration config.toml .

파라메트 쉬르 로테르

author = "<Nom de l'auteur>"
description = "<Description du site>"
bio = "<Description de l'auteur>"

디스쿠스

Il faut avoir un compte sur le site Disqus (ou en créer un ). Puis il faut créer un nouveau site et récupérer le nom court du site.

enableDisqus = true
disqusShortname = "<nom cours du site>"

배포

유용한 docker-compose

hugo:
  image: jojomi/hugo:latest
  volumes:
    - ./src/:/src
  environment:
    - HUGO_WATCH=true
    - HUGO_REFRESH_TIME=3600
    - HUGO_THEME=<Nom du thème>
    - HUGO_BASEURL=mydomain.com
  restart: always

모범 사례:

hugo:
  image: jojomi/hugo:latest
  volumes:
    - .:/src
  environment:
    - HUGO_WATCH=true
    - HUGO_REFRESH_TIME=3600
    - HUGO_THEME=hugo-theme-cactus-plus
    - HUGO_BASEURL=mydomain.com
  restart: always

푸이스 docker-compose up