Jekyll 다운로드 및 설치 튜토리얼: 로컬 컴퓨터에서 처음부터 정적 블로그 웹사이트 구축

이 기사 지킬 下载安装教程,手把手教你✨不用花钱也能拥有自己的博客!

처음부터 정적 블로그 웹사이트를 구축하세요. 초보자라도 쉽게 할 수 있습니다! 복잡하게 생각할 필요가 없습니다웹사이트를 구축, 웹사이트 구축의 수고로움에 작별을 고하고, 몇 분 만에 나만의 전용 블로그를 만들고, 재능과 창의성을 빛나게 하세요! 🚀🎉

지킬은 무엇입니까?

Jekyll 다운로드 및 설치 튜토리얼: 로컬 컴퓨터에서 처음부터 정적 블로그 웹사이트 구축

정적 웹사이트 생성기인 Jekyll은 블로그 웹사이트 구축에 매우 적합합니다.

마크업 언어로 작성된 텍스트를 사용하고 레이아웃을 사용하여 정적 웹사이트를 구축할 수 있습니다.

웹사이트의 모양, URL, 페이지에 표시되는 데이터 등을 수정할 수 있습니다.

Jekyll의 단점은 명백합니다. 데이터베이스를 사용하지 않기 때문에 구축에 전혀 적합하지 않습니다.전자 상거래웹사이트의 종류.

지킬의 장점은 무엇인가요?

  • Jekyll은 사용과 학습이 쉽습니다.
  • Jekyll은 빠르고 안전한 정적 웹사이트를 생성할 수 있습니다.
  • Jekyll에는 수많은 테마와 플러그인이 있습니다.

Jekyll을 사용하려면 어떻게 시작해야 하나요?

  1. 지킬을 설치하세요.
  2. 새로운 지킬 웹사이트를 만드세요.
  3. 지킬 테마를 선택하세요.
  4. 콘텐츠를 추가하세요.
  5. 웹사이트를 미리 보세요.
  6. 웹사이트를 구축하세요.
  7. 部署你的网站:Jekyll静态博客免费部署到Surge.sh

RubyInstaller를 다운로드하여 Jekyll을 설치하세요.

Ruby와 Jekyll을 설치하는 가장 쉬운 방법은 Windows용 RubyInstaller를 사용하는 것입니다.

RubyInstaller는 Ruby 언어, 실행 환경, 중요 문서 등을 포함하는 Windows 기반 독립 설치 프로그램입니다.

여기서는 RubyInstaller-2.4 이상만 다룹니다. 이전 버전에서는 Devkit을 수동으로 설치해야 합니다.

1 단계:Ruby설치 프로그램 다운로드

  • RubyInstaller 다운로드에서 다운로드하여 설치하세요.루비+개발 키트버전.
  • 기본 옵션을 사용하여 설치합니다.

2단계:cmd를 입력하세요

누르기WIN 키 + R 키을 입력한 다음 입력하세요. cmd을 누른 다음 Enter를 누르세요 ▼

2단계: cmd를 입력하고 WIN 키 + R 키를 누른 다음 cmd를 입력하고 Enter를 누릅니다.

3단계:명령 입력을 입력하세요 ridk install설치의 마지막 단계입니다.

  • 이는 기본 확장이 포함된 gem을 설치하는 데 필요합니다.
  • 옵션에서 선택하세요MSYS2 and MINGW development tool chain.
  • 명령 실행 ruby -vgem -v 버전 번호를 확인하여 설치가 성공했는지 확인하세요.

Windows 시작 메뉴를 열고 다음을 찾으세요.Start Command Prompt with Ruby, Ruby 명령줄을 활성화합니다.

4단계:gem 소스를 중국어 소스로 전환하세요

네트워크 연결 및 속도 문제로 인해 gem 업데이트를 고려하기 전에 gem 소스를 중국 소스로 전환하는 것이 좋습니다▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

또는

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

5단계:현재 소스를 확인해보자 ▼

gem sources -l
  • 다음만 있는지 확인하세요. gems.ruby-china.com

6단계:루비 보석 업데이트▼

gem update

7단계:구성품을 설치합니다 ▼

gem install jekyll bundler

