Comment utiliser les pages GitHub pour créer un site Web et un blog personnels

GitHub Pages est un service d'hébergement de sites Web statiques gratuit fourni par github, qui peut héberger Markdown, HTML, CSS, JavaScript ou d'autres fichiers statiques dans votre compte GitHub Pages. Il prend en charge une variété de noms de domaine et de thèmes personnalisés, est compatible avec Jekyll et peut également personnaliser des pages 404, etc. Il est très flexible et puissant. Par conséquent, il est plus courant d’utiliser les pages GitHub pour créer des sites Web et des blogs personnels.

1. Enregistrez un compte Github

Tout d'abord, vous devez avoir un compte github. Vous pouvez vous inscrire via le site officiel de Github https://github.com/.

2. Créez un référentiel

Créez un nouveau référentiel GitHub avec "username.github.io" comme nom du référentiel. À l’heure actuelle, le nom de l’entrepôt doit être username.github.io, où username est votre nom d’utilisateur GitHub.

Si vous souhaitez utiliser un nom de domaine personnalisé, n'utilisez pas cette méthode pour créer un entrepôt. Vous pouvez créer un entrepôt supplémentaire avec un nom de domaine personnalisé.

3. Téléchargez des fichiers de site Web

Utilisez l'outil git pour cloner, puis créez et téléchargez votre site Web statique dans l'entrepôt local.

Créez un nouveau fichier nommé "index.html" dans le répertoire local et écrivez le code HTML de votre site Web personnel dans le fichier.

Vous pouvez saisir la commande suivante pour initialiser l'entrepôt :

$ cd /path/to/local/repo

$ git init

$ git add .

$ git commit -m "first commit"

Puis poussez l'entrepôt directement vers GitHub.

$ git remote add origin https://github.com/username/username.github.io.git

$ git push -u origin master

Une fois le téléchargement terminé, vous pouvez consulter votre site Web personnel sur https://username.github.io/ Cette URL est également l'adresse de publication de tous vos sites Web personnels à l'avenir. Lorsque vous mettrez à jour le site Web, les visiteurs. Vous verrez le dernier contenu sur le site Web.

Si vous souhaitez utiliser un nom de domaine personnalisé, vous devez renseigner votre nom de domaine enregistré dans les « Paramètres » -> « Domaine personnalisé » de GitHub, puis configurer la résolution du nom de domaine dans DNS.

4. Utilisez le thème Jekyll

Jekyll est le générateur de sites Web statiques par défaut pour les pages GitHub. Il est gratuit, open source et compatible avec la plupart des thèmes.

Tout d'abord, vous devez installer le langage Ruby sur votre ordinateur local, puis saisir la commande suivante dans la ligne de commande :

$ gem install jekyll bundler

Ensuite, clonez un thème Jekyll localement, puis remplacez le contenu du fichier et téléchargez-le sur les pages GitHub. dépôt.

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git

$ cd the-name-of-the-Jekyll-theme

$ bundle install

$ jekyll serve

À ce stade, vous pouvez afficher votre site Web personnel dans le navigateur de votre ordinateur local, puis transférer le thème directement sur GitHub, et le thème sera utilisé sur votre site Web.

5. Résumé

Construire des sites Web et des blogs personnels via les pages GitHub nous permet de mieux nous exprimer. Cela nous fournit également une plateforme d'apprentissage et de communication, ce qui est d'une grande aide pour le développement personnel et le travail. Ceci n'est qu'une brève introduction. D'autres fonctions et utilisations doivent être explorées et apprises par vous-même.

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!