Cara Menyebarkan Proyek Slidev Di Halaman GitHub

Dalam website ini, saya akan membuat proyek Slidev dan menerapkannya di halaman GitHub saya.

Langkah 1 — Buat proyek Slidev.

npm init slidev

Langkah 2 — Buat repositori GitHub publik.

Langkah 3 — Push your code to the GitHub repository.

Langkah 4 — Buka halaman pengaturan dari atas halaman repositori, lalu pilih tab Actions/General dari sidebar. Di akhir halaman, Anda harus mendapatkan izin alur kerja untuk membaca dan menulis seperti gambar ini:

Lalu simpan.

Langkah 5 — Buat file deploy.yml di direktori ini di root proyek Anda:

.github/workflows/deploy.yml

Kemudian isi file ini dengan kode di bawah ini dan push ke git (masukkan nama repo Anda alih-alih slidev-tutorial).

name: Deploy pages
on: push
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v2
        with:
          node-version: '14'
      - name: Install dependencies
        run: npm install
      - name: Install slidev
        run:  npm i -g @slidev/cli
      - name: Install for PDF
        run: npm i -D playwright-chromium
      - name: Build
        run: slidev build --base /slidev-tutorial/ # Change this line
      - name: Deploy pages
        uses: crazy-max/ghaction-github-pages@v2
        with:
          build_dir: dist
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

Langkah 6 — Setelah Anda pushed deploy.yml pada tab Tindakan, Anda dapat melihat pekerjaan penerapan sedang berjalan. tunggu hingga berakhir dengan sukses.

Maka Anda akan melihat gh-pages branch di halaman utama seperti ini.

Langkah 7 — Untuk langkah terakhir buka tab Pengaturan lagi dan pilih tab Halaman dari sidebar dan pilih gh-pages branch untuk menyebarkan dan menyimpannya.

Langkah 8 — Sekarang Anda melihat pekerjaan build di tab Actions sedang berjalan. tunggu sampai berakhir dengan sukses dan kemudian Anda dapat melihat proyek Anda di tautan di bawah pekerjaan penerapan.

Cara Menyebarkan Proyek Slidev Di Halaman GitHub

Artikel Terkait Lainnya :