saber theme tailsaw

テールソー：セイバーブログのスターターテンプレート

これは、最小限の労力でセイバーで美しいカスタマイズ可能なブログを作成するためのスターターテンプレートです。ジグソーパのブログテンプレートに基づいています。デモを参照してください。

インストール

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

このスターターテンプレートには、一般的なページタイプのサンプルが含まれており、以下で事前に構成されています。

• 完全にレスポンシブなテーマ
• Tailwind CSS、CSSのラインに触れることなくデザインをカスタマイズできるユーティリティCSSフレームワーク
• プリズムを使用した構文の強調表示
• コンテンツを自動的にインデックスする検索バー（ saber-plugin-searchが使用されている場合）
• 進捗バーとページの移行
• カスタム404ページ
• ニュースレターのサインアップを受け入れるためのコンポーネント
• サンプルの連絡先フォーム

近日公開：

• RSSフィードとサイトマップジェネレーター
• 構成オプション

---

コンテンツの追加

さまざまなファイルタイプを使用してコンテンツを書くことができます。コンテンツはpages/_posts/フォルダーにあります。

各コンテンツページの上部には、レンダリング方法を指定するYAMLヘッダーが含まれています。 title属性は、各ページのHTML titleとオープングラフタグを動的に生成するために使用されます。 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/ 。