So verwenden Sie GitHub zum Erstellen und Anzeigen von Demos-Idiot-php.cn

So verwenden Sie GitHub zum Erstellen und Anzeigen von Demos

PHPz

Freigeben： 2023-04-06 09:13:56

Original

1036 Leute haben es durchsucht

GitHub ist eine sehr beliebte Open-Source-Code-Hosting-Plattform, die Entwicklern den Austausch und die Zusammenarbeit ermöglicht, um den Softwareentwicklungsprozess zu beschleunigen. Auf GitHub können Sie eine große Anzahl von Open-Source-Projekten finden, den Code anderer Entwickler kennenlernen und erkunden, eigene Projekte erstellen und mit anderen zusammenarbeiten. In diesem Artikel besprechen wir, wie Sie GitHub zum Erstellen und Anzeigen von Demos verwenden.

Erstellen Sie ein GitHub-Konto

Zuerst müssen Sie ein GitHub-Konto erstellen. Wenn Sie bereits ein Konto haben, können Sie direkt mit dem nächsten Schritt fortfahren. Wenn Sie dies noch nicht getan haben, besuchen Sie bitte die offizielle Website von GitHub https://github.com/, klicken Sie auf die Schaltfläche „Anmelden“, geben Sie die relevanten Informationen ein und erstellen Sie ein Konto.

Erstellen Sie ein Repository

Auf GitHub wird jedes Projekt als „Repository“ bezeichnet. Um Ihre Demo zu erstellen, müssen Sie ein neues Repository erstellen. Um ein Repository zu erstellen, melden Sie sich bei Ihrem GitHub-Konto an, klicken Sie auf das Pluszeichen in der oberen rechten Ecke und wählen Sie „Neues Repository“.

Geben Sie auf der Seite „Neues Repository erstellen“ den Namen und die Beschreibung des Repositorys ein, wählen Sie ein öffentliches oder privates (gegen Bezahlung) Repository aus und klicken Sie dann auf die Schaltfläche „Repository erstellen“, um es erfolgreich zu erstellen.

Code hinzufügen

Jetzt müssen Sie Ihren Code zum Repository hinzufügen. Sie können Dateien direkt von Ihrem lokalen Computer hochladen, Code mit dem Git-Befehlszeilentool hochladen oder einen Web-Editor in GitHub verwenden. Hier nehmen wir als Beispiel die Erstellung einer einfachen Hello World-Demo.

Erstellen Sie zunächst lokal einen Ordner mit dem Namen „helloworld“ und erstellen Sie eine Datei mit dem Namen „index.html“. Das Folgende ist der Codeinhalt der Datei:

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

</body>
</html>

Nach dem Login kopieren

Laden Sie dann diesen Ordner auf GitHub hoch. Öffnen Sie lokal eine Befehlszeile oder ein Terminal und geben Sie die folgenden Befehle ein:

cd helloworld
git init
git add .
git commit -m "Initial commit"
git remote add origin [YOUR_REPOSITORY_URL]
git push -u origin master

Nach dem Login kopieren

In den obigen Befehlen ändert „cd helloworld“ Ihr aktuelles Verzeichnis in den Ordner „helloworld“, „git init“ konvertiert den Ordner in ein Git-Repository. „ „git add .“ fügt Ihren gesamten Code zum lokalen Git-Repository hinzu, „git commit -m“ Initial commit „“ schreibt diese Änderungen in das lokale Git-Repository und „git remote add origin [YOUR_REPOSITORY_URL]“ verknüpft das lokale Repository mit das Remote-Repository und schließlich schiebt „git push -u origin master“ den Inhalt in den Master-Zweig.

Erstellen Sie den gh-pages-Zweig.

Nach dem Erstellen des Lagers müssen wir einen Zweig mit dem Namen „gh-pages“ erstellen, der zur Anzeige unserer Demo verwendet wird. Um einen Branch zu erstellen, öffnen Sie das Repository, klicken Sie auf „Branch: Master“, geben Sie „gh-pages“ ein und erstellen Sie einen neuen Branch.

Demo-Webseite hinzufügen

Jetzt müssen wir eine Webseite im Zweig „gh-pages“ hinzufügen, um unsere Demo anzuzeigen. Erstellen Sie zunächst einen neuen Ordner im Zweig und benennen Sie den Ordner in „docs“ um. Kopieren Sie dann Ihre Demodatei in den Ordner „docs“ und ändern Sie den Dateinamen in „index.html“.

Als nächstes müssen wir den Ordner „docs“ im Zweig „gh-pages“ zur standardmäßig angezeigten Seite machen. Suchen Sie auf der Einstellungsseite des Repositorys die Option „GitHub-Seiten“, ändern Sie die Option „Quelle“ in „Master-Branch/Docs-Ordner“ und klicken Sie auf die Schaltfläche „Speichern“. Warten Sie einen Moment und Ihre Demo wird auf GitHub-Seiten angezeigt.

Teilen Sie Ihre Demo

Jetzt haben Sie erfolgreich eine Demo auf GitHub erstellt und angezeigt. Als Nächstes können Sie Ihre Demo präsentieren, indem Sie den Link dazu mit anderen teilen. Sie können dies tun, indem Sie den Link zu Ihren „GitHub-Seiten“ auf der Repository-Seite kopieren.

Zusammenfassung:

Durch die Einleitung dieses Artikels haben wir gelernt, wie Sie Ihre Demo auf GitHub anzeigen und den Link zur Demo mit anderen teilen. Unabhängig davon, ob Sie ein unerfahrener Entwickler oder ein erfahrener Profi sind, kann die Verwendung von GitHub Ihren Entwicklungsprozess beschleunigen und Ihren Code professioneller und einfacher zu warten machen. Hoffentlich hilft Ihnen dieser Artikel dabei, Ihre Demo zu präsentieren und mit der Zusammenarbeit auf GitHub zu beginnen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie GitHub zum Erstellen und Anzeigen von Demos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!