Github 작업을 통해 Netlify에 웹 사이트 배포
8703 단어 automationgithubactionsnetlify
이 문서에서는 다음을 다룹니다.
# 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 페이지를 이 지점을 사용하여 저희 사이트를 배치할 수 있습니다.궁금한 점이 있으시면 아래 설명서에서 알려 주십시오.
우리
다음 프로젝트를 구축하기 위해 웹 디자인 회사를 찾고 있습니까?환영합니다.저희에게 연락하여 저희 사이트 개발 서비스나 기타 방면에 관한 더 많은 정보를 얻으십시오.
우리는 웹 디자인, 웹 개발, 모바일 응용 개발, 소프트웨어 개발과 자동화 서비스를 제공한다.우리는 인도에서 가장 빨리 발전하는 회사 중의 하나로 평가되었다.고객 중심의 서비스는 열정과 기술을 동력으로 하기 때문에 우리는 이미 일곱 자리의 수입을 창출할 수 있다.우리는 위대한 생각을 위해 노력하기를 줄곧 기대하고 있다.찾고 계신다면 저희 팀에 연락해 주십시오.
Reference
이 문제에 관하여(Github 작업을 통해 Netlify에 웹 사이트 배포), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ravgeetdhillon/deploy-a-website-on-netlify-through-github-actions-jaj텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)