Jekyll, GitHub, Netlify 사용 시작🚀

📝NOTE: I would pause here if you're interested in leveraging a custom theme, as Jekyll themes often
provide all the files you'll need to get started. My blog uses the HydeJack theme, described below.

마지막으로 블로그를 시작하고 실행합니다.

블로그의 루트 폴더로 이동합니다. 예를 들어 cd C:\Projects

블로그 초기화: jekyll new myblog (만약에
사용자 정의 테마 사용 중)

블로그로 이동: cd myblog

설치에 필요한 번들: bundle install

블로그 시작: jekyll serve

에서 http://localhost:4000으로 이동합니다.축하합니다, <당신은 지금 블로거입니다>.gif 형식🎉

내 주제

내 블로그는 Hydejack Pro의 주제를 이용했다.만약 네가 흥미가 있다면, Hydejack documentation은 아주 좋은 시작이다.나는 이 주제의 프로 버전의 주요 장점이 어두운 모드를 지원하는 것을 발견했다.
무료 버전을 사용하려면 Hydejack starter kit을 복제하거나 다운로드하십시오.모든 파일이 블로그를 얻고 실행해야 한다는 것을 알게 될 것이다.

사용자 정의 및 교체

이것은 네가 대부분의 시간을 써야 하는 곳이다. 그러나 이것은 지금까지 진정으로 해 본 적이 없다.너는 너의 사이트에 약간의 개성을 추가하고 싶을 것이다.my GitHub repo의 모든 내용을 마음대로 복사해 주십시오.또 다른 좋은 시작은 유행하는 Jekyll 플러그인을 검색하는 것이다.
최소한 기본값이 아닌 정보를 참조하려면 _config.yml, Gemfile 및 포함된 가격 인하 파일 (예: about.markdown 및 index.markdown) 을 수정해야 합니다.나는 네가 약간의 시간을 써서 사이트의 기본 설정을 훑어보는 것을 건의한다.
블로그를 변경하려면 일반적으로 다음 절차를 따릅니다.

사이트 탐색: http://localhost:4000

변경 파일(예: _config.yml)

에 뭐가 고장났어요?업데이트 효력이 발생했습니까?

???

중복

github

3단계 중 첫 번째 단계는 이미 완성되었습니까?계속 당신의 사이트를 오픈하세요!

저장소 설정

네가 이 사이트에서 본 모든 것은 나의 GitHub
Repo에 있다.다음은 이 작업을 수행하는 방법입니다.

에서 GitHub으로 이동하여 필요할 때 계정을 생성합니다.

https://github.com/new으로 이동:

필요한 저장소 이름 (예: myblog) 과 선택 가능한 설명을 입력합니다.

자술 파일

으로 초기화

추가.gitignore:Jekyll

나는 보통 MIT License을 선택하지만, 이것은 너에게 달려 있다.

클릭 Create Repository

은 VSCode 클론을 통해 새로 생성한 재구매입니다.이 post을 보고 어떻게 조작하는지 알아보십시오.

💡 TIP: I manage my repo in VSCode, but this will work via the command line as well.

GitHub 파일

VSCode에서 자주 사용하는 GitHub 파일을 로컬로 수정해야 합니다.

README.md: 모든 사람이 저장소에 액세스할 때 볼 수 있는 내용입니다.좋은 자술 파일을 만드는 방법에 대한 힌트는 makeareadme.com을 참조하십시오.
예:

 This repo hosts my website, which leverages Jekyll and Netlify to serve this static website.

.gitignore: 파일이 GitHub에 업로드되지 않았으므로 다음을 확인해야 합니다.
예:

_site
.jekyll-cache
Gemfile.lock

웹 사이트 오픈

웹 사이트를 GitHub에 업로드하는 방법:

은 사이트의 모든 내용을 저장소를 포함하는 새 폴더로 복사합니다.

에서 변경 사항을 커밋하고 코드를 GitHub로 전송합니다.마찬가지로 this post을 참고하여 그 작업 원리를 이해하십시오.

은 파일이 성공적으로 업로드되었는지 확인하기 위해 GitHub 저장소로 돌아갑니다.

Netlify CMS

마지막 스트레칭!이제 이 사이트를 자동화합시다!

💬 TL;DR: Netlify runs the jekyll build command for you against your GitHub repo, does SSL/optimization/CDN "magic", and publishes your website.

다음 절차는 공식 Netlify Jekyll guide에서 직접 시작됩니다.

에서 Netlify으로 이동하여 필요할 때 계정을 생성합니다.

클릭 New site from Git 새 사이트 추가

은 알림에 따라 연결, 재구매 및 구축을 선택하여 GitHub에 연결합니다.

구축 옵션은 Jekyll의 기본 옵션으로 유지됩니다.

에 당신의 사이트를 설립합니다.지금 Deploy in progress을 보셔야 합니다. 약 1분 후에 새 사이트(사용자 정의 URL이 있음)가 실시간일 것입니다!

Netlify 및 GitHub 페이지

Netlify는 무료 custom domain support, automatic certificate management, handles minify for CSS and JavaScript 등이 있습니다.
analytics 같은 비용 지불 기능은 쿠키를 필요로 하지 않습니다.
만약 더 많은 정보를 알고 싶다면, Netlify의 website에 좋은 비교가 직접 열거되어 있습니다.

결론

Jekyll, GitHub, Netlify를 활용하면 코드 기반 구성의 모든 장점을 얻을 수 있습니다. 당연히 자동 SSL 등 기능을 갖추고 대량의 데이터를 가진 아름다운 사이트를 가지고 있습니다.
플러그인을 사용할 수 있습니다.
나는 네가 이 안내서가 매우 유용하다는 것을 발견하길 바란다.나는 네가 시간을 써서 나의 첫 번째 박문을 읽어 줘서 매우 고맙다.
문제가 있거나 제안이 있는 경우 () 에게 직접 연락하거나 의견을 남겨 주십시오.
이제 나가서 아름다운 사이트를 만들자🏗️

Jekyll, GitHub, Netlify 사용 시작🚀

선결 조건

출신 배경

개요

제킬

설치