next netlify blog starter

Próximo + Netlify Markdown Blog Starter

Este é um blog de Markdown Next.js (V12+), configurado para que você possa instalar um blog e implantá-lo para netlify!

Comece clicando aqui (isso clonará o repositório e implantará o site):

Ou, se você quiser construí -lo, aqui está uma postagem no blog do tutorial que deve colocá -lo no caminho certo!

O âmago da âmago

Se você quiser trabalhar com este projeto localmente, execute o servidor de desenvolvimento:

npm run dev
# or
yarn dev

Abra http: // localhost: 3000 com seu navegador para ver o resultado.

Se você quiser escrever uma nova postagem no blog, escreva -a no Markdown no diretório posts .

Opções de instalação

Opção Um: Implantação de um clique

Opção dois: clone manual

1. Clone este repositório: git clone https://github.com/cassidoo/next-netlify-blog-starter
2. Navegue até o diretório e execute npm run dev
3. Faça suas alterações
4. Conecte -se ao netlify manualmente (o arquivo netlify.toml é o que você precisa para garantir que as permanecem intactas para garantir que a exportação seja feita e aponte para as coisas certas)

Estilo

Estão incluídos alguns estilos básicos com Styled-JSX, que é incluído fora da caixa com o Next.JS. Também há suporte de suporte SASS e suporte ao módulo CSS, se você preferir usá-los.

A fonte usada é inter.

Imagens de heróis

Você pode incluir uma imagem de herói opcional em suas postagens. Coloque as imagens em public/static/ e depois inclua no seu blog .md como assim:

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

Consulte demo-post-1.md para um exemplo disso.