Github 작업을 통해 Netlify에 웹 사이트 배포

비록 Github 코드 지점을 Netlify에 직접 연결하고build 명령을 사용하여 Github 코드를 Netlify에 배치할 수 있지만, 때때로 Github 동작을 사용하여 Github 동작을 사용하여 Github를 구축하고 Netlify에 배치하기를 희망합니다.그 중 가장 중요한 이유는 Github 작업에서 2000분의 무료 구축 시간을 얻을 수 있고 Netlify에서 300분의 무료 구축 시간을 얻을 수 있기 때문이다.만약 우리가 자주 우리의 사이트를 업데이트한다면, 우리는 곧 이러한 구축 시간을 다 쓸 수 있을 것이다. (물론 우리는 구매할 수 있다.)
이 문서에서는 다음을 다룹니다.
  • Github Actions
  • 에 웹 사이트 구축
  • 구축 폴더를 사이트 구축 지점으로 전송
  • Netlify 구성 웹 사이트를 사용하여 지점 구축 웹 사이트
  • 우리는 Pro pack on Netlify를 사용하여 이 프레젠테이션을 위해 웹 사이트를 만들 것이다.우리는 웹 사이트에서 구축할 수 있는 모든 도구를 사용할 수 있다. 왜냐하면 최종적으로 구축 디렉터리를 만들고 Github 저장소의 다른 지점으로 전송하기만 하면 되기 때문이다.
    # create a boilerplate jekyll website
    jekyll new my-awesome-site
    
    # change the directory
    cd my-awesome-site
    
    # git add all the unstaged files
    git add .
    
    # give a good commit message
    git commit -m "feat: first website commit"
    
    # push to the origin
    git push origin master
    
    네.현재 Github 리콜 프로토콜에 저희 사이트 코드가 있습니다.
    기왕 우리가 우리의 사이트 건설을 사이트 건설 지점으로 미루려고 한다면, 우리는 먼저 새로운 지점을 만들자.우리의 터미널에서 우리는 다음과 같은 일을 할 것이다.
    # create a new branch
    git checkout --orphan website-build
    
    # remove all files from the staging area
    git rm -rf .
    
    # create an empty commit to initialize branch
    git commit --allow-empty -m "root commit"
    
    # push branch to origin
    git push origin website-build
    
    새 Github 생성 작업을 시작합니다.단말기에서 우리는 쓴다
    # switch back to master branch
    git checkout master
    
    # create a directory for github actions
    mkdir -p .github/workflows
    
    # create a workflow file for github actions
    touch .github/workflows/netlify.yml
    
    넷lify에 다음 스크립트를 추가합니다.yml:
    name: Build
    
    on:
      push:
        branches:
          - master
    
    jobs:
      build:
        runs-on: ubuntu-latest
        steps:
          - name: Checkout repository
            uses: actions/checkout@v2
    
          - name: Set up Ruby
            uses: actions/setup-ruby@v1
            with:
              ruby-version: 2.7
    
          - name: Install Dependencies
            run: |
              gem install bundler
              bundle install
    
          - name: Create Build
            run: bundle exec jekyll build -d public
    
          - name: Upload artifacts
            uses: actions/upload-artifact@v1
            with:
              name: public
              path: public
    
      commit-build:
        needs: build
        runs-on: ubuntu-latest
        steps:
          - name: Clone the repoitory
            uses: actions/checkout@v2
            with:
              ref: website-build
    
          - name: Configure Git
            run: |
              git config --global user.email ${GITHUB_ACTOR}@gmail.com
              git config --global user.name ${GITHUB_ACTOR}
    
          - name: Download website build
            uses: actions/download-artifact@v1
            with:
              name: public
              path: public
    
          - name: Commit and Push
            run: |
              if [$(git status --porcelain=v1 2>/dev/null | wc -l) != "0"] ; then
                git add -f public
                git commit -m "gh-actions deployed a new website build"
                git push --force https://${GITHUB_ACTOR}:[email protected]/${GITHUB_REPOSITORY}.git HEAD:website-build
              fi
    
    상술한 조작은 두 개의 작업을 포함한다.
    첫 번째 작업build에서, 우리는 현재 저장소를 검사하고, Ruby를 설정합니다. 왜냐하면 Jekyll을 사용하고, 의존항을 설치하고, 사이트를 구축하고, 공공 디렉터리를 작업품으로 upload에 추가하고 있기 때문입니다.
    두 번째 작업인commitbuild에서 우리는 구축 작업이 끝날 때까지 기다린 다음에 사이트 구축 지점을 검사하고Git 설정을 설정하며 구축 부품을 다운로드하고 마지막으로 변경 사항을 발견할 때 공공 디렉터리를 전송합니다.
    # add the new files
    git add .
    
    # create a new commit with a descriptive message
    git commit -m "feat: added netlify build workflow"
    
    # push github actions workflow file to the origin
    git push origin master
    

    제키르 Netlify 구성


    우리가 해야 할 마지막 일은 Netlify를 설정하는 것이다.우리는 모든 것이 순조롭게 진행될 수 있도록 두 가지를 바꿔야 한다.우선, 우리는 우리의 지점 기구를 사이트 건설에 배치하는 것으로 바꿀 것이다.그 다음에, 우리는 발표 목록을 공작물로 업데이트할 것이다.Netlify는 웹 사이트 건설 지점을 언제든지 추진할 수 있도록 지원합니다.
    웹 사이트 배포를 위한 Netlify 설정 구성

    결실


    만세!Netlify에 배포된 웹 사이트
    그래서 쉬워요.이 워크플로우를 사용하면 Github 페이지에 웹 사이트를 배치할 수도 있습니다.많은 개발자들이 Github 페이지에서 지원되지 않는 Jekyll 플러그인 문제를 불평한다.Github 작업을 사용하면 구축을 다른 지점에 제출하고 Github 페이지를 이 지점을 사용하여 저희 사이트를 배치할 수 있습니다.궁금한 점이 있으시면 아래 설명서에서 알려 주십시오.

    우리


    다음 프로젝트를 구축하기 위해 웹 디자인 회사를 찾고 있습니까?환영합니다.저희에게 연락하여 저희 사이트 개발 서비스나 기타 방면에 관한 더 많은 정보를 얻으십시오.
    우리는 웹 디자인, 웹 개발, 모바일 응용 개발, 소프트웨어 개발과 자동화 서비스를 제공한다.우리는 인도에서 가장 빨리 발전하는 회사 중의 하나로 평가되었다.고객 중심의 서비스는 열정과 기술을 동력으로 하기 때문에 우리는 이미 일곱 자리의 수입을 창출할 수 있다.우리는 위대한 생각을 위해 노력하기를 줄곧 기대하고 있다.찾고 계신다면 저희 팀에 연락해 주십시오.

    좋은 웹페이지 즐겨찾기