next netlify blog starter

Next + NetLify Starter Blog Blog

Это легкий блог Next.js (v12+), настроенный, чтобы вы могли использовать один щелчок в блоге и развернуть его в NetLify!

Начните, нажав здесь (это будет клонировать репо и развернуть сайт):

Или, если вы хотите построить его самостоятельно, вот учебное сообщение в блоге, которое должно привести вас на правильный путь!

Придухание

Если вы хотите работать с этим проектом локально, запустите сервер разработки:

npm run dev
# or
yarn dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Если вы хотите написать новое сообщение в блоге, напишите его в Darkdown в каталоге posts .

Параметры установки

Вариант первый: развертывание одного клика

Второй вариант: ручный клон

1. Клонировать это репо: git clone https://github.com/cassidoo/next-netlify-blog-starter
2. Перейдите к каталогу и запустите npm run dev
3. Внесите свои изменения
4. Подключитесь к NetLify вручную (файл netlify.toml - это тот, который вам понадобится, чтобы убедиться, что остается нетронутым, чтобы убедиться, что экспорт выполнен, и указан на нужные вещи)

Стиль

Включены некоторые основные стили со стилем JSX, которые включены из коробки с next.js. Есть также встроенная поддержка SASS и поддержка модулей CSS, если вы предпочитаете их использовать.

Используемый шрифт интернет.

Герой изображения

Вы можете включить дополнительное изображение героя в свои посты. Поместите изображения в public/static/ , а затем включите в свой блог .md файл так:

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

См. demo-post-1.md для примера этого.