Windows에서 Jekyll과 GitHub Pages로 블로그 만들기

Learn how can you can create & host your own new Blog site for FREE. With high performance and SEO enabled using Jekyll and host them in GitHub Pages. I will use windows machine to demonstrate you please read this article till end.

Windows에서 Devkit과 함께 Ruby 설치

https://rubyinstaller.org/downloads/

Windows에 Jekyll 번들러 설치하기

gem install jekyll bundlergem install tzinfo-data (Windows에서 개발 시 필요)

gem은 종속성을 설치하는 데 도움이 되는 npm과 같습니다.

Windows에서 첫 Jekyll 프로젝트 만들기

열기 cmd c:/windows/sytem32>
그런 다음 아래를 실행하여 프로젝트를 만듭니다.
jekyll new "C:\Full Stack Master\Fullstackmaster COURSES\Blogs\jekyll-blogs"


어떤 구성 요소를 설치해야 합니까? 1번을 누르고 들어가세요

Jekyll 사이트에 Windows용 필수 패키지 설치

Windows에 대한 다른 많은 종속성을 추가해야 합니다. 아래 종속 항목을 다음 항목에 추가하십시오gemfile.

# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
# and associated library.
platforms :mingw, :x64_mingw, :mswin, :jruby do
  gem "tzinfo", "~> 1.2"
  gem "tzinfo-data"
end

# Performance-booster for watching directories on Windows
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]

gem "webrick", "~> 1.7"

프로젝트 루트로 이동



그런 다음 bundle를 실행하여 설치합니다.

Windows에서 첫 번째 Jekyll 프로젝트 제공

운영
bundle exec jekyll serve --trace --incremental

GitHub 저장소 생성

GitHub 페이지에서 무료로 블로그를 호스팅하려면 GitHub에서 자신만의 리포지토리를 만드십시오.



이 저장소에 코드를 푸시합니다.

git remote add origin https://github.com/rupeshtiwari/rupeshtiwari.github.io.git
git branch -M main
git push -u origin main

GitHub에 코드 푸시

GitHub 페이지는 자신의 도메인을 사용할 수 있는 도메인 이름을 변경할 수 있음https://www.rupeshtiwari.com/blog 등learn more

내 코드를 GitHub에 푸시합니다.

GitHub 페이지에서 블로그 사이트 방문

이제 https://rupeshtiwari.github.io/을 방문하면 내 사이트가 실행되고 있음을 알 수 있습니다.

참조

https://www.kiltandcode.com/2020/04/30/how-to-create-a-blog-using-jekyll-and-github-pages-on-windows/


이 기사가 마음에 드셨다면 친구들과 공유해 주시고 저와 공유할 제안이나 생각이 있으시면 댓글 상자에 적어주세요.

풀 스택 개발자 되기 💻

나는 Fullstack Master에서 가르칩니다. 소프트웨어 개발자가 되고 새로운 소프트웨어 엔지니어 또는 수석 개발자/설계자로 캐리어를 성장시키려는 경우. 전체 스택 개발 교육 프로그램에 가입하는 것을 고려하십시오. 많은 코딩 실습을 통해 Angular, RxJS, JavaScript, 시스템 아키텍처 등을 배우게 됩니다. All-Access Monthly 멤버십 플랜이 있으며 모든 비디오 코스, 슬라이드, 소스 코드 다운로드 및 월간 화상 통화에 무제한으로 액세스할 수 있습니다.

현재 및 미래의 Angular, node.js 및 관련 과정에 액세스하려면 All-Access Membership PRO plan을 구독하십시오.

PRO 플랜의 모든 것을 얻으려면 All-Access Membership ELITE plan에 가입하세요. 또한 Rupesh와의 월별 라이브 Q&A 화상 통화에 액세스할 수 있으며 의심/질문을 하고 더 많은 도움말, 팁 및 요령을 얻을 수 있습니다.

You bright future is waiting for you so visit today FullstackMaster and allow me to help you to board on your dream software company as a new Software Developer, Architect or Lead Engineer role.

💖 나에게 👋라고 말해!
루페시 티와리
Fullstack Master의 설립자
이메일: [email protected]
웹사이트: www.rupeshtiwari.com | www.fullstackmaster.net