
Initialisez Git, validez tous les fichiers et transférez-les vers votre nouveau dépôt :
1ère étape :
Copier après la connexion
2ème étape :
git commit -m « premier commit »
git branch -M principal
git remote add origin https://github.com/[username]/[repo_name].git # Remplacez par votre nom d'utilisateur et l'URL du dépôt
git push -u origin main
3ème étape :
Définir le chemin de base dans vite.config.ts
1 2 3 4 5 6 7 8 9 | / vite.config.ts
import { defineConfig } from “vite”;
import react from “@vitejs/plugin-react”;
export default defineConfig({
plugins: [react()],
base: “/vite-react-deploy/”,
});
|
Copier après la connexion
4ème étape :
Ajouter un workflow GitHub
Créez un fichier déployer.yml dans le répertoire .github/workflows. Copiez et collez ce workflow :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | name: Deploy
on:
push:
branches:
- main
jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
- name: Checkout repo
uses: actions/checkout@v3
- name: Setup Node
uses: actions/setup-node@v3
- name: Install dependencies
uses: bahmutov/npm-install@v1
- name: Build project
run: npm run build
- name: Upload production-ready build files
uses: actions/upload-artifact@v3
with:
name: production-files
path: ./dist
deploy:
name: Deploy
needs: build
runs-on: ubuntu-latest
if : github.ref == 'refs/heads/main'
steps:
- name: Download artifact
uses: actions/download-artifact@v3
with:
name: production-files
path: ./dist
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist
|
Copier après la connexion
Sur votre page de dépôt :
- 1. Accédez à Paramètres → Actions → Général,
- 2. Faites défiler jusqu'à Autorisations de flux de travail,
- 3. Choisissez Lire et écrire et enregistrez :
Réexécuter les actions :
Actions → choisir un déploiement ayant échoué → Réexécuter les tâches ayant échoué. Attendez la fin.
Configurez les pages GitHub :
- Allez dans Paramètres → Pages
- Sous Source, choisissez « Déployer depuis la branche » et sélectionnez la branche « gh-pages ».
- Cliquez sur Enregistrer.
Les choses les plus importantes.
Le nom du projet, le nom du lien (valeur de base) ou le nom du dépôt doivent être du même nom créé.
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!