jekyll netlify boilerplate

Jekyll Netlify Boilerplate

HINWEIS: Schauen Sie sich meine elf netlify -Boilerplate an. Es ist so ziemlich das gleiche wie dieses Projekt, verwendet aber den Eleventy Static Site Generator. Es ist schnell, flexibel und benötigt keinen Ruby.

Eine wirklich einfache Jekyll -Vorlage zum Erstellen einer schnellen, statischen Website auf Netlify mit einem kontinuierlichen Bereitstellungs -Workflow.

Dieses Projekt wird in Netlifys offiziellem Vorlagen -Showcase und Blog: The Top 10 statische Site -Generatoren im Jahr 2018 vorgestellt

• Minimales Styling, bereit, Ihre eigenen zu machen
• Beispiel Blog -Beiträge, Seiten und Kontaktformular
• Responsive CSS -Netzlayout mit Fallbacks für ältere Browser
• Kontinuierlicher Bereitstellungsworkflow über Netlify und GitHub
• Netlify CMS zum Verwalten von Inhalten
• Netlify -Identität zur Authentifizierung von Benutzern
• Netlify -Formulare zur Verarbeitung Ihrer statischen HTML -Formulare mit Recaptcha
• Optionale netlify _redirects and _headers -Dateien, die verwendet werden können
• Jekyll Sass Pipeline
• Minimierte HTML und CSS

Basierend auf der Jekyll + Netlify -CMS -Startervorlage von Netlify finden Sie weitere Informationen zur Bereitstellung und Erstellung von Einstellungen oder um Hilfe beim Einrichten von Netlify.

Für Hilfe bei Vorlagen, lokale Entwicklung und anderen mit Jekyll verwandten Dingen finden Sie die hervorragenden Dokumente von Jekyll.

Demo anzeigen

Leistung

Sie können die TTFB der Demo -Site (Zeit bis zum ersten Byte) unter testMySite.io testen

Erste Schritte

Klicken Sie einfach auf die Schaltfläche Bereitstellung, um Ihre eigene Kopie des an netlify bereitgestellten Repositorys zu erhalten:

Dadurch wird alles eingerichtet, was für das Ausführen des CMS benötigt wird:

• Ein neues Repository in Ihrem Github -Konto mit dem Code
• Vollständige kontinuierliche Bereitstellung zum globalen CDN -Netzwerk von Netlify
• Kontrollieren Sie Benutzer und Zugriff mit Netlify -Identität
• Verwalten Sie Inhalte mit Netlify CMS

Setup -Authentifizierung

Nach der Bereitstellung dieses Projekts fügt Netlify Identity Sie als CMS -Benutzer hinzu und senden Ihnen eine Einladung per E -Mail. Es ist nicht erforderlich, diese Einladung zu akzeptieren, wenn Sie einen OAuth -Anbieter (z. B. GitHub) verwenden möchten, um die Authentifizierung für Ihr CMS zu verwalten. Es wird empfohlen, diese Authentifizierungsmethode zu verwenden, da sie die Notwendigkeit einer E -Mail und eines Passworts zum CMS beseitigt und im Allgemeinen sicherer ist. Sie müssen einen OAuth -Anbieter in Ihre Netlify -App -Einstellungen unter "Einstellungen"> "Identität"> "Externe Anbieter" hinzufügen.

Navigieren Sie anschließend zu /admin auf Ihrer Website, wählen Sie Ihren OAuth -Anbieter aus dem Anmeldefeld aus und Sie sollten dann in Ihr CMS angemeldet werden.

Jetzt sind Sie fertig und können mit dem Bearbeiten von Inhalten beginnen!

HINWEIS: Wenn Sie das Repo, das auf privat erstellt wurde, umschalten, müssen Sie Ihr Token regenerieren, da das Token, das mit der Taste Bereitstellung für Netlify generiert wurde, nur auf öffentliche Repositorys zugreifen kann. Um Ihr Token zu regenerieren, besuchen Sie "Einstellungen" in Ihrem Netlify -Site -Dashboard, wechseln Sie zum Abschnitt "Identität" und scrollen Sie dann zu "Diensten", bei dem Sie eine "Einstellungen bearbeiten" sehen. Klicken Sie auf das und Sie werden einen Textlink sehen, um "Zugriffstoken in GitHub zu generieren".

Lokale Entwicklung

Klonen Sie dieses Repository und rennen Sie:

bundle install
bundle exec jekyll server --watch

Falls Sie Ruby-Bundler nicht installieren möchten, können Sie Docker verwenden:

docker-compose up

Jekyll wird Ihren Projektordner für Änderungen ansehen.

Navigieren Sie nun zu Localhost: 4000, um die Website voranzutreiben, und localhost: 4000/admin, um sich in das CMS anzumelden.

Fehlerberichte, Feature -Anfragen usw.

Dies ist ein laufendes Projekt und ich begrüße Beiträge. Fühlen Sie sich frei, eine PR einzureichen.

Wenn Sie bei der Einrichtung von Netlify CMS Hilfe benötigen, können Sie sich an das Netlify -Team im Netlify CMS Gitter wenden.