[Steem Project] Netlify를 이용하여 Gatsby 블로그 자동 배포하기

in #kr6 years ago (edited)

Netlify는 GitHub, GitLab, Bitbucket과 연동하여 정적 사이트를 호스팅해주는 서비스입니다. 그리고 DNS, SSL, CDN 배포, 캐싱 및 지속적인 배포(Continuous Deployment) 등의 기능도 제공합니다.

이전 글 [개츠비(gatsby)로 스팀잇 블로그 만들기]을 먼저 읽고 오시기 바랍니다.


Netlify에 배포하는 방법은 매우 간단합니다.


* * *

Netlify에 접속한다. 마음에 드는 로그인 방식으로 로그인한다.


New site from Git 을 선택한다.


Only select repositiries를 선택한다. 빌드 대상 프로젝트를 선택한다. 참고로 나는 anpigon/blog를 선택하였다.


Create a new site 를 선택한다. 사이트가 생성되어 아래 목록에 추가되었다. 추가된 사이트를 선택한다.


기본 설정값을 수정하지 않고 그대로 사용한다. Deploy site 버튼을 눌러 사이트를 배포한다.


다음과 같이 Site deploy in progress 메세지를 볼 수 있다. 배포가 완료되기까지는 약 1~5분 정도가 소요된다. 이제 배포가 진행되는 동안 Site Settings 페이지에 들어가서 사이트 정보를 수정하자.


Change site name 버튼을 눌러 사이트명을 변경하자. <사이트명>.netlify.com의 형태의 도메인이 생성될 것이다.


배포가 완료되면, Deploys from Giuhub 메세지를 볼 수 있다.


이제 사이트에 접속해보자.

https://anpigon.netlify.com


마지막으로 아래 버튼을 누르면 netlify에서 깃허브와 연동하여 사이트 생성을 바로 시작할 수 있다.
Deploy to netlify


* * *

Netlify의 자동 배포(auto publishing) 기능은 GitHub 저장소에 추가되는 업데이트를 감지하여 실행됩니다. 그래서 사이트를 자동 배포하기 위해서는 프로젝트를 매번 수정하고, GitHub에 Push 해야 합니다. Travis-ci 에 있는 cron 기능이 Netlify에는 없는 게 아쉽습니다. 다음 글에서 Travis-ci 서비스를 이용한 완전 자동 배포 방법을 포스팅할 예정입니다.

여기까지 읽어주셔서 감사합니다.



참고 블로그
Sponsored ( Powered by dclick )
어떻게 스팀파워를 쓰면 좋을까요? 개인적생각 정리

스팀파워를 어떻게 쓰면 좋을지에 대한 개인적을 정리했습니다. 먼져 셀프보팅하면 욕을 먹는다. ...

Sort:  

짱짱맨 호출에 응답하여 보팅하였습니다.

대박! 따라해볼게요 ㅎㅎ
이 블로그에는
추가로 다른소셜 로그인을 추가한다던가,
광고를 붙인다던가 그런게 가능한거죠?

react와 graphql을 할 줄 아신다면 어떠한 기능도 구현 가능합니다. 저도 시간나면 조금씩 기능을 붙여나갈꺼에요. 우선 구글 통계와 구글 광고가 우선입니다. ㅋ

둘다 잘 모릅니다. ㅜㅜ 안피곤님이 하신거 그대로 따라할래요 ㅋㅋ

fork하고 글을 따라해봤는데 섞인것 같아요.

글 잘읽어보고 저녁에 다시 한번 해볼게요 ㅋㅋ

https://passionbull.netlify.com/

https://github.com/passionbull/blog

깃허브 소스에 제 글이 포함되어 있어서 섞인 것 같아요. ㅎㅎ

blog/src/pages/articles/ 경로에 있는 md 파일을 모두 지워주세요.
소스 커밋하면서 같이 업로드가 되어버렸네요.ㅎㅎ

스팀잇의 글을 md 파일로 저장하는 경로입니다.

스크린샷 2018-12-27 11.11.39.png

하늘과 바람과 별과 디클하고 갑니다 ^^
코딩은 나중에 ~~

Posted using Partiko iOS

감사합니다. 오늘 밤에는 별과 달이 잘 보였으면 좋겠습니다.

Netlify 예전에 해보려다가 말았는데 한번 도전해 봐야 겠네요.

팁 있으면 알려주세요. Netlify 에서 기능 이것 저것 만져보고 있어요. ㅋ

Congratulations @anpigon! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You made more than 2000 comments. Your next target is to reach 2500 comments.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do not miss the last post from @steemitboard:

Christmas Challenge - The party continues
Christmas Challenge - Send a gift to to your friends

Support SteemitBoard's project! Vote for its witness and get one more award!


@anpigon님 곰돌이가 8일치 모아서 1.2배로 보팅해드리고 가요~! 영차~

역시 가계부기능이 아직도 버그가 있는 것 같네요. 너무 연달아 보팅이 일어났을때 제대로 반응을 못하는 것 같기도. 드디어 버그 원인을 찾았네요ㅠㅠ 엉뚱한 문서를 업데이트하고 있어서 반영이 안된거구나. 덕분에 찾게 되어 감사해요^^

곰돌이 보팅 감사합니다.

Hi @anpigon!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 2.694 which ranks you at #13731 across all Steem accounts.
Your rank has improved 42 places in the last three days (old rank 13773).

In our last Algorithmic Curation Round, consisting of 205 contributions, your post is ranked at #141.

Evaluation of your UA score:
  • Only a few people are following you, try to convince more people with good work.
  • The readers like your work!
  • You have already shown user engagement, try to improve it further.

Feel free to join our @steem-ua Discord server

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 63204.10
ETH 2560.70
USDT 1.00
SBD 2.79