next netlify blog starter

NEXT + NETLIFY MARKDOWN -Blog -Starter

Dies ist ein leichter NEXT.JS (V12+) -Markdown-Blog, das so konfiguriert ist, dass Sie ein Blog einklicken und es für Netlify bereitstellen können!

Erstellen Sie hier, um hier zu klicken (dies wird das Repo klonen und die Site bereitstellen):

Oder wenn Sie es selbst bauen möchten, finden Sie hier einen Tutorial -Blog -Beitrag, der Sie auf den richtigen Weg bringen sollte!

Die Nitty ty gritty

Wenn Sie vor Ort mit diesem Projekt arbeiten möchten, führen Sie den Entwicklungsserver aus:

npm run dev
# or
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Wenn Sie einen neuen Blog -Beitrag schreiben möchten, schreiben Sie ihn in Markdown in das posts -Verzeichnis.

Installationsoptionen

Option Eins: One-Click-Bereitstellung

Option zwei: Handueller Klon

1. Klon dieses Repo: git clone https://github.com/cassidoo/next-netlify-blog-starter
2. Navigieren Sie zum Verzeichnis und führen Sie npm run dev aus
3. Nehmen Sie Ihre Änderungen vor
4. Manuell eine Verbindung zu Netlify herstellen (die Datei netlify.toml ist diejenige, die Sie für intakt bleiben müssen, um sicherzustellen, dass der Export durchgeführt und auf die richtigen Dinge hingewiesen wird).

Styling

Enthält einige grundlegende Stile mit gestylerischem JSX, die mit Next.js. Es gibt auch eingebaute SASS-Support- und CSS-Modulunterstützung, wenn Sie diese lieber verwenden möchten.

Die verwendete Schriftart ist inter.

Heldenbilder

Sie können ein optionales Heldenbild in Ihre Beiträge einbeziehen. Geben Sie die Bilder in public/static/ ein und fügen Sie dann in Ihre Blog .md -Datei wie SO auf:

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

Ein Beispiel dafür finden Sie unter demo-post-1.md .