Héberger un site gratuitement sur GitHub en 2023
HTML-код
- Опубликовано: 16 янв 2022
- 🎓 Tous mes cours sur l'École du Web (si tu veux tous les suivre d'un seul coup) : www.ecole-du-web.net/
🎁 Tous mes cours sur UDEMY : www.liste-des-cours.com/
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designer-du-web.com/news
--------------------------------------------------------------------------------------------
Retrouve toutes mes formations sur :
► L’Ecole du web : www.ecole-du-web.net/
► Udemy : www.udemy.com/user/ustariz-enzo/
Rejoins la communauté pour partager et/ou obtenir de l’aide sur :
► Discord : / discord
Suis-moi également sur mes réseaux anglophones :
► RUclips : / @thewebschoole
❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-le moi dans les commentaires !
![Comment mettre votre site web en ligne en 5 min... sans galère technique ? [Hébergement GRATUIT]](/img/1.gif)
🎓 Tous mes cours sur l'École du Web (si tu veux tous les suivre d'un seul coup) : www.ecole-du-web.net/
🎁 Tous mes cours sur UDEMY : www.liste-des-cours.com/
Merci beaucoup, grâce à vous, j'ai pu me rendre compte mes erreurs!! et tout s'est bien passé cette fois.
Excellente vidéo 👍👍👍 j'en aurai prochainement besoin ! Top !!! Merci Enzo 🙏
Cette vidéo tombe à pic!!!
Merci à toiLe Designer du Web!
T'es un bon!
Trop cool merci pour cette vidéo ! j'avais justement besoin de montrer mon CV a des recruteurs..voilà un bon moyen :)
Juste merci pour le partage. tout est clair et simple à maitre en oeuvre
Comme d'hab Perfect and Simple Thank you 👍
Superbe vidéo ! Elle ma beaucoup aidé pour mon site !
merci beaucoup, j'ai vraiment appréciée
Merci beaucoup pour cette vidéo très instructive : même si je connaissais déjà Git et Github, cela m'a permis d'affiner quelques connaissances, et de savoir comment configurer Github Pages. 😀
Avec plaisir!
Merci pour les explications 👍👍👍
Grand merci à toi. Clair net précis. 💯😎✌️💥
Super vidéo! Merci à vous
T'es le meilleur bro!!!
Merci beaucoup pour ton aide!
excellent tuto encore fonctionnel a ce jour
Merci beaucoup pour cette video !
Je savais même pas que c'était possible... merci pour l'info
merci beaucoup très utile
Tu es fantastique Ecole du Web ! Bravo et merci
Super tuto rapide & efficace, que du bon, grand merci a toi 🙂👍👍👍
Avec plaisir ✌
@@EcoleduWeb merci encore , ca ma sauvé des heures de recherche sur internet 🙂
Merci beaucoup 🙏
super tres bien expliquer
Incroyable merci
Super utile !!!
bjr je vous pose une question la vidéo vous faite je voudrai savoir pour les mettre en écrie sur world en envoyer si possible en pv merci très intéressante
super vidéo
Merci c'est utile.
merci beaucoup😍😍
MERCI 🙂
Bonjour merci Enzo pour l'info, de mon côté mon interface dans GitHub ne me propose pas la même chose je n'arrive pas à avoir un lien comme puis-je faire STP ? merci
Merci bien
Salut, tout d'abord merci pour le tuto.
Je tente d'héberger mon protfolio React sur Github mais rien à faire toujours une page blache, l'outil de dev nav m'indique que mon root est vide ... . J'ai bien suivi toute les étapes indiquées mais rien à faire. Même résultat pour un nouveau projet React. Mais cela fonctionne très bien pour des projets vanilla .
Bonjour, si je fais des mises à jour dans mon code et que mon site est en ligne, est-ce que les mises à jour seront prisent en compte où est-ce que le site est figé une fois qu'il est posté ? Merci
Ha, merci, je ne savais pas que l'on pouvait héberger un portfolio gratuitement.
Bonjour coach. J'ai essayé de refaire la procédure ça marche mais seulement lorsque le site est en ligne les images ne s'affichent pas.
Nb: j'ai utilisé du bootstrap
Bonjour Le Designer, très bonne vidéo. J'ai un souci, j'ai voulu herbeger plusieurs page php mais ça n'a pas marché. Peux-tu m'aider stp? Merci encore.
si je veux publier un deuxième site est-ce que ça va marché vu que le premier est déjà sur la branche main
Bon en fait tu lis dans les pensées, c'est un truc de fou 😂 😂 !! Je suis justement en train d'effectuer là maintenant cette recherche, je lance et je tombe sur qui ? Mon RUclips DEV préféré qui vient à l'instant de sortir la vidéo dont j'avais besoin ! 😂 Merci ENZO !
Bon en revanche, je réalise que je savais faire tout cela, je cherche surtout à changer le nom de domaine du github pages et lui attribuer un domaine personnalisé dont je dispose ... Je l'avais déjà fait une fois et je retrouve plus la procédure 😭
J'en parle tout à la fin aha
@@EcoleduWeb t'es un dieu ^^
salut.. comment ajouter les fichier css liées au html
juste merci beaucoup
Merci !!
Merci !
si quelqu'un sait ce qu'est le u en vert, j'ai cherché c'est untracked mais je ne sais pas comment l'enlever surtout que jai mis trust parent...
Bonjour peut-on mettre un site wordpress sur github ?
pour info : GitHub bloque les fichiers de blocs dont la taille est supérieure à 100 Mo.
Tu parle vite mais bien expliqué de mon côté quand je met url de mon repos sur le serveur sa me sort le titre de mon repo au lieu de ma page web
Merci bcp.
Est ce que cette methode marche meme avec l'utilisation de base de donnee mysql?
J'ai réussi plein de fois et ça marche pas maintenant je vais essayer avec les commandes gite et voir ce que sa donne. Car à aucun moment ça m'affiche l'espace en vert.
Et quand je rejoins le lien de mon site ça me fait erreur 404
Merci à toi efficace
votre vidéo n'a pas marcher pour mettre mon site en ligne mais cela m'a appris à utiliser git pour mettre mon travail dans un dêpot en moin de deux donc je like et je te remercie quand meme
La manip fonctionne, essayez de revoir les étapes, on se trompe souvent la première fois.
Merci!
good job
c'est normal moi je n'ai pas a la fin " your site ...." j'ai réesayer plusieur fois ca ne me le met pas
Ça c'est dommage a 3 semaines prêt je m'en serais servis mais je connaissais pas ducoup j'ai acheter un nom de domaine et un hébergeur 😭 mais ducoup super la vidéo est géniale et les autres aussi d'ailleurs jte remercie dans le site que j'ai mis en ligne
Ce sera pour le prochain :)
Et merci!
attent pourquoi sa ma maarqué please tel me who are you et apprès sa a marqué delect adresse et mon nom du pc
Merci cordialement
Bonjour et merci pour l'idée .
Le tuto est trés intéressant, et le principe en lui même pourrait s'avérer extrêmement utile,
par exemple pour faire tester par des connaissances un site avant de le mettre vraiment en ligne,
chez un hébergeur .
Mais en fait, ça ne fonctionne pas, dans la mesure où, après avoir
effectué tout le tuto à plusieurs reprises, j'obtiens une
URL LOCALE, contenant mon disque C:
De ce fait, même aucun utilisateur extérieur ne peut accéder au fichier, à moins d'être sur ma bécane, ce qui évidemment,
n'est pas le but .
S'il existe une solution pour y remédier, ça serait vraiment utile .
Metci
Bonjour, le tuto fonctionne, essayez de le reprendre étape par étape et assurez vous d'être situé au bon endroit avec votre terminal.
Aussi cette pratique fonctionne seulement avec des sites statiques/apps web.
@@EcoleduWeb Merci pour votre réponse .
Qu'entendez vous par des sites statiques ?
On ne peut donc pas utiliser JS ?
mercii
Bonjour, merci pour la vidéo . Est il possile de placer un CMS sur cet espace?
Bonjour, on peut placer le Front-End du CMS
merci, ca aide beacoup mais je suis un peu perdu avec l'ouverture du terminal.. et l'ajout de l'index.html (est ce que c'est le nom par defaut que tu a donner au fichier html)
Index.html c'est un nom de base des fichiers hmtl. Mais si le tiens s'appelle croquette.html, alors il en est ainsi ;)
Un indispensable 😛
pour le référencement google c'est bien ?
hello, merci pour ta vidéo. Perso dans le terminal vidual code, j'ai un message d'erreur lorsque j'entre la commande git init : "le terme git n'est pas reconnu comme nom d'applet de commande, fonction, fichier de script ou programme exécutable.....vérifier l'orthographe" etc...... que dois-je faire ?
Installer git
@@EcoleduWeb git est bien installé, je ne sais pas pourquoi ca ne fonctionne pas. Merci pour la réponse.
Comment remplacer le fichier index.html quand on là modif ? Sinon merci beaucoup , ça fonctionne !
Ah c good merci
Bonjour je ne sais pas pourquoi mais quand je vais dans l'inspecteur puis dans sources, il y a bien mon html et y'a mon fichier css mais lui est vide et j'ai même pas mes deux .js dedans. Une solution?
et aussi, mon dossier css n'est pas dans le dossier de mon html ducoup mon html trouve pas l'adresse
Bonjour, est ce avec plusieurs onglets (pages) au sein du même site c'est possible aussi ?
Oui, il suffit d’upload le dossier complet
Hello avez vous prévu d'aborder les alternatives à la mode tels que Hugo ?
Hugo n'est pas vraiment à la mode et ce n'est pas la même chose que Github 👍
Bonjour,
Dans mon cas mon fichier index.html se trouve à 2 dossiers de la racine. Est-il possible de rentrer dans ses dossiers ou bien le fichier index.html doit-il absolument être à la racine ?? Merci à toi
L’index doit être à la racine
Salut, très bonne vidéo ! Cependant, je me posais une question : il n'est pas possible d'intégrer du back dans ces cas là ??
Affirmatif, enfin, tu pourrais bidouiller quelque chose mais ce n'est pas vraiment fait pour ça.
Superbe video, dis moi j'ai du mal à ajouter un nouveau dossier sur mon repository déjà en ligne. Que faire ? J'utilise Github Desktop
Ah, noble utilisateur, pour ajouter un dossier à votre dépôt en ligne avec Github Desktop, ouvrez l'application, sélectionnez votre dépôt, puis cliquez sur "Repository" dans la barre de menu. Ensuite, choisissez "Add folder" et suivez les étapes pour sélectionner et ajouter votre nouveau dossier. Enfin, n'oubliez pas de commettre et de pousser vos changements pour les graver dans l'éternité du dépôt.
Salut, excellent. tutoriel. Cependant dans pages, une fois que j'ai saves, je n'ai aucun lien, et c'est écrit:GitHub Pages est conçu pour héberger vos pages personnelles, d'organisation ou de projet à partir d'un référentiel GitHub. J'ai pu lier etc à parti de Visual code mais je n'ai que ça comme résultat. Je suis perdue
J'ai le même problème ... As tu eu le temps de le régler depuis?
salut, je vois que tes "git" apparaissent en jaune dans le terminal, y'a t-il une extension pour cela?
Il faut que tu installe git sur ton p, et après tu relance vs code
on n'est bien d'accord on peut mettre du php pk moi sa me met File not found (error 404) la solution please
Ah, le problème réside peut-être dans la structure des fichiers. Assurez-vous que votre fichier PHP est à la racine et que le nom est correct. De plus, sur GitHub Pages, le PHP n'est pas pris en charge directement. Vous pourriez envisager d'utiliser des technologies telles que Jekyll pour générer des pages statiques à partir de votre PHP.
Merci
Tu peux nous montrer s'il ya des images ou des vidéos dans votre site comment les mettre
Svp!!!
Il suffit de faire la même manip en utilisant "git add ." pour rajouter tous les éléments de ton dossier.
/warning: unable to access '/Users/xXxX/.config/git/attributes': Permission denied / qu'est ce que je suis censé faire ? aller sur git config du terminal? Mais quelles commandes je dois appliquer?
J'ai exactement le même problème , pouvez vous m'indiquer la solution si vous l'avez trouver svp
Ma foi, pour remédier à ce dilemme, il vous faudrait ajuster les autorisations du répertoire en question. Utilisez la commande "chmod" dans le terminal pour accorder les permissions nécessaires à votre répertoire ~/.config/git/attributes.
Salut j'ai pu réussir finalement. Maintenant, j'ai un autre soucis.. à partir de git commit -m "ajout de l'index html" cela ne fonctionne pas. J'aurais besoin d'une explication stp, j'ai cherché, même à installer Shell intégration, mais je n'ai pas réussi à l'installer sur mon terminal. L'erreur me dit que la permission n'est pas autorisé? Pourquoi?
Tu as fait comment?, je suis intéressé :)
Ah, les méandres de Git peuvent parfois dérouter. Il se pourrait que vous soyez confronté à des restrictions de permission. Assurez-vous d'avoir les droits nécessaires pour effectuer des commits. Si l'installation de Shell intégration s'avère problématique, essayez de lancer votre terminal en tant qu'administrateur avec la commande "sudo". Cela peut résoudre les problèmes de permission.
Et si vous êtes sur Windows, je vous suggère d'exécuter votre terminal en tant qu'administrateur en utilisant l'option "Exécuter en tant qu'administrateur". Cela pourrait résoudre les problèmes de permission rencontrés lors de l'utilisation de Git.
On peut upload un CMS en PHP ? Sachant que mon CMS a besoin d'une base de données
Non, tu peux seulement upload un site statique.
Salut, est-ce que l'achat d'un nom de domaine (juste le nom de domaine, genre 8 euros/an sur hostinger) donne aussi automatiquement accès à la boite mail associé ?
Bonjour, normalement oui 👍
@@EcoleduWeb Merci pour la réponse, et très bonne vidéo 😀
Merci pour cette vidéo. J’ai hébergé un site sur github, mais le css ne fonctionne pas quand je clique sur le lien. Est-ce que tu sais à quoi cela est dû ?
C'est souvent dû à une erreur de chemin, vérifie le "href"
J'espère que tu as eu la solution depuis. Sinon, j'ai eu un problème similaire sur github avec les fichiers et les images ... Utilise les chemins relatives comme en linux ./css/style.css au lieu de css/style.css, pour les librairies externe utilise https au lieu de http.
Super video, tres tres utiles . Un petit bemol (pas non plus ouf) mais tu parles un poil trop vite pour ma part ^^
C'est quoi les limites le l'hébergement de sites sur github ?
Ok donc que pour un site statique je vois
Petite question. Tout le tuto est clair, cependant quand à la fin le cadre bleu devrait devenir vert, bien que j'ai un cadre, il n'a pas de couleur et cela fait une heure et toujours pas possible d'accéder à mon site (erreur 404). Au début j'ai pensé que c'était parce que j'ai importé un dossier avec plusieurs pages web. J'ai donc réessayé avec une seule page, cela ne fonctionne toujours pas.
Quelqu'un pourrais m'aider? Merci beaucoup d'avance.
PS: elle est super la vidéo!
t'as regler le problem frr ?
Nan toujours pas@@lorenzo4676
Il faut peut-être attendre que les modérateurs valident votre site GitHub avant de le mettre, cela peut prendre un certain temps.
yo ! c'est normal que malgré le fait que ce soit vert on obtient toujours la page error 404 ?
Non, il doit y avoir une erreur quelque part dans la manip
ca ne marche toujours pas pour moi meme apres avoir suivis tes instructions à la lettre :(
Ça arrive souvent la première fois, on croit avoir fait tout bon mais on a loupé une étape.
Je sais que c'est embêtant à entendre mais essaye de refaire completement la manip, ça aide souvent à comprendre ce qui se passe ;)
J'AI un problème
merciiii
Comment mettre à jour son site après modification du fichier html ? Il doit y avoir plus simple que de reprendre tout à zéro en créant un nouveau repository, mais je n'y connais vraiment rien.
Refaire un nouveau commit, et re-push.
le terminal a un probleme
salut pourquoi moi la commande git ne marche pas
Il faut installer git, faire un compte github et se connecter à git via le terminal.
Après ça, tu peux suivre la vidéo.
Suis-je obligé de mettre des mentions légales sur mon site ? C'est un site tout simple sans connexion, juste un site ou tu rentres un nombre et ça te dis si le bitcoin vaut moins que ce nombre il t'alerte avec un signal sonore
Il faut mettre des mentions légales, ce n’est pas très dur à faire, il suffit de faire une page annexe.
sur ce type d'herbergement nous pouvons mettre uniquement du html et css je crois ..
Tu n'as qu'à intégrer les scripts JavaScript directement dans le fichier HTML, ainsi tu te prendras moins la tête.
Merci beaucoup pour la vidéo !
Personnellement j'ai un petit souci : j'ai fait plusieurs tentatives de publication, plusieurs commit/push, mais rien à faire, mon CSS n'est pas pris en compte... Quelqu'un a déjà eu ce souci ?
merci
Salut, ton html fonctionne mais pas ton CSS ? Tu peux bien voir ton HTML en ligne ?
Si c'est ça, ça doit simplement être une petite erreur de chemin dans ton .
Montre moi ton repo !
Attention par exemple,
"./"
ok si en fait ça change, j'utilise jamais ./ mais je devrais visiblement car je constate que mon css marche mais pas les font et images, les liens pas modifies quoi
merci beaucoup !!
le genre d'erreur que je ferai plus
@@EcoleduWeb ma première réponse ne s'est pas publiée je ne sais pas pourquoi, c'est pour ça que ma réponse est bizarre mais merci beaucoup ! tout fonctionne
@@paulbinot7487 Les aléas de YT, avec plaisir
Salut Enzo, peut-on également héberger un site php sur GH ?
Bonjour, non
@@EcoleduWeb ok merci
est-ce que ça marche avec php
Non
Excellent vidéo gg ! Par contre une fois tout ça fait, quand je lance mon site les images n'apparaissent pas :/ Est ce que quelqu'un saurait pourquoi please ? (merci d'avance)
Merci! Regarde si les images sont dans le dépôt en ligne, puis vérifie les chemins (src)
Ca m'est arrivé aussi, problème de chemin, j'ai juste eu besoin de supprimer les ' / ' avant le nom de mon dossier Images
@@stephanesoffiati Yes c'était ça aussi mon erreur
@@Rayou-op2oz content d'avoir pu te dépanner 😉
Comment on fait sur mobile
On utilise un ordinateur, ou on va sur le site avec son mobile
@@EcoleduWeb attend moi le truc marche pas je peut te montrer en discord ?
@@Robloxiantchef tu code pas un site avec un téléphone
possible de publier des sites qui prend en compte du PHP ?
oui, avec github-action je pense
Peut-on le faire avec un repository privé?
Oui avec GitHub pro
D'accord merci
ça parait tellement simple quand c'est les autres perso quand je fais tout comme toi et que j'ouvre mon lien je n'ai que ...... le nom de mon repository ..
Parfois il faut attendre un peu 👍
Ou refaire la manip