Ajouter, Modifier Les Réseaux Sociaux Dans Hugo

Hugo est un générateur de site statique populaire qui vous permet de créer des sites web rapidement et efficacement. Si vous souhaitez ajouter un nouveau réseau social à votre site Hugo, suivez ces étapes simples.

Étape 1 : Modifier le fichier Socials.toml

Le fichier Socials.toml se trouve dans le répertoire www/template/data. Vous pouvez l’ouvrir avec un éditeur de texte, comme Visual Studio Code.
Pour ajouter YouTube, par exemple, vous devez ajouter une nouvelle section [socials] au fichier Socials.toml :

1
2
3
4
5
6


[[socials]]
    id = "youtube"
    url = "https://www.youtube.com/@Zitoune-anticip-WIN32"
    icon = "youtube"
    title = "YouTube"
    weight = 6

Assurez-vous de remplacer "https://www.youtube.com/@Zitoune-anticip-WIN32" par l’URL de votre chaîne YouTube.
Enregistrez le fichier Socials.toml.

Étape 2 : Modifier le fichier SVG.toml

Le fichier SVG.toml se trouve dans le répertoire www/template/themes/meme/data. Vous devez ajouter l’icône YouTube à ce fichier.
Ouvrez le fichier SVG.toml et ajoutez la définition de l’icône YouTube comme suit :

1

youtube = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>'

Enregistrez le fichier SVG.toml.

Étape 3 : Générer le Site avec Hugo

Maintenant que vous avez ajouté le réseau social et l’icône, vous devez régénérer votre site Hugo.

Ouvrez un terminal et naviguez jusqu’au répertoire www/template de votre site Hugo.
Exécutez la commande hugo pour générer le site :

1

hugo

Votre site sera généré avec le nouveau réseau social.

Automatiser le Processus avec un Script Python

Pour automatiser ce processus sur Windows, vous pouvez utiliser le script Python suivant :

Download

ajouteSocialDansHugo.zip

Code source

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41


import tomlkit

# Chemin vers votre fichier Socials.toml
fichier_socials = "data/Socials.toml"

# Les informations pour YouTube
nouveau_social_youtube = {
    "id": "youtube",
    "url": "https://www.youtube.com/@Zitoune-anticip-WIN32",
    "icon": "youtube",
    "title": "YouTube",
    "weight": 6
}

try:
    # Charger le fichier Socials.toml s'il existe déjà
    with open(fichier_socials, "r") as fichier:
        config = tomlkit.load(fichier)

    # Vérifiez si YouTube existe déjà dans la configuration
    youtube_existe = False
    for social in config.get("socials", []):
        if social.get("id") == "youtube":
            youtube_existe = True
            break

    # Si YouTube n'existe pas, ajoutez-le
    if not youtube_existe:
        config["socials"].append(nouveau_social_youtube)

        # Écrivez la nouvelle configuration dans le fichier Socials.toml
        with open(fichier_socials, "w") as fichier:
            tomlkit.dump(config, fichier)

        print("Les informations YouTube ont été ajoutées avec succès.")
    else:
        print("YouTube existe déjà dans le fichier Socials.toml.")
except FileNotFoundError:
    print("Le fichier Socials.toml n'a pas été trouvé. Assurez-vous qu'il existe.")
except Exception as e:
    print(f"Une erreur s'est produite : {str(e)}")

Assurez-vous de remplacer “https://www.youtube.com/@Zitoune-anticip-WIN32” par l’URL de votre propre chaîne YouTube.
Pour exécuter ce script, vous devez vous trouver dans le répertoire www/template de votre site Hugo. Vous pouvez y accéder en utilisant la commande cd dans votre terminal. Une fois dans le bon répertoire, exécutez le script python addYTB_to_social.py.
Une fois les options personnalisées, vous pouvez démarrer votre serveur :

Via l’extension Font Matter :
- Cliquez sur démarrer le serveur.
- Cliquez sur prévisualiser le site ou rendez-vous sur http://localhost:1313/.
Via le terminal :
- Avec la commande cd, placez-vous dans votre dossier qui se situe sur votre bureau dans \www\template\.
- Exécutez la commande hugo server.
- Rendez-vous sur http://localhost:1313/.

Bonus : Modifier les URL des Réseaux Sociaux avec Python

Download

modifSocials.zip

CodeSource

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59


# Prérequis python3: pip install tomlkit
# Executer le script dans le dossier www/template/

import tomlkit

# Chemin vers votre fichier Socials.toml
fichier_socials = "data/Socials.toml"

# Chemin vers votre fichier SVG.toml
fichier_svg = "themes/meme/data/SVG.toml"

# Le code SVG pour YouTube
youtube_svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>'

try:
    # Charger le fichier Socials.toml s'il existe déjà
    with open(fichier_socials, "r") as fichier:
        config_socials = tomlkit.load(fichier)

    # Vérifiez si YouTube existe déjà dans la configuration
    youtube_existe = False
    for social in config_socials.get("socials", []):
        if social.get("id") == "youtube":
            youtube_existe = True
            break

    # Si YouTube n'existe pas, ajoutez-le
    if not youtube_existe:
        config_socials["socials"].append({
            "id": "youtube",
            "url": "https://www.youtube.com/@Zitoune-anticip-WIN32",
            "icon": "youtube",
            "title": "YouTube",
            "weight": 6
        })

        # Écrivez la nouvelle configuration dans le fichier Socials.toml
        with open(fichier_socials, "w") as fichier:
            tomlkit.dump(config_socials, fichier)

        print("Les informations YouTube ont été ajoutées avec succès au fichier Socials.toml.")

        # Maintenant, remplacez le contenu SVG existant par le nouveau code SVG dans le fichier SVG.toml
        with open(fichier_svg, "r") as fichier_svg_lecture:
            config_svg = tomlkit.load(fichier_svg_lecture)
        
        config_svg["youtube"] = youtube_svg

        # Écrivez la nouvelle configuration dans le fichier SVG.toml
        with open(fichier_svg, "w") as fichier_svg_ecriture:
            tomlkit.dump(config_svg, fichier_svg_ecriture)

        print("Le contenu SVG a été mis à jour avec succès dans le fichier SVG.toml.")
    else:
        print("YouTube existe déjà dans le fichier Socials.toml.")
except FileNotFoundError:
    print("Le fichier Socials.toml n'a pas été trouvé. Assurez-vous qu'il existe.")
except Exception as e:
    print(f"Une erreur s'est produite : {str(e)}")

Ajouter, Modifier Les Réseaux Sociaux Dans Hugo

Lire aussi :