Comment créer un site Web personnel sur Gitee

En tant que programmeur, nous avons souvent besoin de partager le code et les projets que nous écrivons avec d'autres développeurs. À l'heure actuelle, un site Web personnel est très important, permettant aux autres de comprendre notre niveau technique et nos capacités en un seul endroit. Il existe de nombreux outils de création de sites Web personnels, tels que WordPress, dont j'ai entendu parler, mais pour les développeurs, il peut être plus approprié d'utiliser des méthodes de création de sites Web statiques telles que GitPages ou Gitee Pages. Aujourd'hui, nous allons parler de la façon de créer un site Web personnel. site internet sur le site du Gitee.

1. Créer un entrepôt

Tout d'abord, nous devons créer un entrepôt de code sur Gitee. Ce à quoi nous devons faire attention ici, c'est que le nom de l'entrepôt doit être conforme à la spécification de "username.gitee.io". . C'est-à-dire que si votre utilisateur Le nom est "exemple", alors le nom de l'entrepôt que vous créez doit être "exemple.gitee.io". Après avoir créé l'entrepôt, nous devons cloner l'entrepôt localement.

2. Préparer les modèles

Ensuite, nous devons choisir un modèle pour créer notre site Web personnel. Nous proposons ici plusieurs modèles qui peuvent être utilisés pour créer des sites Web personnels :

1. Erreurs minimales : il s'agit d'un thème Jekyll très populaire. , il est basé sur Bootstrap et possède un design réactif qui s'adapte parfaitement aux différentes tailles d'écran.
2. Lanyon : Il s'agit d'un thème Jekyll simple. Son style de conception est très adapté aux sites Web personnels tels que la littérature, la lecture et l'écriture.
3. Pixyll : Il s'agit d'un thème Jekyll très simple. Sa conception est très adaptée aux sites Web personnels qui n'ont besoin que d'une simple page pour afficher leurs informations et leurs travaux.

Après avoir sélectionné le modèle, nous devons télécharger le modèle localement et l'extraire dans le répertoire de l'entrepôt.

3. Modifier le fichier de configuration

Dans le répertoire de l'entrepôt, nous devons modifier les deux fichiers _config.yml et index.md. Éléments de configuration dans

_config.yml :

1. title : nom du site Web.
2. email : Adresse e-mail.
3. auteur : nom de l'auteur.
4. description : description du site.
5. url : Adresse du site Web, qui doit être définie sur "https://votrenom d'utilisateur.gitee.io".
6. github_username : votre nom d'utilisateur Github.
7. twitter_username : votre nom d'utilisateur Twitter.

Éléments de configuration dans le fichier index.md :

1. titre : nom du site Web.
2. sous-titre : sous-titre du site.
3. fonctionnalités : une liste des fonctionnalités du site Web.
4. à propos : À propos de vous.
5. footer-links : Liste des liens de pied de page.

Une fois la modification terminée, pour exécuter le service Jekyll localement, vous pouvez utiliser la commande suivante :

$ jekyll serve

4. Publiez le site Web

Après avoir exécuté le service Jekyll localement, nous pouvons prévisualiser le site Web en visitant http:/ /127.0.0.1:4000 . Si tout va bien, nous pouvons publier le site sur Gitee.

Continuez à exécuter le service Jekyll localement, ouvrez un nouveau terminal et entrez la commande suivante :

git add .
git commit -m "Initial commit"
git push

Après cela, vous pourrez voir notre site Web sur Gitee. Vous pouvez consulter le site Web en visitant https://username.gitee.io dans votre navigateur.

5. Personnalisez votre site Web personnel

Ce qui précède consiste à utiliser les thèmes Jekyll d'autres personnes pour créer votre site Web personnel, mais si vous souhaitez un site Web personnalisé, vous devez modifier les fichiers de la page Web correspondants. modifiez la mise en page de la page d'accueil, vous devez modifier le fichier index.html, si vous souhaitez ajouter une page à propos, vous devez créer un fichier about.html, et ainsi de suite.

En bref, grâce à ces étapes, vous pouvez facilement créer votre propre site Web personnel sur Gitee. C'est très pratique et hautement jouable. Vous pouvez utiliser différents modèles et thèmes personnalisés pour créer et concevoir votre site Web personnel.

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!