Comment construire avec github

1. Avant-propos

GitHub est l'un des systèmes de contrôle de version open source les plus populaires pouvant être utilisé pour le développement collaboratif, la gestion de projet et l'hébergement de code. Parfois, nous pouvons également créer un site Web statique personnel ou d'équipe basé sur les pages GitHub.

Cet article présente principalement comment utiliser GitHub pour créer votre propre site Web statique personnel ou d'équipe, y compris des étapes spécifiques telles que la création d'un compte GitHub, la création d'un entrepôt, l'utilisation de Jekyll pour générer un site Web et la liaison d'un nom de domaine.

2. Créez un compte GitHub

Nous devons d'abord aller sur le site officiel de GitHub et enregistrer un compte GitHub. Si vous possédez déjà un compte GitHub, vous pouvez ignorer cette étape.

Après avoir créé un compte GitHub, nous pouvons choisir de créer un nouvel entrepôt.

3. Créez un référentiel

Cliquez sur le bouton « Nouveau référentiel » sur la page d'accueil de GitHub.

Entrez le nom de votre site Web dans la zone de saisie « Nom du référentiel », par exemple « mon-super-site-web ».

Ensuite, nous devons sélectionner le type d'entrepôt. Puisque nous voulons créer un site Web statique, sélectionnez le type "Public".

Enfin, cliquez sur « Créer un référentiel » pour terminer la création de l'entrepôt.

4. Utilisez Jekyll pour générer le site Web

Ensuite, nous devons utiliser Jekyll pour générer le site Web. Jekyll est un générateur de sites Web statiques simple et facile à utiliser, similaire à WordPress et à d'autres systèmes CMS, mais il ne nécessite pas de prise en charge des bases de données et des scripts côté serveur. Au lieu de cela, il génère des pages Web statiques via des langages de modèles Markdown ou HTML.

Nous pouvons cloner un modèle Jekyll, qui nous fournit la structure et la conception de base du site Web :

git clone https://github.com/barryclark/jekyll-now.git

Une fois le clonage terminé, nous devons copier tous les fichiers de cet entrepôt Copié dans notre propre référentiel. Créez ensuite un nouveau fichier nommé "_config.yml" dans votre propre entrepôt et saisissez le contenu suivant :

title: My Awesome Website
description: A description of my awesome website.

5. Liez le nom de domaine

Maintenant, nous avons configuré avec succès Créez votre propre site Web statique et vous pourrez consulter le site Web en accédant à votre propre adresse d'entrepôt.

Cependant, nous souhaiterons peut-être utiliser notre propre nom de domaine pour accéder au site Web au lieu d'utiliser le nom de domaine par défaut de GitHub. Par conséquent, dans cette section, nous expliquerons comment lier votre propre nom de domaine aux pages GitHub.

1. Tout d'abord, nous devons acheter un nom de domaine. Il existe de nombreux bureaux d'enregistrement de noms de domaine parmi lesquels choisir, tels que GoDaddy, Namecheap et autres. On peut choisir d'enregistrer un nom de domaine avec un suffixe .com, .net, .org, .co, etc.
2. Ensuite, retrouvez la page de gestion de la résolution des noms de domaine dans la console du registraire de noms de domaine. Ici, nous devons ajouter un enregistrement CNAME pour résoudre le nom de domaine dans notre référentiel GitHub Pages.

Supposons que notre nom de domaine soit « mondomaine.com ». Nous devons donc ajouter un enregistrement CNAME pour résoudre « www.mydomain.com » à notre référentiel GitHub Pages.

3. Ensuite, dans notre référentiel GitHub Pages, nous devons ajouter un fichier « CNAME ». Entrez le nom de domaine que nous souhaitons lier dans ce fichier, qui est "www.mydomain.com".
4. Enfin, dans la console du registraire de nom de domaine, définissez le serveur DNS du nom de domaine sur le serveur DNS par défaut de GitHub Pages :

ns1.p19.dynect.net
ns2.p19.dynect.net
ns3.p19.dynect.net
ns4.p19.dynect.net

5. Wait After pendant un certain temps, vous pouvez consulter le site Web que vous avez créé en accédant à votre propre nom de domaine.

6. Résumé

Cet article présente principalement comment utiliser GitHub pour créer votre propre site Web statique personnel ou d'équipe. Nous devons d'abord créer un compte GitHub et créer un nouveau référentiel. Nous avons ensuite généré le site Web en clonant le modèle Jekyll et en ajoutant un fichier appelé « _config.yml ». Enfin, nous avons également expliqué comment lier votre nom de domaine aux pages GitHub pour accéder à votre site Web.

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!