saber theme tailsaw

Хвоста: стартовый шаблон блога сабли

Это стартовый шаблон для создания красивого, настраиваемого блога в Sabre с минимальными усилиями. Он основан на шаблоне блога для Jigsaw. Смотрите демо.

Установка

yarn add saber-theme-tailsaw

Затем в вашем файле конфигурации Sabre:

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

Этот шаблон стартера включает в себя образцы общих типов страниц и поставляется предварительно сфигурировано:

• Полностью отзывчивая тема
• Tailwind CSS, утилита CSS Framework, которая позволяет настроить ваш дизайн, не касаясь линии CSS
• Синтаксис подсветка с использованием призмы
• Строка поиска, которая автоматически индексирует ваш контент (когда используется saber-plugin-search )
• Прогресс и переход страниц
• Пользовательская страница 404
• Компонент для принятия регистрации рассылки
• Образец контактной формы

Вскоре:

• RSS -канал и генератор карты сайта
• Параметры конфигурации

---

Добавление контента

Вы можете написать свой контент, используя различные типы файлов. Ваш контент расположен на pages/_posts/ папки.

Верхняя часть каждой страницы содержимого содержит заголовок YAML, который указывает, как его следует отображать. Атрибут title используется для динамического генерации title HTML и тегов 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/ .