Github+Netlify로 간편한 정적 파일 공개
하고 싶은 일
절차
코딩을 위한 리포지토리 생성
![](https://s1.md5.ltd/image/b8a49eff36e7be85815553a06242b74c.png)
적절하게 html 파일 만들기
$ git clone [email protected]:yomasaa/sample-netlify.git
$ vi index.html
test
$ git add index.html
$ git commit -m "Add 'index.html'"
$ git push
이제 매우 적당한 HTML을 만들고 github에 push되었습니다 ...!
![](https://s1.md5.ltd/image/02dea5312f0b83b4eacece053569b457.png)
netlify로 새 프로젝트 만들기
※ 계정 미작성의 사람은 미리 작성해 둔다
$ git clone [email protected]:yomasaa/sample-netlify.git
$ vi index.html
test
$ git add index.html
$ git commit -m "Add 'index.html'"
$ git push
htps : // 아 p. 네 tぃfy. 코m/ 방문 ...!
![](https://s1.md5.ltd/image/e34654b687936b898533140590cf48d5.png)
![](https://s1.md5.ltd/image/90e67b562c08cefe6781ef8ef810b699.png)
![](https://s1.md5.ltd/image/3ddc682956650a9bfcb2d1110b8eaa1e.png)
master
) npm run build
라든지 ...dist/
라든지 ...![](https://s1.md5.ltd/image/7f1228f1cb493b3bca6b8a74a37cf258.png)
![](https://s1.md5.ltd/image/930c9ad1e9423095bbd0f05d3b42e39e.png)
htps : // 네 tぃfy. 코m/에 작성한 HTML이 표시됩니다.
![](https://s1.md5.ltd/image/ccd5529f31f20496f6699a2ca3fdea6a.png)
[참고 1] 전개되면 slack에게 통지하고 싶다
![](https://s1.md5.ltd/image/322c4e35ea6fb49a467c62768a267547.png)
index.html
) ![](https://s1.md5.ltd/image/4c943affedfb7a3280f990ba32e440ab.png)
- 배포 된 slack에 왔습니다 ...!
![](https://s1.md5.ltd/image/3f81c85a26a988d730b08daabcebf9b9.png)
[참고 2] 수정하여 풀 요청 작성으로 새롭게 미리보기 페이지를 작성하고 싶다
Deploy succeeded
브랜치에서 새 브랜치 만들기 ![](https://s1.md5.ltd/image/3db7e2fe6a32f6edce3992081d715026.png)
![](https://s1.md5.ltd/image/e47b0ddb5eb44837dfb04681f1886e14.png)
[참고 3] 미리보기 상태의 사이트에 인증을 하고 싶다
![](https://s1.md5.ltd/image/616f9680d62bcc67f6e0e26e1084243f.png)
master
그렇지 않으면 할 수없는 것 같습니다 ...? Reference
이 문제에 관하여(Github+Netlify로 간편한 정적 파일 공개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yk-ms/items/de1f3e134ba2913303e7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)