Héberger un site web sur Github

image

Après avoir récemment fermé mon profil Linkedin, je cherchais un autre moyen d’avoir un C.V. online. Plusieurs solutions me sont venues à l’esprit, mais c’est tout naturellement, plutôt que d’ouvrir un Linkedin-like, que je me suis dirigé vers une page statique et responsive design hébergée sur Github. Les démarches sont simples et rapides. C’est ce que nous allons voir maintenant.

Tout d’abord, connectez-vous à votre profil Github. Ensuite, créez un nouveau repository. Son nom devra avoir la forme suivante :

nomutilisateur.github.io

Screenshot from 2016-08-13 18-04-56

Vous arriverez sur la page ci-dessous. Profitez-en pour copier son URL :

Screenshot from 2016-08-13 18-05-07

Faîtes maintenant un git clone de ce nouveau projet en vous servant de l’URL copiée à l’instant et ensuite, une fois cloné, déplacez-vous dans son dossier :

Screenshot from 2016-08-13 18-05-58

 

 

Dans le cas de ce CV, il a été codé en local (et sans utiliser Github). Il reste donc seulement à copier ses fichiers dans le dossier du nouveau repository, comme vous pouvez le voir ci-dessous, suivi d’un ls pour vérifier que tout le monde est arrivé à bon port :

Screenshot from 2016-08-13 18-07-24

Reste ensuite à les ajouter au repository (git add), commiter (git commit) et envoyer le tout (git push).

Screenshot from 2016-08-13 18-08-28

REMARQUE : Pour ceux qui n’ont jamais utilisé Github, ou très peu : Si votre projet n’est pas encore commencé, il faudra ajouter les fichiers au fil du développement, et ensuite commiter le projet régulièrement. Seulement quand tout sera terminé, vous pourrez faire le push. Pour plus de renseignements sur le fonctionnement de Github, vous pourrez consulter le cours d’OpenClassrooms.

Maintenant, votre projet est visible instantanément à l’URL https://nomutilisateur.github.io :

Screenshot from 2016-08-13 18-10-49

That’s it !

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *