Mettre en ligne son site web statique et évaluer sa qualité : Partie 2 — Configuration d’un nom de domaine sur Github Pages

Jérémy Raffin
2 min readNov 20, 2016

--

Partie 1 — Création d’un dépôt Github et activation de Github Pages
Partie 2 — Configuration d’un nom de domaine sur Github Pages
Partie 3 — Optimiser les performances et la sécurité avec Cloudflare
Partie 4 — Tester les performances et évaluer la qualité avec Google Page Speed, WebPageTest et Opquast

Création du fichier CNAME

Afin de personnaliser votre nom de domaine sur Github Pages et lui indiquer le domaine que vous souhaitez utiliser, vous devez créer un fichier CNAME sans extension à la racine de votre dépôt et l’ajouter au versionnement (git add CNAME).

Renseignez-y vos domaines, dans mon cas “jeremyraffin.com” et “www.jeremyraffin.com”.

Commitez et poussez le fichier CNAME sur le dépôt (git commit -m “Création du fichier CNAME” puis git push).

Fichier CNAME

Ensuite, allez dans les “Settings” de votre dépôt et au niveau du bloc Github Pages, le “custom domain” est bien renseigné mais un message d’avertissement apparait. Il faut créer les enregistrements DNS sur le domaine.

Domaine personnalisé

Création des enregistrements DNS pour le domaine

Connectez-vous sur le site où votre nom de domaine est enregistré (il s’agit de namecheap dans mon cas) puis cherchez l’option de configuration des DNS .

Créez les enregistrements suivants :
- un enregistrement de type A Record avec pour host @ et pour value 192.30.252.153
- un enregistrement de type A Record avec pour host @ et pour value 192.30.252.154
- un enregistrement de type CNAME Record avec pour host www et pour value jeremyraffin.com.

Enregistrements DNS

Si vous retournez sur la page “Settings” de votre dépôt et au niveau du bloc Github Pages, un message vous confirme que le site est disponible à l’adresse de votre nom de domaine.

Domaine configuré

Votre nom de domaine configuré, voyons dans une troisième partie comment optimiser les performances et la sécurité avec Cloudflare.

Partie 3 — Optimiser les performances et la sécurité avec Cloudflare

--

--

Jérémy Raffin

Front-end developer @ synchronized.tv | ReactJS • Javascript • Apollo • GraphQL • Prisma