Donc, disons que vous avez trouvé un site plutôt sympa.
J' en ai un ici.
Je vais cliquer sur mon fichier index.html,
et j'ai quelques images dedans.
J' ai un fichier spécial appelé CSS que
vous ne connaissez peut-être pas encore, mais c'est bon.
Mais voyons à quoi ressemble mon site.
On y va, en haut.
Voici juste une petite page que j'ai faite sur moi avec un peu de formatage.
Mais si vous vérifiez et que vous regardez en quelque sorte dans le coin supérieur,
vous pouvez voir que ce site n'est pas en direct.
Le fait qu'il dit, fichier deux-points,
si avant, je ne peux pas le partager avec d'autres personnes en direct.
Je peux leur envoyer par email mon code,
je pourrais dire à quelqu'un, « Oh regarde,
j'ai fait une page web, » et ensuite je pourrais leur envoyer
ce fichier et toutes les images et tout ce
genre de choses, mais c'est un peu douloureux.
Donc, essayons de faire en sorte que ce site soit mis en ligne sur mon compte GitHub Pages.
Alors, revenez ici,
à mon compte GitHub qui, si vous n'avez pas encore créé, c'est bon.
J' ai une autre vidéo,
allez créer votre compte et revenez ici et nous rencontrer.
Mais à part ça,
je vais faire mon premier compte live.
Encore une fois, je vais monter et faire un plus pour un nouveau dépôt.
Fondamentalement, considérez un nouveau dossier plein de code.
La dernière fois, j'avais besoin d'être très prudent avec mon nom de dépôt, pas cette fois.
Je vais juste appeler celui-ci,
disons échantillon, j'essaie très dur de le garder à toutes les minuscules.
Vous pouvez inclure le petit tiret comme,
mais pas de caractères spéciaux.
Donc, je vais juste le laisser comme échantillon.
Très important, je vais cliquer sur », Initialiser ce référentiel avec un Read Me,
et je clique dessus,
et je vais cliquer sur « Créer un référentiel ».
Donc, GitHub est en train de créer un nouveau site pour que je télécharge mon code.
Maintenant, les gens qui utilisent GitHub pour,
je vais dire comme vrai,
font beaucoup de choses à partir des
lignes de commande et ils doivent mémoriser beaucoup de choses.
On ne fait pas ça.
Nous utilisons simplement GitHub Pages pour héberger notre code.
Donc, nous allons cliquer sur « Télécharger des fichiers. »
Maintenant, voici une partie délicate,
si je devais cliquer sur « Choisir vos fichiers »,
je pourrais le faire et je pourrais passer et choisir,
eh bien, j'ai besoin de ce fichier et celui-ci,
mais ça ne me laissera pas télécharger des dossiers entiers.
Voyez si je clique sur CSS et que je clique sur ouvrir, c'est comme, « Oh,
est-ce le fichier que vous voulez ? » ,
Je ne veux pas cela, je veux tout, pas seulement des fichiers.
Donc, je clique sur « Ajouter ».
Ce que je vais faire, c'est aller par ici,
et je vais juste revenir en arrière, un,
et je vais juste faire glisser tout ce dossier à la fois,
et cela va me permettre de télécharger autant de fichiers que je veux.
La prochaine erreur que je fais tout le temps est que j'oublie d'
aller jusqu'au bas et de dire, « Commit changes ».
Donc, il s'agit de la première étape de deux étapes de la mise en service de votre site.
La première étape consiste à télécharger vos fichiers.
Encore une fois, cela peut prendre quelques minutes.
Alors, pendant que ça se passe,
je vais monter, là-haut et ensuite je monte.
Donc, ce que je vais cliquer sur maintenant, c'est
que je vais monter et cliquer sur « Paramètres ». D'accord.
Maintenant, ce que je dois faire, c'est que je dois dire, « Hé,
si quelqu'un veut voir mon site,
je ne veux pas qu'ils voient mon code.
Je veux qu'ils voient ma page. »
Donc, je vais revenir ici,
et je vais faire défiler vers le bas,
défiler vers le bas sur cette souris,
et ce que je cherche est un site qui dit, « pages GitHub ».
Allez à none et choisissez branche maître et enregistrez. D'accord.
On ne sait jamais vraiment si ça a marché ou pas.
Donc, je vais revenir en arrière,
cliquer ici et revenir en bas,
et si je descends sur les pages GitHub, il me dira maintenant,
« Hé, votre code est maintenant juste ici ».
Donc, je vais cliquer sur ça,
et ce n'est pas rare de dire, hey,
tu n'as pas encore rien ou quelque chose comme ça.
Donc, ce que je vais faire, c'est,
je vais retourner à mon code et dire, « OK ».
Quel était le nom du dossier que j'ai traîné vers le haut ?
Oh c'était échantillonneur,
et quel était le nom de mon dossier ?
Espérons que c'était index.html et c'est, génial.
Je vais y aller ici,
et maintenant quand je clique,
j'ai une erreur 404.
Ne vous inquiétez pas, ça va arriver beaucoup.
La première chose à vérifier, c'est
que tu as mis une faute de frappe ?
Oui je l'ai fait, j'ai écrit l'échantillon au lieu de l'échantillonneur.
Alors, mettons ce r là-dedans.
Maintenant, je vais appuyer sur Entrée et il y a mon site. D'accord.
Donc, ce que vous pouvez faire,
les deux étapes pour créer ce compte GitHub est de télécharger
votre fichier, puis changer ce type de lien pour GitHub Pages pour l'activer.
Une fois que vous faites cela,
vous pouvez télécharger autant de choses que vous le souhaitez.
Je vais faire une chose de plus avec toi très vite.
Je vais revenir à mon compte GitHub
et je vais le faire une fois de plus, mais légèrement différent.
Je veux aller sur github.com.
Je vais faire un dépôt de plus.
Je vais appeler celui-ci,
échantillon deux, et cette fois,
je vais oublier et je ne vais pas cliquer sur ce Read Me.
Nous allons cliquer sur le dépôt.
Oh ! Eh bien, maintenant il n'y a plus de place pour moi pour cliquer sur ces fichiers,
et vous vous sentez coincé.
Si vous oubliez, faites défiler juste jusqu'au lien ReadMe sur la page,
et vous cliquez dessus et je suis en fait crée le LisezMe.
Ça va descendre.
Juste pour que vous sachiez, commit new file est
l'équivalent de sauvegarder les fichiers pour ce que nous faisons sur notre bureau.
Maintenant, je peux télécharger des fichiers.
Je vais le faire encore une fois pour te montrer
un autre moyen probablement plus facile. Je vais retourner ici.
Avant de faire glisser le dossier de l'échantillonneur entier,
cette fois je vais juste prendre ici.
Ils sont tous en train de télécharger.
Je vais cliquer sur « Valider les modifications ».
Pendant que cela se passe,
je veux que vous pensiez : » Quelle était cette deuxième étape ?
Quelle était la prochaine étape qu'elle a dit que je devais faire ?
Cette étape consiste à aller dans les paramètres et ajouter les pages GitHub.
Alors, passons aux paramètres.
En haut, il va le faire, juste ici.
Faites défiler vers le bas à la branche Master
et enregistrez, et puis puisque je veux être un peu paresseux,
je vais juste faire défiler ici à nouveau,
et être comme « Oh génial, voici le lien vers mon site ».
Je vais cliquer dessus. Encore une fois, lorsque vous obtenez l'erreur 404,
il y a généralement deux raisons : soit vous avez orthographié
quelque chose de mal, ce qui n'est pas le cas ici parce que nous avons cliqué dessus,
nous n'avons rien tapé.
Ou vous devez donner à GitHub quelques minutes de plus pour
télécharger tout ou le troisième est parfois,
je ne suis pas exactement sûr pourquoi, mais parfois,
GitHub semble presque oublier de chercher le fichier index.html.
Alors, je vais appuyer sur « Entrée », et on y va.
Donc, GitHub Pages est un excellent moyen gratuit pour vous d'héberger
votre code et de le partager avec
tous ceux qui, selon vous, seront impressionnés par votre travail incroyable.