saber theme tailsaw

Tailsaw : Saber 블로그 스타터 템플릿

이것은 최소한의 노력으로 Saber에서 아름답고 사용자 정의 가능한 블로그를 만들기위한 스타터 템플릿입니다. Jigsaw의 블로그 템플릿을 기반으로합니다. 데모를 참조하십시오.

설치

yarn add saber-theme-tailsaw

그런 다음 Saber Config 파일에서 :

 theme : tailsaw
plugins :
  - saber-plugin-query-posts
  - saber-plugin-prismjs
  # If you want to enable local search:
  - saber-plugin-search

이 스타터 템플릿에는 공통 페이지 유형의 샘플이 포함되어 있으며 다음과 함께 미리 구성되어 있습니다.

• 완전히 반응하는 테마
• CSS 라인을 만지지 않고 디자인을 사용자 정의 할 수있는 유틸리티 CSS 프레임 워크 인 Tailwind CSS
• 프리즘을 사용한 구문 강조
• 콘텐츠를 자동으로 색인화하는 검색 창 ( saber-plugin-search 사용될 때)
• 진행률 바 및 페이지 전환
• 맞춤 404 페이지
• 뉴스 레터 가입을 수락하기위한 구성 요소
• 샘플 연락 양식

곧 출시 :

• RSS 피드 및 사이트 맵 생성기
• 구성 옵션

---

콘텐츠 추가

다양한 파일 유형을 사용하여 콘텐츠를 작성할 수 있습니다. 귀하의 콘텐츠는 pages/_posts/ 폴더에 있습니다.

각 콘텐츠 페이지의 상단에는 렌더링 방법을 지정하는 Yaml 헤더가 포함되어 있습니다. title 속성은 각 페이지의 HTML title 과 OpenGraph 태그를 동적으로 생성하는 데 사용됩니다. layout 속성은이 컨텐츠 파일이 렌더링 할 부모 레이아웃을 정의합니다 (예 : post theme/layouts/post.vue 와 함께 렌더링).

---
title : First Post
layout : post
date : 2019-04-29
author : Jane
categories :
  - meta
slug : first-post
featured : true
assets :
  cover : ./first-post.png
---

---

자산 추가

상대 위치에 연결하여 게시물에 자산을 쉽게 포함시킬 수 있습니다.

---

사이트 구축

컨텐츠를 사용자 정의하는 방법을 알았으므로 사이트를 구축하겠습니다.

yarn build

건축 된 사이트는 public/ 입니다.