Créer un blog

Comment créer un site web statique et le publier simplement ? La page GitHub (ou GitHub Page) ! Grosso modo, la page GitHub va te permettre de transformer un repository GitHub avec tous ses fichiers en un site web : l'héberger, lui donner une URL, le déployer, etc.

Le site créé sera "statique", donc fait en HTML, CSS et Javascript (ce qui permet déjà pas mal de choses).

Pour commencer, il faut avoir un compte GitHub. Si tu n'en as pas, il suffit de le créer sur GitHub. Puis, il faut créer un repository en allant sur le petit logo de ton compte en haut à droite, en cliquant sur "your repositories" (ou tout équivalent selon la langue), puis sur le bouton vert "NEW". Attention, deux conditions à respecter :

• le nom du repository doit correspondre au nom de ton compte github suivi de github.io. Par exemple, Mulan inscrite sur GitHub sous son nom "Mulan" créera un repo mulan.github.io;
• le repository doit être public (c'est un peu l'objectif de publier un site web...).

Une fois le repo créé, il suffit de procéder exactement comme pour n'importe quel repo GitHub :

• Cloner le repo sur votre ordinateur (comme vous avez l'habitude, en utilisant votre outil GitHub Desktop ou autre, via le terminal, via GitHub..)
• Créer votre page index.html. puis les fichiers associés dont vous avez besoin. Relier les fichiers si besoin.

Pour construire le site ensuite, deux options : coder le tout en html/css/javascript ou prendre des canevas existants, comme par exemple (liste pas du tout exhaustive) :

• blog : créer un blog responsive par W3School;
• portfolio : la vidéo de A à Z de FrenchCoder;

ou utiliser les layouts proposés par GitHub pour l'hébergement des sites statiques, tels que Jekyll qui fournit des thèmes pour les pages GitHub.

A chaque fois qu'une modification sera push sur GitHub et qu'ainsi les fichiers seront à jour sur votre compte GitHub, votre site sera mis à jour ! Il est conseillé de maîtriser un minimum GitHub et pour les plus courageux Git, par exemple via la doc de MDN, ou des exercices de GIT.

Pour aller plus loin :

• La doc Jekyll pour GitHub ;
• Quand GitHub parle de ses pages ;
• Nira va beaucoup plus loin que moi dans l'explication.