Maison > Article > outils de développement > Comment utiliser GitHub pour créer et afficher des démos
Comment utiliser GitHub pour créer et afficher des démos
- PHPzoriginal
- 2023-04-06 08:51:25961parcourir
GitHub est une plate-forme d'hébergement de code open source très populaire qui permet aux développeurs de partager et de collaborer pour accélérer le processus de développement logiciel. Sur GitHub, vous pouvez trouver un grand nombre de projets open source, apprendre et explorer le code d'autres développeurs, créer vos propres projets et collaborer avec d'autres. Dans cet article, nous verrons comment utiliser GitHub pour créer et afficher des démos.
- Créez un compte GitHub
Tout d'abord, vous devez créer un compte GitHub. Si vous possédez déjà un compte, vous pouvez passer directement à l'étape suivante. Si vous ne l'avez pas encore fait, rendez-vous sur le site officiel de GitHub https://github.com/, cliquez sur le bouton « S'inscrire », remplissez les informations pertinentes et créez un compte.
- Créer un Repository
Sur GitHub, chaque projet est appelé un "Repository". Afin de créer votre démo, vous devez créer un nouveau référentiel. Pour créer un référentiel, connectez-vous à votre compte GitHub, cliquez sur le signe plus dans le coin supérieur droit et sélectionnez « Nouveau référentiel ».
Dans la page "Créer un nouveau référentiel", saisissez le nom et la description du Référentiel, sélectionnez un entrepôt public ou privé (paiement requis), puis cliquez sur le bouton "Créer un référentiel" pour le créer avec succès.
- Ajouter du code
Vous devez maintenant ajouter votre code au référentiel. Vous pouvez télécharger des fichiers directement depuis votre ordinateur local, utiliser l'outil de ligne de commande Git pour télécharger du code ou utiliser un éditeur Web dans GitHub. Ici, nous prenons comme exemple la création d’une simple démo Hello World.
Créez d'abord un dossier nommé "helloworld" localement et créez un fichier nommé "index.html". Voici le contenu du code du fichier :
<!DOCTYPE html> <html> <body> <h1>Hello World!</h1> </body> </html>
Téléchargez ensuite ce dossier sur GitHub. Ouvrez une ligne de commande ou un terminal localement et entrez les commandes suivantes :
cd helloworld git init git add . git commit -m "Initial commit" git remote add origin [YOUR_REPOSITORY_URL] git push -u origin master
Dans les commandes ci-dessus, "cd helloworld" changera votre répertoire actuel en dossier "helloworld", "git init" convertira le dossier en référentiel git, " "git add." ajoute tout votre code au référentiel git local, "git commit -m" Initial commit "" valide ces modifications dans le référentiel git local et "git remote add origin [YOUR_REPOSITORY_URL]" lie le référentiel local à le référentiel distant, et enfin "git push -u origin master" pousse le contenu vers la branche master.
- Créer la branche gh-pages
Après avoir créé l'entrepôt, nous devons créer une branche nommée "gh-pages", qui servira à afficher notre Démo. Pour créer une branche, ouvrez le Repository, cliquez sur « Branche : master », saisissez « gh-pages » et créez une nouvelle branche.
- Ajouter une page Web de démonstration
Maintenant, nous devons ajouter une page Web dans la branche "gh-pages" pour afficher notre démo. Tout d’abord, créez un nouveau dossier dans la branche et renommez le dossier en « docs ». Ensuite, copiez votre fichier de démonstration dans le dossier "docs" et changez le nom du fichier en "index.html".
Ensuite, nous devons faire du dossier « docs » dans la branche « gh-pages » la page affichée par défaut. Dans la page des paramètres du référentiel, recherchez l'option « Pages GitHub », modifiez l'option Source en « Dossier branche principale/docs » et cliquez sur le bouton « Enregistrer ». Attendez un instant et votre démo sera affichée sur les pages GitHub.
- Partagez votre démo
Maintenant, vous avez réussi à créer une démo sur GitHub et à l'afficher. Ensuite, vous pouvez montrer votre démo en partageant le lien vers celle-ci avec d'autres. Vous pouvez le faire en copiant le lien vers vos « Pages GitHub » dans la page Référentiel.
Résumé :
Grâce à l'introduction de cet article, nous avons appris comment afficher votre démo sur GitHub et partager le lien vers la démo avec d'autres. Que vous soyez un développeur novice ou un professionnel expérimenté, l'utilisation de GitHub peut accélérer votre processus de développement et rendre votre code plus professionnel et plus facile à maintenir. J'espère que cet article vous aidera à présenter votre démo et à commencer à collaborer sur GitHub.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!