【Hugo】Netlify CMS를 사용해 블로그를 만들어 보았다【초보자용】
소개
Qiita 첫 투고의 하루 토끼라고 합니다. 조상이 있으면 지적해 주시면 다행입니다.
이번은, 우울증 환자를 향한 서비스를 만들고 싶습니다. 라고 하는 것으로, 일단 간단하게 사이트만으로도 만들려고 생각했습니다.
하지만, 조사해 보면 NetlifyCMS 에 관한 일본어 기사가 적거나, 혹은 낡았다고 느꼈습니다.
그렇다면 자신이 쓰자! 라고 의지한 대로입니다.
NetlifyCMS를 지인으로부터 가르쳐 주었습니다만, 어쩐지. 그래서 한 개씩 봐 갑니다!
Netlify란?
Netlify는 최근에 잘 듣는군요.
여러분 아시다시피 고기능 호스팅 서비스입니다.
뭐 간단하게 말하면, 서버를 빌릴 수 있습니다. 무료로 게다가 빠릅니다. 편리! 아니!
CMS란?
Contents Management System(콘텐츠 매니지먼트 시스템)의 이니셜을 취한 것이군요!
지식이 없어도 자신의 블로그나 사이트를 만들 수 있습니다! 굉장히 편리! 그리고 간단!
유명한 것은 WordPress군요. 편하네요. 즉시 사이트를 만들 수 있습니다. 테마도 많이 있습니다.
NetlifyCMS란?
Netlify와 CMS를 알았습니까? 그래서, 본제입니다!
NetlifyCMS는 Netlify가 제공하는 CMS입니다! ! ! (그대로)
WordPress와 달리 렌탈 서버 등이 필요하지 않습니다. 편리. 좋아, 너에게 결정했다! ! !
실제로 NetlifyCMS로 블로그 만들기
건설
htps //w w. 네 tfycms. rg/

위로 이동하여 GETSTARTED합니다.

4 종류 있습니다. 흠. 미안해.
왼쪽이나 Go, React, gem, 잘 모르는 포트폴리오 만들 수 있는 것 같다
(자세히 알려주세요 🙇♀️)
제대로 조사하고 나서 용도에 있던 것으로 만들어야 한다고 생각합니다만, 나는 HUGO(가장 왼쪽)로 했습니다.
그래? 의미? 아니야.
github 설정

github과 협력하십시오! 라고 합니다. 제발.

리포지토리 이름은 모든 것이 괜찮다고 생각합니다.
이미지의 기본값입니다.
버튼을 클릭하면 github에 마음대로 리포지토리가 생성됩니다. 편리.
다만, 이대로라면 github와 제휴할 수 없기 때문에, 인증합니다.
위 URL에 액세스합니다.

새로운 응용 프로그램을 만드십시오. (클릭)(적당)

제 경우에는 위와 같이 입력했습니다.
맨 아래 call backURL은 https://api.netlify.com/auth/done
로 설정하십시오.
URL을 입력한 후 애플리케이션을 만드세요. (클릭)(적당)

여기에서 나온 ClientID와 ClientSecret은 어딘가에 복사해 두십시오.
Netlify 설정

위의 설정 탭을 클릭하고 스크롤하면

이 필드가 있습니다. "Install provider"를 클릭하면

이 화면이 되기 때문에, 방금 전에 복사해 둔 ClientID와 ClientSecret를 입력해 「Install」해 주세요.

providers가 표시됩니다, 성공입니다!
이제 배포가 완료되었다고 생각하므로 화면 상단의 "deploys"의 URL을 클릭하여 확인합시다.

🎉🎉🎉와아아아이🎉🎉🎉
할 수 있었어요~~~~! ! ! ! 생각보다 쉬웠어요!
그리고는 자신 취향에 커스터마이즈 해 주세요!
요약
첫 투고, 또한 졸린 문장으로 죄송합니다.
실수나 미비가 있으면 지적해 주시면 다행입니다.
Reference
이 문제에 관하여(【Hugo】Netlify CMS를 사용해 블로그를 만들어 보았다【초보자용】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/haruusagi/items/366c49cb9b15260eda46
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Netlify와 CMS를 알았습니까? 그래서, 본제입니다!
NetlifyCMS는 Netlify가 제공하는 CMS입니다! ! ! (그대로)
WordPress와 달리 렌탈 서버 등이 필요하지 않습니다. 편리. 좋아, 너에게 결정했다! ! !
실제로 NetlifyCMS로 블로그 만들기
건설
htps //w w. 네 tfycms. rg/

위로 이동하여 GETSTARTED합니다.

4 종류 있습니다. 흠. 미안해.
왼쪽이나 Go, React, gem, 잘 모르는 포트폴리오 만들 수 있는 것 같다
(자세히 알려주세요 🙇♀️)
제대로 조사하고 나서 용도에 있던 것으로 만들어야 한다고 생각합니다만, 나는 HUGO(가장 왼쪽)로 했습니다.
그래? 의미? 아니야.
github 설정

github과 협력하십시오! 라고 합니다. 제발.

리포지토리 이름은 모든 것이 괜찮다고 생각합니다.
이미지의 기본값입니다.
버튼을 클릭하면 github에 마음대로 리포지토리가 생성됩니다. 편리.
다만, 이대로라면 github와 제휴할 수 없기 때문에, 인증합니다.
위 URL에 액세스합니다.

새로운 응용 프로그램을 만드십시오. (클릭)(적당)

제 경우에는 위와 같이 입력했습니다.
맨 아래 call backURL은 https://api.netlify.com/auth/done
로 설정하십시오.
URL을 입력한 후 애플리케이션을 만드세요. (클릭)(적당)

여기에서 나온 ClientID와 ClientSecret은 어딘가에 복사해 두십시오.
Netlify 설정

위의 설정 탭을 클릭하고 스크롤하면

이 필드가 있습니다. "Install provider"를 클릭하면

이 화면이 되기 때문에, 방금 전에 복사해 둔 ClientID와 ClientSecret를 입력해 「Install」해 주세요.

providers가 표시됩니다, 성공입니다!
이제 배포가 완료되었다고 생각하므로 화면 상단의 "deploys"의 URL을 클릭하여 확인합시다.

🎉🎉🎉와아아아이🎉🎉🎉
할 수 있었어요~~~~! ! ! ! 생각보다 쉬웠어요!
그리고는 자신 취향에 커스터마이즈 해 주세요!
요약
첫 투고, 또한 졸린 문장으로 죄송합니다.
실수나 미비가 있으면 지적해 주시면 다행입니다.
Reference
이 문제에 관하여(【Hugo】Netlify CMS를 사용해 블로그를 만들어 보았다【초보자용】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/haruusagi/items/366c49cb9b15260eda46
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
첫 투고, 또한 졸린 문장으로 죄송합니다.
실수나 미비가 있으면 지적해 주시면 다행입니다.
Reference
이 문제에 관하여(【Hugo】Netlify CMS를 사용해 블로그를 만들어 보았다【초보자용】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/haruusagi/items/366c49cb9b15260eda46텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)