Hébergez vos pages web statiques grâce aux github pages

ImHeyo

Membre
Inscription
14 Avril 2015
Messages
19
Réactions
4
Points
566
RGCoins
25
Yo tout le monde :) !
(désolé pour la mauvaise présentation etc..., je suis nouveau j'ai pas l'habitude)

Donc aujourd'hui je vais vous montrer comment héberger vos pages web statiques (et uniquement statiques, bien qu'il est possible de blogger grâce à Jekyll) grâce à Github et ses Github pages.

Qu'est ce que Github ?
GitHub (exploité sous le nom de GitHub, Inc.) est un service web d' et de gestion de développement de logiciels, utilisant le . Ce site est développé en et par Chris Wanstrath, PJ Hyett et Tom Preston-Werner. GitHub propose des comptes professionnels payants, ainsi que des comptes gratuits pour les projets de . (source: wikipedia)

Pourquoi Github pages ?
Github, à travers ce systeme, propose un hébergement web gratuit et rapide. C'est un hébergeur fiable, fournissant un nom de domaine de type : (exemple avec le site de mon petit projet)
Cloudypi est ici mon pseudo github
index est le nom du repository qui contient les fichiers du site web.
Un repository est un répertoire digital ou un espace de stockage où vous pouvez accéder à votre projet, ses fichiers, et toutes les versions de ses fichiers que Git a sauvegardés.
Si vous voulez que votre site web porte le nom de votre projet, créez un compte github avec le nom de votre projet.

Etape 1
Première étape : rendez vous sur .
Vous arrivez sur cette page :

Inscrivez vous, et dès que vous avez fini de remplir le formulaire, vous tombez sur cette page :

Dans le tableau choose your personal plan, la case free devrait être cochée de base. Sinon, cochez là puis descendez et cliquez sur le bouton vert "finish sign up".

Vous tombez sur cette page :
PENSEZ A VALIDER VOTRE EMAIL, TRES IMPORTANT !!!!!!
On s'arrête là pour l'instant :) !

Etape 2
Télechargez et installez Github for Desktop à l'adresse :
Une fois lancé (et si c'est la première fois :p ), vous devrez vous connecter : faites le avec les identifiants précedemment utilisés pour s'inscrire.
Vous arriverez ensuite là dessus :

On s'arrête là :).

Etape 3

Maintenant, retour sur github, cliquez sur "new repository" :
Si vous avez validé votre adresse email, vous arrivez sur cette page :
Dans repository name, appelez le index de préférence, car sur l'URL il apparaîtra comme pseudo.github.io/nomrepository .
Ignorez tout le reste et cliquez sur "create repository"

Voilà où vous arrivez :
Cliquez sur "Set up in Desktop", et cela va ouvrir Github for Dekstop, précedemment télechargé.
Cliquez alors sur la "croix" en haut à gauche : .

Ensuite cliquez sur "clone", puis choisissez votre repository. Une fenêtre pour choisir l'emplacement va s'ouvrir, choisissez le bureau. Un dossier du nom de votre repository a du apparaître sur votre bureau, placez-y les fichiers de votre site. Pour ma part : .
Retournez ensuite sur le logiciel Github, il y a du nouveau :
Tapez ce que vous voulez dans Summary et Description, puis cliquez sur commit to master. Cliquez ensuite sur Sync, en haut à droite.

Voilà, votre repository est prêt. Rendez vous maintenant sur la page de votre repository, cela ressemble à ça :

A la place de "Branch : gh-pages", chez vous il y aura normalement écrit : "Branch : master". Modifiez ceci en cliquant dessus.

Et voilà :p
Maintenant vous pouvez vous connecter à votre site en vous rendant à l'adresse : votrepseudo.github.io/nomdevotrerepository

PS: J'ai posté ce tuto sur le forum prog', mais je pense qu'il peut faire l'affaire ici :P
 
Retour
Haut