Comment créer un site Web sur Github Pages: 12 étapes (avec photos)

GitHub Pages est un excellent moyen de faire votre propre site personnel à partir de zéro.Il est totalement gratuit et nécessite un compte GITUB.Remarque, cependant, les pages GITUB n`offrent pas la conception la plus conviviale pour effectuer des sites Web (contrairement à Wix ou SquArespace), mais c`est un excellent moyen d`acquérir de l`expérience avec HTML / CSS / JS et tous les éléments d`un site Web.Thiswill vous montrer comment commencer.

Pas

Enregistrer un compte sur github, Si vous n`en avez pas encore.Avant de pouvoir créer votre propre site Web sur Github Pages, vous devez créer un compte sur GitHub.Si vous avez déjà un compte sur GitHub, assurez-vous de vous connecter.Les deux peuvent être accessibles à partir de la barre d`outils supérieure droite.

Image intitulée Créer un site Web sur Github Pages Step 2

Créer un référentiel sur github.Assurez-vous de nommer le référentiel "[Votre nom d`utilisateur GitHub ici].github.io".Cela initialisera votre site Web Github.

Méthode 1 de 2:

Utilisation d`un éditeur de code

1. Téléchargez GitHub Desktop, si vous ne l`avez pas déjà installé.L`installation de GitHub Desktop est aussi simple que d`aller https: // bureau.github.com / et en cliquant sur le grand violet "Télécharger" bouton.Puis exécutez l`installateur.Ceci est nécessaire pour pousser les modifications apportées à votre référentiel.

Image intitulée Créer un site Web sur Github Pages Step 4

2. Installer un éditeur de code.Vous avez besoin d`un pour obtenir la syntaxe en surbrillance sur Github.Les choix populaires incluent Atome, Code Visual Studio, Texte sublime, et Bloc-notes++, Compte tenu de leur sensation riche et minimaliste.Après avoir installé un éditeur de code, vous êtes prêt à commencer.

Image intitulée Créer un site Web sur GitHub Pages Étape 5

3. Créer un fichier appelé "indice.html".Vous pouvez le faire dans votre éditeur de code ou en ligne.Vous pouvez également vous rendre dans l`emplacement de votre référentiel sur votre disque dur et créer un "indice.html" Fichier dans le dossier du référentiel sur votre lecteur.

Image intitulée Créer un site Web sur Github Pages Step 6

4. Ajoutez votre Html.Tu devras Apprendre HTML Pour pouvoir coder une page Web de base.Il sera également utile pour vous d`apprendre CSS et jаvascript Donc, vous pouvez ajouter du style et de la fonctionnalité à votre page Web.

N`oubliez pas de sauvegarder le fichier.

Image intitulée Créer un site Web sur Github Pages Step 7

5. Commettre les changements.Retournez sur GitHub Desktop et cliquez sur le bouton Bleu Engagement à maîtriser.Puis cliquez sur l`origine push.Cela permettra de télécharger les modifications à Github.

Si vous envisagez de faire plus de changements, vous voudrez également tirer l`origine.Cliquez sur le bouton Pull Origin de GitHub Desktop pour télécharger le dernier engagement envers votre machine.

Image intitulée Créer un site Web sur Github Pages Step 8

6. Voir votre page Web.Aller à "[Votre nom d`utilisateur GitHub ici].github.io" Dans un navigateur Web.Vous devrez peut-être contourner le cache de votre navigateur en maintenant Ctrl ou commande ⌘ en cliquant sur le bouton Actualiser pour afficher la nouvelle page Web.

Méthode 2 sur 2:

Utiliser GitHub Online

1. Créer un fichier appelé "indice.html".Cliquez sur Ajouter un fichier, puis cliquez sur Créer un nouveau fichier.Cela ouvrira un éditeur de fichiers.Ajouter "indice.html" au "Nommez votre fichier" domaine.

Image intitulée Créer un site Web sur Github Pages Étape 10

2. Ajoutez votre Html.Tu devras Apprendre HTML Pour pouvoir coder une page Web de base.Il sera également utile pour vous d`apprendre CSS et jаvascript Donc, vous pouvez ajouter du style et de la fonctionnalité à votre page Web.

N`oubliez pas de sauvegarder le fichier.

Image intitulée Créer un site Web sur GitHub Pages Étape 11

3. Commettre les changements.Cliquez sur le bouton Green Englister le nouveau bouton pour enregistrer le fichier sur Github.

Image intitulée Créer un site Web sur Github Pages Step 12

4. Voir votre page Web.Aller à "[Votre nom d`utilisateur GitHub ici].github.io" Dans un navigateur Web.Vous devrez peut-être contourner le cache de votre navigateur en maintenant Ctrl ou commande ⌘ en cliquant sur le bouton Actualiser pour afficher la nouvelle page Web.