cd moonwalk
bin/bootstrap
_config.yml
파일에 publish_token
추가하십시오.Windows에 Moonwalk를 설치하는 경우 Ruby 3.1.x 대신 Ruby 3.0.x를 사용해야 할 수도 있습니다. 여기에서 Windows 특정 설치 지침을 볼 수 있습니다.
bin/start
개발 서버는 http://127.0.1:4000에서 시작됩니다
Moonwalk는 모든 클라우드 제공 업체 (AWS 등)와 Netlify & Vercel과 같은 정적 웹 사이트 호스팅 서비스에 쉽게 배포 할 수 있습니다. 이 버튼을 사용하여 한 번의 클릭 배포를 수행 할 수도 있습니다.
Moonwalk를 보석으로 사용하거나 Github 페이지를 사용하려면이 페이지를 참조하십시오.
_config.yml
파일을 편집하여 블로그를 사용자 정의 할 수 있습니다. 블로그 이름, 저자, 테마의 외관 (빛, 어두운 또는 자동), 날짜가 형식화되는 방법 등과 같은 것을 변경할 수 있습니다. 사용자 정의 가능한 필드는 이해하기 위해 간단해야합니다. 그럼에도 불구하고 _config.yml
에는 각 필드가하는 일을 이해하는 데 도움이되는 몇 가지 의견이 포함되어 있습니다.
추가 사용자 정의 (예 : 레이아웃, CSS)는 GEM 기반 테마 사용자 정의에 관한 공식 Jekyll의 문서를 참조하십시오.
홈페이지에서 항목을 추가/편집/삭제하려면 home.yml
파일을 _data
폴더 내부에서 복사 할 수 있습니다. 이 파일을 통해 메뉴의 구조를 정의하고 Navbar, 바닥 글, 포트폴리오에 대한 데이터를 추가하거나 간단히 제거하고 간단한 블로그 레이아웃을 사용할 수 있습니다. 기본 구성을 살펴보면 어떻게 작동하는지에 대한 아이디어를 얻고보다 포괄적 인 설명을 읽으십시오.
home.yml
파일은 다음 필드를 수락합니다.
entries
메뉴 항목이 포함 된 새로 지정되지 않은 목록을 정의합니다.-
title
, 해당 메뉴 항목을 위해 렌더링 할 텍스트를 정의합니다.url
또는 false
일 수 있습니다. 그것이 false
인 경우, 항목은 일반 텍스트로 렌더링됩니다. 그렇지 않으면 항목이 지정된 URL을 가리키는 링크로 렌더링됩니다. URL은 상대적이거나 절대적 일 수 있습니다.post_list
, which can be true
or false
. 사실이라면 항목에는 사이트의 모든 게시물이 서브 엔트리로 표시됩니다. 게시물 목록을 렌더링하는 데 사용됩니다.entries
, 예, 항목 내부에 항목을 가질 수 있습니다. 이런 식으로 중첩 된 하위 목록을 만들 수 있습니다!_data/home.yml
파일의 project_entries
참조하십시오-
title
카드의 헤더를 정의합니다desc
카드의 본문입니다url
카드가 가리킬 수있는 상대적 또는 절대 링크입니다.highlight
강조하시는 경우 텍스트를 짧게 유지하십시오.data/home.yml
파일의 navbar_entries
및 footer_entries
참조하십시오-
title
카드의 헤더를 정의합니다url
카드가 가리킬 수있는 상대적 또는 절대 링크입니다.index.md
파일을 변경하여 홈 또는 블로그 레이아웃을 사용할 수 있습니다. html {
--bg : # fff ;
--bg-secondary : # f3f4f6 ;
--headings : # 1e293b ;
--text : # 374151 ;
--text-secondary : # 6b7280 ;
--links : # 6366f1 ;
--highlight : # ffecb2 ; // light yellow
--code-text : # 9d174d ;
}
@mixin dark-appearance {
html , body {
--headings : # 74c0fc ;
--links : # 91a7ff ;
--highlight : # 41c7c7 ;
--bg : # 1f242a ;
--bg-secondary : # 323945 ;
--text : # adb5bd ;
--text-secondary : # 9ca3af ;
--code-text : # 91a7ff ;
};
}
_config.yml
파일에 publish_token
추가하십시오. 이와 함께, 각 페이지는 소셜 미디어에 대한 버튼 및 자동 생성 공유 이미지와 같은 짧은 URL을 가져옵니다. https://github.com/abhinavs/moonwalk (https://github.com/abhinavs/moonwalk)에서 버그 보고서 및 풀 요청을 환영합니다.
이 테마를 개발하기 위해 환경을 설정하려면 bundle install
실행하십시오.
당신의 테마는 일반적인 Jekyll 사이트처럼 설정됩니다! 테마를 테스트하려면 bundle exec jekyll serve
실행하고 http://localhost:4000
에서 브라우저를 열십시오. 이것은 테마를 사용하여 Jekyll 서버를 시작합니다. 테마의 내용을 테스트하기 위해 Page, Documents, Data 등을 추가하십시오. 테마와 콘텐츠를 수정하면 사이트가 재생되며 정상과 마찬가지로 새로 고침 후 브라우저의 변경 사항이 표시됩니다.
테마가 공개되면 _layouts
, _includes
, _sass
및 git로 추적 된 assets
의 파일 만 번들로 제공됩니다. Theme-Gem에 사용자 정의 디렉토리를 추가하려면 moonwalk.gemspec
에서 regexp를 편집하십시오.
이 테마의 원래 기지는 스타일이 아닙니다! Riccardo Graziosi가 만든 테마 - CSS가 거의없는 멋진 테마를 만들어 주셔서 감사합니다.
테마는 MIT 라이센스의 조건에 따라 오픈 소스로 제공됩니다.
Moonwalk를 좋아한다면 다른 프로젝트를 확인하십시오.
내 블로그에서 나에 대해 더 많이 읽거나 트위터에서 나를 팔로우 할 수 있습니다 - @abhinav
짐 내 일이 마음에 들면 커피를 살 수있어