- Rédiger les articles en local avec Obsidian, puis déployer rapidement et gratuitement un blog personnel avec la combinaison Hugo + thème Bear Blog + Cloudflare Pages
- La gestion de versions via GitHub et le déploiement automatique rendent l’exploitation pratique. Il suffit d’écrire, d’enregistrer et de faire un commit pour publier immédiatement
- La configuration initiale demande un peu de connaissances en développement, mais ensuite le workflow devient très simple
- Convient à celles et ceux qui recherchent une méthode de blogging légère et durable
Configuration détaillée
- Tous les articles sont rédigés avec Obsidian
- Grâce au stockage sous forme de fichiers locaux, toutes les données vous appartiennent
- Le thème Minimal offre une interface propre et sans distraction
- iCloud permet une synchronisation illimitée entre différents appareils (Dropbox et Google Drive fonctionnent aussi)
- Pour la publication
- Hugo : générateur de site statique ultra-rapide
- Thème Bear Blog : thème de blog minimaliste et rapide
- GitHub + Cloudflare Pages : déploiement gratuit d’un site web
- Avantages : aucun abonnement, aucune dépendance à un fournisseur, aucun risque lié à un changement de politique de plateforme
Configuration du système
- Après avoir installé Hugo, créer un nouveau site
hugo new site myblog
cd myblog
- Ajouter le thème Bear Blog
git init
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
- Configurer le fichier
config.toml pour utiliser le thème Bear Blog
theme = 'hugo-bearblog'
- Connecter Obsidian à Hugo
- Rédiger les articles dans le dossier
content/blog de Hugo
- Dans Obsidian, utiliser la fonction "Open folder as vault" pour lier ce dossier
- Ainsi, les articles rédigés dans Obsidian sont directement reliés aux posts du site Hugo
- Ajouter en haut des articles rédigés dans Obsidian un modèle de Front Matter pour Hugo
+++
title= "Your Post Title"
date= YYYY-MM-DD
tags= ["post"]
draft= true
+++
- Quand tout est prêt pour la publication, changer la valeur de
draft en false
- Utiliser la fonction de serveur local de Hugo pour prévisualiser l’article dans le navigateur
hugo server -D
- Créer un nouveau dépôt GitHub et y connecter le projet local
git remote add origin https://github.com/yourusername/yourblog.git
git add .
git commit -m "Initial commit"
git push -u origin main
- Après inscription à Cloudflare, créer un projet Pages
- Connecter le dépôt GitHub et appliquer les paramètres de build suivants
- Commande de build :
hugo --minify
- Répertoire de sortie :
public
Workflow de publication
- Rédiger un post dans Obsidian
- Passer
draft: true à draft: false dans le modèle Front Matter
- Faire un commit et un push sur GitHub
git add . git commit -m "Publish new post" git push
- Cloudflare Pages détecte automatiquement les changements et reconstruit le site, avec application en 1 à 2 minutes
11 commentaires
J’exploite aussi un blog Hugo.
Après avoir rédigé un article dans Obsidian, j’utilise une méthode où le
pushvers le repository GitHub déclenche l’hébergement sur Cloudflare Pages.J’y ai aussi ajouté le service de recherche Algolia, et à chaque nouvel article, j’ai créé un fichier
shpour l’indexation, dans lequel j’ai mis toutes les commandes liées à Git, à l’indexation, etc., puis je publie l’article en exécutant la commandesh.J’utilise principalement Obsidian parce que j’aime bien regrouper de temps en temps les articles que j’ai écrits dans la vue graphique pour les parcourir.
Je faisais quelque chose de similaire moi aussi, mais désormais j’écris directement dans le dépôt sur github.com. (en utilisant la fonctionnalité de GitHub Pages qui construit automatiquement Jekyll)
https://plan9.kr/
Oh, c’est vous qui avez créé Text Battle ?
Je l’avais vu sur la communauté il y a quelque temps et je m’étais bien amusé avec haha, ravi de vous voir ici
Moi aussi, j’ai créé un blog avec Hugo, donc ça fait plaisir à voir !
J’avais aussi envisagé d’utiliser Obsidian comme éditeur principal, mais dès lors qu’on travaille sur un ordinateur, VSCode me semble être une meilleure option.
Comme les changements sont pris en compte à la milliseconde près, je ne ressens pas vraiment le besoin d’Obsidian.
Je ne vois pas pourquoi il faudrait relier Hugo et Obsidian.
Si on utilise Hugo, j’ai l’impression que VSCode est plus naturel.
C’est vraiment très intéressant.
Le plugin digital garden est également pratique.
Merci pour ce partage de contenu. J’utilise Obsidian depuis peu, donc je vais essayer de l’utiliser avec ça aussi.
Merci pour ces bonnes informations. J’utilise beaucoup Obsidian en ce moment, et cette combinaison me semble bien me convenir.
J’ai justement créé un blog avec Hugo il y a quelques jours, donc ce contenu me fait vraiment plaisir.
De mon côté, je l’ai configuré pour qu’il soit déployé sur GitHub Pages à chaque push, et c’est comme ça que je l’utilise.
J’aime aussi beaucoup Obsidian, mais je vous recommande également d’utiliser l’extension « Front Matter » dans vscode.
Elle offre des fonctions de CMS léger ; ce n’est pas absolument parfait, mais c’est plutôt pas mal.
Avis sur Hacker News