nextjs netlify blog template
1.0.0
Next.js Blogging -Vorlage für Netlify ist eine Kesselplatte zum Erstellen von Blogs mit nur Netlify -Stapeln.
Es gibt einige Kesselplatten oder Tutorials für die Kombination von Next.js und Netlify auf GitHub. Diese Ressourcen haben Dokumentation und ein gutes Tutorial für den Einstieg als nächstes. Js und Netlify schnell, aber sie sind zu einfach, um Blogs mit Standardfunktionen wie Tagging zu erstellen.
Next.js Blogging -Vorlage für Netlify hat diese Standardfunktionen bereits für das Erstellen von Blogs mit nur Next.js und Netlify -Stacks implementiert.
Bereitstellen Sie in Ihrer Umgebung, indem Sie hier klicken:
Oder greifen Sie auf die folgende Demo -Site zu:
Next.js Blog -Vorlage für Netlify
Um Ihr Blog mit der Vorlage zu erstellen, öffnen Sie Ihr Terminal, cd in dem Verzeichnis, in dem Sie die App erstellen möchten, und führen Sie den folgenden Befehl aus:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
Richten Sie Ihr Projekt danach so ein, dass Sie dem Netlify -Blog folgen:
Eine Schritt-für-Schritt-Anleitung: Bereitstellung auf Netlify
Diese Vorlage ist nur eine Vorlage und eine Kesselplatte, in der Benutzer alles anpassen können, nachdem das Projekt geklont und gestartet wurde. In den folgenden Anweisungen werden gemeinsame Anpassungspunkte wie das Hinzufügen neuer Metadaten oder das Anwenden eines neuen Designthemas eingeführt.
Alle mit dem Blog bezogenen Quellcodes befinden sich im Verzeichnis von Komponenten und Seiten. Sie können es frei ändern, wenn Sie Ihr Designthema anwenden möchten. Alle Komponenten verwenden Styled-JSX und CSS-Modules, um ihre Stile zu definieren. Sie können jedoch alle Styling-Bibliotheken für die Gestaltung Ihres Themas auswählen.
Der Verzeichnisbaum, der den Blog -Quellcode enthält, wird unten beschrieben:
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
Die Kategorie -Metadaten, die mit Inhalten assoziiert, haben die gleiche Beziehung zu den Autoren. Verweisen Sie dann auf diese Implementierungen zum Hinzufügen neuer Metadaten:
Sie haben verstanden, dass sie vier Schritte haben, um die Kategorie -Metadaten zu Ihrem Projekt hinzuzufügen, nachdem Sie die oben genannten Quellcodes gelesen haben:
categories.yml im Meta -VerzeichnisEs ist alles, was Sie tun müssen. Danach können Sie jederzeit auf Netlify CMS zugreifen und neue Kategorien erstellen.
Änderung von config.yml und index.html im öffentlichen/admin -Verzeichnis wie folgende Anweisungen:
Netlify CMS - Konfigurationsoptionen #locale
MIT
