Comment utiliser GitHub pour créer et afficher des démos
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Git vs GitHub: contrôle de version et hébergement de code
Apr 11, 2025 am 11:33 AM
Git est un système de contrôle de version et GitHub est une plate-forme d'hébergement de code basée sur GIT. Git est utilisé pour gérer les versions de code et prend en charge les opérations locales; GitHub fournit des outils de collaboration en ligne tels que le suivi des problèmes et PullRequest.
Git est-il le même que Github?
Apr 08, 2025 am 12:13 AM
Git et Github ne sont pas la même chose. Git est un système de contrôle de version et GitHub est une plate-forme d'hébergement de code basée sur GIT. Git est utilisé pour gérer les versions de code et GitHub fournit un environnement de collaboration en ligne.
Github est-il difficile à apprendre?
Apr 02, 2025 pm 02:45 PM
Github n'est pas difficile à apprendre. 1) Maître les connaissances de base: GitHub est un système de contrôle de version basé sur GIT qui aide à suivre les changements de code et le développement collaboratif. 2) Comprendre les fonctions principales: les enregistrements de contrôle de version chaque soumission, prenant en charge le travail local et la synchronisation à distance. 3) Apprenez à utiliser: de la création d'un référentiel pour pousser les validations, à l'utilisation des branches et des demandes de traction. 4) Résoudre des problèmes communs: tels que la fusion des conflits et oublier d'ajouter des fichiers. 5) Pratique d'optimisation: utilisez des messages de soumission significatifs, nettoyez les succursales et gérez les tâches à l'aide de la carte de projet. Grâce à la pratique et à la communication communautaire, la courbe d'apprentissage de Github n'est pas raide.
Dois-je mettre Git ou Github sur mon CV?
Apr 04, 2025 am 12:04 AM
Sur votre CV, vous devez choisir d'écrire Git ou GitHub en fonction de vos exigences de position et de votre expérience personnelle. 1. Si le poste nécessite des compétences GIT, mettez en surbrillance Git. 2. Si le poste valorise la participation de la communauté, montrez Github. 3. Assurez-vous de décrire l'expérience d'utilisation et les cas de projet en détail et terminer avec une phrase complète.
Microsoft possède-t-il Git ou Github?
Apr 05, 2025 am 12:20 AM
Microsoft ne possède pas GIT, mais possède GitHub. 1.Git est un système de contrôle de version distribué créé par Linus Torvaz en 2005. 2. GitHub est une plate-forme d'hébergement de code en ligne basée sur GIT. Il a été fondé en 2008 et acquis par Microsoft en 2018.
Dois-je commencer par Git ou Github?
Apr 06, 2025 am 12:09 AM
Le départ de Git est plus adapté à une compréhension approfondie des principes de contrôle des versions, et commencer à Github est plus adapté pour se concentrer sur la collaboration et l'hébergement de code. 1.Git est un système de contrôle de version distribué qui aide à gérer l'historique des versions du code. 2. GitHub est une plate-forme en ligne basée sur GIT, offrant des capacités d'hébergement et de collaboration de code.
Qu'est-ce que Git en mots simples?
Apr 09, 2025 am 12:12 AM
Git est un système de contrôle de version distribué open source qui aide les développeurs à suivre les modifications des fichiers, à travailler ensemble et à gérer les versions de code. Ses fonctions principales incluent: 1) l'enregistrement des modifications de code, 2) la secours vers les versions précédentes, 3) le développement collaboratif et 4) Créer et gérer les branches pour le développement parallèle.
Comment utiliser GitHub pour HTML?
Apr 07, 2025 am 12:13 AM
La raison de l'utilisation de GitHub pour gérer les projets HTML est qu'il fournit une plate-forme pour le contrôle des versions, le développement collaboratif et la présentation des œuvres. Les étapes spécifiques incluent: 1. Créer et initialiser le référentiel GIT, 2. Ajouter et soumettre des fichiers HTML, 3. Push to github, 4. Utilisez GitHubPages pour déployer des pages Web, 5. Utilisez des githubactions pour automatiser la construction et le déploiement. En outre, GitHub prend également en charge les fonctionnalités de révision, d'émission et de traction de code pour aider à optimiser et à collaborer sur les projets HTML.
