Comment utiliser Gitee Pages pour déployer des sites Web statiques et des fonctions interactives

Gitee est une plateforme d'hébergement de code Git très connue. Non seulement vous pouvez gérer le code sur Gitee, vous pouvez également déployer votre propre site Web statique via Gitee Pages, ce qui est très pratique. Cet article expliquera comment utiliser Gitee Pages pour déployer un site Web statique et comment ajouter des fonctionnalités interactives pour rendre le site Web plus vivant et intéressant.

1. Créer un projet Gitee Pages

Tout d'abord, vous devez créer un projet Pages sur Gitee. Les opérations spécifiques sont les suivantes :

1. Connectez-vous au site Gitee et entrez votre page d'accueil personnelle.
2. Cliquez sur le bouton "Créer un entrepôt".
3. Définissez le nom de l'entrepôt, cochez l'option "Public", sélectionnez l'option "Initialiser README.md", et enfin cliquez sur le bouton "Créer un entrepôt".
4. Entrez dans la page de l'entrepôt nouvellement créée et cliquez sur le bouton "Paramètres".
5. Cliquez sur l'onglet "Service Pages" et sélectionnez le bouton "Activer le service Pages".
6. Définissez le chemin d'accès du site Web et la page affichée par défaut, par exemple, définissez-le sur "/my-website", la page affichée par défaut est "index.html", et enfin cliquez sur le bouton "Enregistrer".
7. Ensuite, vous pouvez créer un nouveau dossier localement et placer les fichiers pertinents du site Web statique dans ce dossier.
8. Ouvrez la ligne de commande localement, entrez le dossier que vous venez de créer, entrez la commande suivante :

git init
git add .
git commit -m "initial commit"

9. Connectez-vous au référentiel Gitee, entrez ce qui suit commande :

git remote add origin [adresse de l'entrepôt Gitee]
git push -u origin master

10. Après avoir terminé les étapes ci-dessus, actualisez la page de l'entrepôt Gitee et vous verrez le site Web statique déployé.

2. Ajouter des fonctions interactives

Sur la base d'un site Web statique, l'ajout de fonctions interactives peut rendre le site Web plus vivant et intéressant. Voici deux façons d’ajouter des fonctionnalités interactives.

1. Utilisez JavaScript

JavaScript est un langage de script qui peut obtenir des effets d'interaction de page. Vous pouvez ajouter des balises