virtuacon jekyll boilerplate

Jekyll Boilerplate

Suchoptimierte Jekyll Static Site Boilerplate. Enthält grundlegende Seiten und Postlayouts, ein JSON-LD-Schema für Webseite, BlogPosting, eine Sitemap.xml-Datei, Blog-Feed- und Frontmatter-Fields-Mapping auf On-Page-Metadaten head.html Markup.

Dieses Repository begleitet eine Live -Präsentation von Virtuacon am 15. Mai 2020.

Schauen Sie sich das Video, andere Präsentationsgüter an und lesen Sie den dazugehörigen Blog -Beitrag.

• Einfache und anpassbare Komponenten und Layouts
• Quick Setup und Verwaltung über die Konfigurationsdatei
• Leichte, leistungsfähige Layouts für Seiten und Beiträge
  • Dies ist eine Kesselplatte mit sehr wenig Fokus auf Design/Styling
  • Verwendet Tachyons CSS Framework und Normalize.css
• Einfache, seitenweite Google Analytics (über Google Tag Manager) Setup
• Suchmaschinenfreundlich - optimierte Metadaten, Schema -Markup und mehr
• Social Sharing -Metadaten für Twitter, Facebook und mehr
• Sitemap.xml, XML -Feed von Posts und 404 Seite

---

• Installation
• Bereitstellung
• Ressourcen

Installation

Als Gabel

1. Fork das Repo

• Wie bereits erwähnt, können Sie Dinge direkt auf Github.com aktualisieren/bearbeiten oder weitermachen, um lokal auszuführen

2. Klonen Sie das Repo aus Ihrem Terminal mit $ git clone [email protected]:username/reponame.git
3. $ bundle install $ gem install bundler
4. Führen Sie Jekyll lokal mit $ bundle exec jekyll serve aus

Sie können die Website auch mit Docker ausführen, ähnlich wie diese Methode.

Bereitstellung

Um eine Website sofort mit Netlify live zu erhalten, können Sie mit dem folgenden Schaltfläche beginnen:

Checkliste :

1. Ersetzen Sie https://example.com durch Ihre Domain in _config.yml und robots.txt -Dateien

• Dadurch werden Crawlers, die die Datei robots.txt auf den richtigen Sitemap -Pfad schlagen, sowie aktualisiert rel="canonical" und andere {{site.url}} Referenzen in diesem Repository

2. Ändern Sie den Standortnamen oder richten Sie die benutzerdefinierte Domain in Netlify ein

• Alle optionalen - Wenn Sie nur *.netlify.app testen
• Verwenden Sie externe DNS -Anbieter, stellen Sie diese Site auf einer Subdomain auf Ihrer vorhandenen Domain bereit oder verwenden Sie Netlify DNS und registrieren Sie sogar eine Domäne auf Netlify

3. Aktualisieren Sie andere Site -Optionen und Informationen in _config.yml
4. Fügen Sie Ihre Google Analytics-ID in Konfiguration hinzu google_tracking_id und Google Tag Manager-Container-ID in _includes/misc/ga-gtm.txt und _includes/gtm-body.html

Von dort aus können Sie Inhalte von Index- und Blog -Seiten, dem "Hello World" -Post, löschen/aktualisieren, und kennen Sie sich mit Markdown, wenn Sie es nicht noch nicht sind.

Dies ist nur eine Bereitstellungsoption für diese Jekyll Starter -Site, einige weitere großartige Optionen zum Erstellen und Bereitstellen statischer Websites umfassen Cloudflare, Github -Seiten und mehr.

Ressourcen

Schauen Sie sich diese Ressourcen für Hilfe bei der Bereitstellung von Jekyll -Websites im Allgemeinen an.

• Bereitstellen Sie Jekyll in NetLify ein (kann direkt zum Abschnitt "Verbindung zu netlify herstellen" überspringen).
• Stellen Sie Jekyll auf Github -Seiten ein

Scott Mathson https://scottmathson.com/ | Scottmathson auf Github | Scottmathson auf Twitter, Mathson Design, LLC

---

Lizenz

Copyright (C) 2020 Mathson Design, LLC und Scott Mathson

Die Erlaubnis, diese Software zu verwenden, zu kopieren, zu ändern und/oder zu verteilen, wird hiermit gewährt, vorausgesetzt, die oben genannte Copyright -Mitteilung und diese Berechtigungsbekanntmachung erscheint in allen Kopien.

Die Software wird "wie es ist" bereitgestellt, und der Autor lehnt alle Garantien in Bezug auf diese Software ab, einschließlich aller impliziten Garantien für Handelsfähigkeit und Fitness. In keinem Fall haftet der Autor für besondere, direkte, indirekte oder Folgeschäden oder Schäden, die sich aus dem Verlust von Nutzung, Daten oder Gewinnen ergeben, sei Im Zusammenhang mit der Verwendung oder Leistung dieser Software.