📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

الطريقة الجديدة رفع الموقع أو المشروع علي أستضافه جيت هاب GitHub وازاي تقدر تعدل عليه

Reda Tech رضا تك4:15

Transcription

Généralement, vous êtes ici pour mettre votre site web sur GitHub après avoir essayé plusieurs fois sans succès. Ne vous inquiétez pas, dans cette vidéo, je vais vous montrer comment mettre votre site web sur GitHub et obtenir un lien pour l'envoyer à n'importe qui afin qu'il puisse voir votre site web. Je vais vous expliquer toutes les erreurs qui font que la méthode ne fonctionne pas pour vous, et je vais aussi vous montrer comment mettre à jour ces modifications si vous modifiez votre site web. Likez la vidéo et commençons.

Au tout début, nous allons aller sur le site GitHub, d'accord, et vous allez vous connecter. Si c'est la première fois, créez un compte et cela vous mènera à la page que vous voyez ici, d'accord. Ensuite, nous allons cliquer sur "New", d'accord, et cela vous mènera à cette page. Vous allez écrire ici le nom du dépôt. Le nom du dépôt, mon ami, voyez, c'est le lien de votre compte, et voici le nom du dépôt, d'accord. Si vous cliquez dessus comme ça, cela vous mènera à votre site web.

Alors, c'est parfait. Venez ici, disons que nous écrivons "Portfolio", d'accord. Et la deuxième chose la plus importante est de vous assurer que cette partie est "Public" comme elle est. Généralement, elle l'est par défaut, mais si vous avez autre chose, laissez-la "Public", d'accord. Et vous allez cliquer sur "Create repository". Ensuite, cela vous mènera à cette page. Vous allez cliquer sur "Upload an existing file", d'accord, et cela vous mènera à cette page. Ici, il vous dit de télécharger vos fichiers.

Alors, voici le dossier qui contient le fichier de mon projet, d'accord. Voici mon site web, d'accord, c'est parfait. Voici le dossier ici. Si je prends ceci et que je le télécharge, je le mets ici, d'accord, il y aura un problème. Pourquoi ? Parce que je dois entrer dans le fichier lui-même et télécharger ces fichiers d'ici, les télécharger de l'intérieur.

Alors, c'est la première chose. La deuxième chose est que je dois m'assurer que j'ai une page HTML nommée "index", c'est-à-dire "index" avec l'extension "html", car c'est ce que GitHub reconnaît comme la page principale, d'accord. C'est parfait, c'est parfait.

Alors, nous allons prendre ces choses ici, d'accord, et les prendre ici, les faire glisser vers le bas, d'accord, et nous allons les ajouter de cette manière. Nous allons les télécharger rapidement, d'accord. Nous allons descendre tout en bas et cliquer sur "Commit changes", d'accord. Quelques secondes, ça charge. C'est parfait. Ici, vos codes sont maintenant sur GitHub, mais votre site web n'est toujours pas en ligne.

Alors, allons dans "Settings", et allons dans "Pages". Et ici, au lieu de "None", nous allons le mettre sur "main", d'accord, et vous allez cliquer sur "Save". Vous allez attendre exactement une ou deux minutes, et vous allez rafraîchir votre site web, et vous verrez le lien apparaître.

Alors, attendons une minute. Rafraîchissons. Vous allez aller ici sur ce lien, vous verrez votre site web apparaître et tout ira bien. Si la méthode a fonctionné pour vous, allez vous abonner à la chaîne.

Alors, maintenant, apprenons comment mettre à jour ces modifications si nous modifions le site web. Alors, c'est parfait. Fermons ceci et revenons ici sur le code, d'accord, la page qui contient votre dépôt. Il y a deux façons de modifier les fichiers. La première façon est d'aller sur le fichier que vous voulez modifier d'ici, d'accord, et d'écrire tout ce que vous voulez changer ici, d'accord. Et la deuxième façon, si vous avez modifié le code sur votre appareil, au lieu de faire des modifications une par une, ces modifications seront ici de cette manière.

Prenons le fichier "index", par exemple, et changeons quelque chose à l'intérieur. Ouvrez-le avec VS Code, d'accord. Par exemple, le mot "I am Ronald", disons que nous le changeons en "I am Redotex", par exemple. C'est parfait, c'est parfait.

Vous allez revenir sur GitHub et cliquer sur "Add file", d'accord, et cliquer sur "Upload files". Alors, qu'avons-nous changé ? Nous avons changé la page "index". Vous pouvez donc prendre uniquement la page "index" et la télécharger ici de cette manière. Mais pour éviter toute confusion, vous pouvez télécharger à nouveau tous les fichiers depuis le début. C'est parfait, c'est normal. Ici, nous allons télécharger uniquement "index", d'accord. Ça charge, d'accord. Vous allez cliquer sur "Commit changes", c'est parfait. Et vous allez aller sur "Settings" et "Pages", et vous allez attendre environ trois minutes, et il vous dira que les modifications ont bien été téléchargées.

Alors, rafraîchissons. D'accord, après deux minutes, il vous a dit que les modifications ont bien été téléchargées. D'accord, et allons cliquer sur "Visit site". Vous verrez qu'aucune modification n'a été apportée. Après le rafraîchissement, d'accord, vous verrez que le texte a changé ici, d'accord, et la modification est maintenant parfaite.

Si vous avez bénéficié de l'explication, n'oubliez pas de liker la vidéo et de vous abonner à la chaîne. Si vous rencontrez un problème, venez me parler sur Facebook, je vous laisserai le lien dans la description de la vidéo. Et je vous vois dans une nouvelle vidéo, mon ami. Ok.