next netlify blog starter

NEXT + NetLify MarkDownブログのスターター

これは軽量のNext.JS（V12+）MarkDownブログで、[ブログを1つ]インストールして展開してNetLifyを展開できます。

ここをクリックして開始します（これにより、リポジトリをクローンしてサイトを展開します）：

または、自分で構築したい場合は、正しい軌道に乗るべきチュートリアルブログ投稿をご紹介します。

ニッティ・グラティ

このプロジェクトをローカルで作業したい場合は、開発サーバーを実行します。

npm run dev
# or
yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

新しいブログ投稿を書きたい場合は、 postsディレクトリのMarkdownに書いてください。

インストールオプション

オプション1：ワンクリック展開

オプション2：手動クローン

1. このレポをクローンする： git clone https://github.com/cassidoo/next-netlify-blog-starter
2. ディレクトリに移動し、 npm run devを実行します
3. 変更を加えてください
4. Netlifyに手動で接続します（ netlify.tomlファイルは、エクスポートが完了し、正しいものを指していることを確認するために無傷のままにするために必要なファイルです）

スタイリング

styled-jsxの基本的なスタイルが含まれています。それらを使用したい場合は、組み込みのSASSサポートとCSSモジュールサポートもあります。

使用されるフォントはInterです。

ヒーローイメージ

投稿にオプションのヒーローイメージを含めることができます。画像をpublic/static/に入れてから、ブログに含める.mdファイルを次のようにします。

 ---
title: 'Post title'
author: 'Post author'
date: '2020-04-27'
hero_image: ../static/example.jpg
---

この例については、 demo-post-1.md参照してください。