jbake future imperfect template 다운로드 - jbake future imperfect template 소스 코드 다운로드

jbake future imperfect template

기타 카테고리

1.0.0

다운로드

JBake 미래 불완전 템플릿

JBake 2.6.5와 호환 가능

Future Imperfect는 HTML5 UP의 테마를 기반으로 합니다. Julio Pescador는 이를 SSG 웹사이트용으로 포팅했습니다. 여기서는 JBake에 맞게 조정되었습니다.

JBake 미래 불완전 블로그

실제 사례는 여기에서 볼 수 있습니다.

시작하기

먼저 여기 지침에 따라 JBake를 설치했는지 확인하세요.

JBake가 있으면 ' awesome-jbake '라는 사이트를 생성한다고 가정하고 터미널/명령 창에서 아래 명령을 실행합니다.

 >> mkdir awesome-jbake

>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake

>> cd awesome-jbake && ls -ltr

거기에 이 repo 파일이 표시되어야 합니다. 이 구조를 이해하려면 JBake 2.5.1 설명서를 확인하세요.

실제 동작을 보려면 awesome-jbake 폴더에서 jbake -b -s 실행하세요. 몇 초 안에 귀하의 사이트가 http://localhost:8820/에 활성화될 것이며 브라우저에서 방문할 수 있습니다.

jbake.properties 구성

템플릿의 모든 내용은 jbake.properties 파일의 구성 매개변수에 의해 구동됩니다. 최소한으로 필요한 속성 집합이 이미 포함되어 있으므로 모든 속성을 파일에 유지하고 필요에 따라 값을 수정하세요.

JBake는 이러한 속성보다 더 많은 속성을 지원하며 JBake 설명서를 참조할 수 있습니다.

일부 템플릿 기능은 아래에 설명되어 있습니다.

Disqus 댓글

템플릿은 게시물에 Disqus 댓글 추가를 지원합니다. 활성화하려면 jbake.properties에 disqus 단축 이름을 추가하세요.

site.disqus.shortname={yourdisqus}

구글애널리틱스

템플릿을 사용하면 페이지 보기를 캡처할 수 있습니다. 이를 활성화하려면 jbake.properties에 GA 추적 ID를 추가하기만 하면 됩니다.

site.google.trackingid={ga.trackingid}

예상 독서 시간

jbake.properties에서 site.includeReadTiem=true 설정하여 게시물에 대한 예상 읽기 시간을 활성화할 수 있습니다. 이 독서 시간은 이 독서 시간 자바스크립트 라이브러리를 사용하여 계산됩니다.

사이트 메인 메뉴

사이트의 상단 기본 메뉴는 jbake.properties에서 제어할 수 있습니다.

 site.menus.main = home, archive, about, rss
# To add menus, for every menuitem in site.menus.main, add three properties in below pattern
# site.menus.{menuitem}.home.label=Home
# site.menus.{menuitem}.home.url=/
# site.menus.{menuitem}.home.icon=fa fa-home

site.menus.main.home.label =Home
site.menus.main.home.url =/
site.menus.main.home.icon =fa fa-home

site.menus.main 의 각 메뉴 항목에 대한 레이블, URL 및 아이콘 속성을 정의해야 합니다.

소셜 링크

sidebar.social.* 속성에 대한 소셜 핸들러를 추가하여 소셜 링크를 제어할 수 있습니다.

GitHub에 대한 404 페이지를 찾을 수 없습니다.

Github에서 정적 사이트를 호스팅하는 경우 Github에서는 404 오류 페이지를 설정할 수 있습니다. 콘텐츠 폴더에는 '페이지' 유형의 404.html이라는 파일이 있습니다(즉, 페이지 템플릿으로 렌더링됩니다). 필요한 경우 이 파일 내용을 수정할 수 있지만 기본적으로 포함된 내용도 보기 좋습니다 :). 이 파일은 Github 페이지의 루트 디렉터리에 렌더링되도록 콘텐츠 폴더의 루트에 있어야 합니다 . 나머지는 사용자가 존재하지 않는 URL을 시도할 때 Github에서 이 파일을 표시하도록 처리됩니다.

피드

JSON 피드

이 템플릿은 기본적으로 JSON 피드를 생성합니다. 이와 관련된 구성은 다음과 같습니다.

 site.menus.main.rss.label =Subscribe
# # change below url to feed.xml for tradional RSS Feed
site.menus.main.rss.url =feed.json
site.menus.main.rss.icon =fa fa-rss

# # Commnet below two properties to generate, tradional XML RSS feed.
feed.file =feed.json
template.feed.file =feed-json.ftl