Poole과 함께 5 분 안에 Jekyll 블로그 설정
최근에는 복잡한 데이터베이스 중심의 웹 사이트에서 간단한 포트폴리오 사이트 나 블로그와 같이 실현 가능한 경우 더 간단하고 정적 사이트로 돌아가는 것이있었습니다.
-
jekyll이 설치되면 명령 줄에서 작동하도록 할 수 있습니다. Process Markdown과 같은 작업을 수행 할 수 있으며 정적 사이트를 생성하기 때문에 로컬로 진행 상황을 쉽게보고 GitHub 페이지와 같은 정적 웹 서버에서 사이트를 호스팅 할 수 있습니다. Jekyll 설치 먼저 시스템에 jekyll을 설치해야합니다. Mac의 경우 터미널에서 다음 명령을 실행하여 jekyll을 설치하십시오. 이것은 모든 Jekyll의 GEM 종속성을 자동으로 설치합니다. 설치 중에 갇히면 Jekyll의 공식 웹 사이트에서 문제 해결 페이지를 확인하거나 Github에 문제를 제기하십시오. Jekyll은 공식적으로 Windows에서 지원되지 않지만 약간의 조정으로 실행할 수 있습니다. Jekyll 웹 사이트의 Windows 페이지에서 Jekyll 또는 Julian Thilo 의이 안내서를 참조하십시오. POOLE 및 첫 번째 서버 Raw Jekyll 테마로 시작하는 대신 Poole을 사용합시다. 그것은 Mark Otto에 의해 만들어졌으며 이것이 그가 그것을 묘사하는 방법입니다 : .
Poole은 정적 사이트 생성기 인 Jekyll의 집사입니다. @MDO가 Jekyll 사이트에 명확하고 간결한 기초 설정을 제공하기 위해 설계 및 개발했습니다. 예제 템플릿, 페이지, 게시물 및 스타일과 함께 전체 바닐라 Jekyll 설치를 제공합니다. 여기에서 기본 버전을 볼 수 있습니다. 최소한의 블로그에는 매우 좋지만 Hyde와 Lanyon이라는 두 가지 테마가 마음에 듭니다. 데모 블로그를 구축하기 위해 Hyde를 사용해 봅시다. Hyde의 설정을 받으려면 Github 페이지로 이동하여 저장소를 다운로드하십시오. 선택한 폴더에 넣고 터미널로 향하십시오. 데스크탑에 보관한다고 가정 해 봅시다. 다음 명령을 실행하여 해당 디렉토리로 이동하고 서버를 시작하십시오. jekyll serve 명령은 브라우저에서 생성 된 사이트를 로컬로 미리 볼 수있는 개발 서버를 시작합니다. 내가 의미하는 바를 이해하려면 브라우저에서 새 탭을 열고 다음을 입력하십시오 : http : // localhost : 4000. 모든 것을 올바르게 따랐다면 새로 태어난 블로그를 찾을 수 있습니다. 새 게시물 추가 방금 다운로드 한 하이드 마스터 저장소에는 _layouts, _posts 및 _includes와 같은 많은 폴더가 포함되어 있습니다. 그러나 블로그의 게시물을 관리하려면 _posts를 관리하려는 경우 폴더가 하나만 있습니다. Markdown 형식의 모든 게시물이 포함되어 있습니다 새 블로그 게시물을 추가하려면 마크 다운 파일을 _posts 폴더에 배치하십시오. 마크 다운 파일에 상단에 다음 (Yaml Front Matter)이 포함되어 있는지 확인하십시오. 이것은 Jekyll에게 게시물을 추가한다고 말할 것입니다. (의심이없는 경우 _posts 폴더의 샘플 게시물을 확인하십시오.) jekyll을 터미널에서 다시 실행하면 http : // localhost : 4000. 를 열면 블로그에서 새 게시물을 찾을 수 있습니다. 블로그의 적절한 구축을 보장하기 위해 Jekyll 은이 명명 컨벤션을 요구합니다. 연도는 4 자리 숫자이며, 월과 일은 모두 2 자리 숫자이며, 마크 업은 파일에 사용 된 형식 (우리의 경우 MD)을 나타내는 파일 확장자입니다. 예를 들어, 첫 번째 게시물의 이름은 2015-03-29-my-first-post.md. 로 명명 될 수 있습니다 블로그 게시 위의 단계를 따르고 자신의 게시물 중 일부를 추가 한 후에는 새로운 블로그를 세계에 보여줄 준비가되었습니다. 파일을 많은 웹 호스트에 게시 할 수 있지만 Github는 Github 페이지를 통해 정적 Jekyll 사이트를 호스팅하기가 매우 쉽고 무료로 만들었습니다. Github 계정 만 있으면됩니다 github로 밀기 전에 몇 가지 변경을하겠습니다config.yml 파일에서 <..> 제목 변경, 태그 라인, 설명 github 및 저자의 개인 정보에 대한 저자. URL을 your_github_username.github.io로 변경하십시오 위의 변경 사항을 변경하고 저장소 your_github_username.github.io를 작성하고 모든 파일을 데스크탑에서 해당 리포지토리로 이동하십시오. <_> 브라우저에서 your_github_username.github.io를 열면 새 블로그를 찾을 수 있습니다. 주목할 중요한 점 : 새 게시물을 리포지토리에 추가하려면 약간의 git을 알아야합니다. 명령 줄이 당신의 것이 아니라면, Mac 용 Github와 같은 많은 도구가있어 GIT와 쉽게 작업 할 수 있습니다. 어느 쪽이든, 게시물을 저장소에 추가하면 Github 페이지가 나머지를 처리합니다. - 추가 읽기 이 게시물은 Jekyll을 시작하는 것에 관한 것이었지만 배우기 위해 시간을 보내려면 할 수있는 일이 많이 있습니다. Jekyll과 Git을 조금 더 잘 이해하는 데 유용한 다음 자료를 찾을 수 있습니다.
-
Jekyll에 대한 소개 - Johan Ronsee의 좋은 설명
Git 및 Github의 기본 - 공식 Github YouTube 채널에서 의 기본 사항
15 분 안에 git 기본 사항을 배우십시오 - 코드 스쿨의 대화 형 튜토리얼.
Jekyll 문서 - 매우 깔끔하고 포인트 문서 이 기사가 유용하다는 것을 알았기를 바랍니다. 위에서 언급 한 단계를 사용하여 블로그를 작성하고 어디서나 고착하려는 경우 아래 의견에 질문을하십시오. 나는 거기에서 활동할 것입니다. Poole 와 함께 5 분 안에 Jekyll 블로그 설정에 대해 자주 묻는 질문 (FAQ) jekyll이란 무엇이며 블로그에 사용해야하는 이유는 무엇입니까? jekyll 및 poole을 설치하려면 어떻게합니까? 룩을 사용자 정의하는 방법을 자동으로 처리합니다. 그리고 내 Jekyll 블로그의 느낌?
당신은 스타일 시트와 레이아웃 파일을 _layouts 및 _sass 디렉토리. CSS 디렉토리에 자신의 스타일 시트를 추가 할 수도 있습니다.
github에서 jekyll 블로그를 어떻게 호스팅합니까?Jekyll 블로그를 어떻게 업데이트합니까?
Jekyll 블로그 업데이트는 파일을 변경하고 GitHub 저장소로 밀어 넣는 것만 큼 간단합니다. Jekyll은 변경할 때마다 사이트를 자동으로 재 구축합니다. 다른 언어와 함께 jekyll을 사용할 수 있습니까?
예, Jekyll은 여러 언어를 지원합니다. _config.yml 파일에서 귀하의 사이트 언어를 구성 할 수 있고 Jekyll은 나머지를 처리합니다.
내 Jekyll 블로그에 이미지를 추가하려면 어떻게해야합니까? Jekyll에 이미지를 추가 할 수 있습니다. 블로그는 이미지 디렉토리에 배치하고 적절한 마크 다운 또는 HTML 구문을 사용하여 게시물이나 페이지에 참조하여 블로그를 사용하여 플러그인을 사용할 수 있습니까? jekyll?예, Jekyll은 기능을 확장 할 수있는 광범위한 플러그인을 지원합니다. Gemfile 및 _config.yml 파일에 추가하여 플러그인을 설치 한 다음 번들 설치 명령을 실행하여 설치할 수 있습니다.
위 내용은 Poole과 함께 5 분 안에 Jekyll 블로그 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 GO 기반 네트워크 취약점 스캐너는 잠재적 보안 약점을 효율적으로 식별합니다. 속도를 위해 Go의 동시성 기능을 활용하고 서비스 감지 및 취약성 일치를 포함합니다. 그 능력과 윤리를 탐색합시다

CNCF (Cloud Native Computing Foundation), Ampere Computing, Equinix Metal 및 Actuated 간의 공동 작업 인이 파일럿 프로그램은 CNCF Github 프로젝트를위한 ARM64 CI/CD를 간소화합니다. 이 이니셔티브는 보안 문제 및 성과를 다룹니다

이 튜토리얼은 AWS 서비스를 사용하여 서버리스 이미지 처리 파이프 라인을 구축함으로써 안내합니다. ECS Fargate 클러스터에 배포 된 Next.js Frontend를 만들어 API 게이트웨이, Lambda 기능, S3 버킷 및 DynamoDB와 상호 작용합니다. th

이 최고의 개발자 뉴스 레터와 함께 최신 기술 트렌드에 대해 정보를 얻으십시오! 이 선별 된 목록은 AI 애호가부터 노련한 백엔드 및 프론트 엔드 개발자에 이르기까지 모든 사람에게 무언가를 제공합니다. 즐겨 찾기를 선택하고 Rel을 검색하는 데 시간을 절약하십시오
