В этой лекции я создам проект 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
Спасибо за прочтение.