В этой лекции я создам проект Slidev и разверну его на своих страницах GitHub.

Шаг 1. Создайте проект Slidev.

npm init slidev

Шаг 2. Создайте общедоступный репозиторий GitHub.

Шаг 3 – отправьте свой код в репозиторий GitHub.

Шаг 4. Перейдите на страницу настроек в верхней части страницы репозитория, затем выберите вкладку Действия/Общие на боковой панели. В конце страницы вы должны получить разрешения рабочего процесса на чтение и запись, как показано на рисунке:

Тогда сохраните его.

Шаг 5. Создайте файл deploy.yml в этом каталоге в корне вашего проекта:

.github/рабочие процессы/deploy.yml

Затем заполните этот файл приведенным ниже кодом и отправьте его на git (вместо 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 }}

Шаг 6 – после того, как вы нажали deploy.yml на вкладке Действия, вы увидите, что выполняется задание развертывание. дождитесь его успешного завершения.

Затем вы должны увидеть ветку gh-pages на главной странице, подобную этой.

Шаг 7. В качестве последнего шага снова перейдите на вкладку Настройки, выберите вкладку Страницы на боковой панели и выберите gh-pages для развертывания и сохранения.

Шаг 8. Теперь вы видите, что задание сборка на вкладке Действия запущено. подождите, пока он успешно завершится, и тогда вы сможете увидеть свой проект по ссылке под заданием развертывания.

Демо: https://imanmalekian31.github.io/slidev-tutorial/1

GitHub: https://github.com/imanmalekian31/slidev-tutorial

Спасибо за прочтение.