8단계:Jekyll이 제대로 설치되었는지 확인하기▼

jekyll -v

로컬 컴퓨터에 Jelly 정적 블로그 웹사이트 구축

1단계:드라이브 문자 변경▼
cmd에 직접 입력d:

2단계:현재 폴더 변경▼

cd d:\Jekyll\

3단계:▼ 다음 명령을 사용하여 새로운 Jekyll 웹사이트를 생성하세요 ▼

jekyll new site1

4단계:프로젝트 디렉토리를 입력하세요▼

cd site1

5단계:지킬 서비스 시작하기▼

jekyll serve

이전--livereload옵션serve소스 파일이 변경될 때마다 자동으로 페이지 새로 고침▼

bundle exec jekyll serve --livereload
  • 웹사이트를 개발할 때 다음을 사용하세요.jekyll servejekyll build
  • 변경할 때마다 브라우저를 강제로 새로 고치려면 다음을 사용하세요.jekyll serve --livereload.
  • jekyll serve내장 사이트 버전_site배포에 적합하지 않습니다.
  • 생성된 사이트의 링크 및 자산 URL을 사용하세요. jekyll serve 사용할 것이다 https://localhost:4000 값은 사이트의 구성 파일이 아닌 명령줄 구성을 통해 설정됩니다.

6단계:방문 http://localhost:4000 프로젝트를 봅니다.

참고 :

  • 파일이 xxx.github .io/blog에 있으면 Github 페이지가 업데이트되지 않을 수 있습니다.
  • 이러한 현상이 나타나는 이유는 GitHub가 Jekyll의 xxx.github .io/_includes만 읽고 blog/_includes에는 깊이 들어가지 않기 때문입니다.
  • 다행히 이 문제는 어려운 문제가 아니어서, GitHub에 Github 페이지를 설정해 놓으면 문제가 즉시 해결됩니다!

명령을 통해 로컬 컴퓨터에 설치된 Jekyll 웹사이트를 삭제하는 방법은 무엇입니까?

다음 명령을 사용하여 로컬에 설치된 Jekyll 웹사이트를 삭제할 수 있습니다.

생성된 파일을 삭제합니다.

1단계:생성된 파일을 지우려면 다음 명령을 실행하세요▼

jekyll clean

2단계:모든 웹사이트 디렉토리 삭제

  • 전체 웹사이트 디렉토리를 완전히 삭제하려면 수동으로 삭제할 수 있습니다. C:/Users/a/myblog 폴더.

지킬 리소스

Jekyll은 정적 웹사이트를 구축하기 위한 간단한 블로그 스타일 프레임워크입니다.

그것은 사용 인하 Liquid 템플릿 언어를 사용하면 아름답고 역동적인 웹사이트를 쉽게 만들 수 있습니다.

자세한 내용은 Jekyll 문서를 참조하세요.

다음은 Jekyll에 관한 유용한 리소스입니다. 이 리소스가 Jekyll을 사용하여 웹사이트를 구축하는 데 도움이 되기를 바랍니다!

희망 첸 웨이량 블로그( https://www.chenweiliang.com/ ) 님이 "Jekyll 다운로드 및 설치 튜토리얼: 로컬 컴퓨터에서 처음부터 정적 블로그 웹사이트 구축"을 공유했는데, 도움이 될 것입니다.

이 기사의 링크를 공유하는 것을 환영합니다:https://www.chenweiliang.com/cwl-31549.html

최신 업데이트를 받으려면 Chen Weiliang 블로그의 Telegram 채널에 오신 것을 환영합니다!

🔔 채널 상위 디렉토리에서 귀중한 "ChatGPT 콘텐츠 마케팅 AI 도구 사용 가이드"를 가장 먼저 받아보세요! 🌟
📚 이 가이드에는 엄청난 가치가 담겨 있습니다. 🌟이것은 흔치 않은 기회입니다. 놓치지 마세요! ⏰⌛💨
당신이 원한다면 공유하고 좋아하십시오!
당신의 공유와 좋아요는 우리의 지속적인 동기 부여입니다!

 

发表 评论

귀하의 이메일 주소는 공개되지 않습니다. 必填 项 已 用 * 标注

맨위로 스크롤