
    
    
    
        
                
    
    
        
                
    
    
        
            
{"version":"https:\/\/jsonfeed.org\/version\/1","title":"Hadron","home_page_url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton","feed_url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton.json","description":"Hadron is a Grav theme and skeleton that serves as a template for beginners to create websites and webshops, but can also be used by professionals as a foundation for complex projects.","author":{"name":"Crabston GmbH"},"items":[{"title":"Einleitung | Hadron Skeleton","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/einleitung","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/einleitung","content_html":"<body><div class=\"notices blue\">\n<p>Diese Seite enth\u00e4lt eine Einf\u00fchrung in das Hadron Skeleton und zeigt die M\u00f6glichkeiten und Funktionen auf.<\/p>\n<\/div>\n\n<h2 id=\"einleitung\"><a href=\"#einleitung\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Einleitung<\/h2>\n<p>Das Hadron Skeleton ist eine fertige Vorlage f\u00fcr eine Website, die direkt bearbeitet und ver\u00f6ffentlicht werden kann. Es enth\u00e4lt alle notwendigen Seiten, Konfigurationen, Plugins und Themes, um eine Website mit Grav zu erstellen. Das Hadron Skeleton basiert auf dem Hadron Theme und bietet erweiterte Funktionen und Konfigurationen.<\/p>\n<h2 id=\"hadron\"><a href=\"#hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron<\/h2>\n<p>Hadron gibt es in 2 Varianten: als Theme und als Skeleton. Hierbei beinhaltet das Skeleton das Theme, sowie weitere Funktionen und Konfigurationen. Lerne mehr \u00fcber das <a href=\"\/de\/hadron\/theme\/einleitung\">Hadron Theme<\/a>.<\/p>\n<h2 id=\"funktionen\"><a href=\"#funktionen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Funktionen<\/h2>\n<p>Das Hadron Skeleton enth\u00e4lt folgende Funktionen:<\/p>\n<h3 id=\"fertig-nutzbare-vorlage\"><a href=\"#fertig-nutzbare-vorlage\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>fertig nutzbare Vorlage<\/h3>\n<p>Das Hadron Skeleton ist eine fertige Vorlage f\u00fcr eine Website, die direkt bearbeitet und ver\u00f6ffentlicht werden kann. Dies erm\u00f6glicht es, schnell und einfach eine Website mit Grav zu erstellen, ohne von Grund auf neu beginnen zu m\u00fcssen.<\/p>\n<h3 id=\"standardgruppen-fuer-opti\"><a href=\"#standardgruppen-fuer-opti\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardgruppen f\u00fcr optimale Benutzer Berechtigungen<\/h3>\n<p>Das Hadron Skeleton enth\u00e4lt Standardgruppen f\u00fcr optimale Benutzer Berechtigungen. Damit k\u00f6nnen Benutzer mit unterschiedlichen Berechtigungen erstellt werden, um die Sicherheit der Website zu gew\u00e4hrleisten.<\/p>\n<h3 id=\"standardseiten\"><a href=\"#standardseiten\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardseiten<\/h3>\n<p>In der Vorlage sind verschiedene Beispiel-Seiten enthalten, die als Ausgangspunkt f\u00fcr die Erstellung einer Website dienen. Dazu geh\u00f6ren normale Seiten, Modulare, Blogs, Kontaktseite und mehr.<br>\nDiese k\u00f6nnen als Vorlage f\u00fcr eigene Seiten genutzt werden oder als Inspiration\/ Anhaltspunkt dienen.<\/p>\n<h3 id=\"vorinstallierte-plugins\"><a href=\"#vorinstallierte-plugins\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Vorinstallierte Plugins<\/h3>\n<p>Das Hadron Skeleton enth\u00e4lt eine Auswahl an vorinstallierten Plugins, die die Funktionalit\u00e4t der Website erweitern. Dazu geh\u00f6ren Plugins f\u00fcr SEO, Shortcode, Medien und weitere Komponenten &amp; Funktionen.<\/p>\n<h3 id=\"standardkonfiguration-fue\"><a href=\"#standardkonfiguration-fue\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardkonfiguration f\u00fcr SendGrid Email<\/h3>\n<p>Nebst der E-Mail Konfiguration gibt es auch eine Standardkonfiguration f\u00fcr SendGrid E-Mail. Damit k\u00f6nnen E-Mails \u00fcber SendGrid versendet werden. Diese Funktion unterst\u00fctzt den Doppler Secrets Manager.<\/p>\n<h3 id=\"standardkonfiguration-fue-1\"><a href=\"#standardkonfiguration-fue-1\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Standardkonfiguration f\u00fcr Doppler Secrets Manager<\/h3>\n<p>Eine zus\u00e4tzliche Funktion dieses Skeletons ist die Standardkonfiguration f\u00fcr den Doppler Secrets Manager. Damit k\u00f6nnen geheime Informationen wie API-Keys, Passw\u00f6rter und andere sensible Daten sicher gespeichert und abgerufen werden.<br>\nF\u00fcr diese Funktion ist unser <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modifizierter Grav Core<\/a> erforderlich, damit diese von Doppler automatisch geholt werden.<\/p>\n<h2 id=\"weitere-schritte\"><a href=\"#weitere-schritte\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>weitere Schritte<\/h2>\n<p>Um das Hadron Skeleton zu installieren, folge der Anleitung <a href=\"\/de\/hadron\/skeleton\/installation\">Hadron Skeleton Installation<\/a>.<\/p><\/body>","tags":["Skeleton","Einleitung"],"image":"\/user\/pages\/06.docs\/02.skeleton\/01.einleitung\/hero.webp"},{"title":"Installation | Hadron Skeleton","date_published":"2024-10-08T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/installation","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/installation","content_html":"<div class=\"notices blue\">\n<p>Diese Anleitung beschreibt die verschiedenen M&ouml;glichkeiten, das Hadron Skeleton zu installieren und leitet dich durch die Installation des Skeletons f&uuml;r eine neue Grav Seite.<\/p>\n<\/div>\n\n<h2 id=\"installation\"><a href=\"#installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation<\/h2>\n<p>Das Hadron Skeleton kann auf verschiedene Arten installiert werden.<\/p>\n<h2 id=\"methoden\"><a href=\"#methoden\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Methoden<\/h2>\n<p>Es gibt grundlegend zwei Methoden, das Skeleton zu installieren: via Git oder als ZIP-Datei. Beide Methoden haben ihre Vor- und Nachteile, je nachdem, wie du das Skeleton verwenden m&ouml;chtest. Zudem gibt es verschiedene Varianten, wie du das Skeleton installieren kannst, je nachdem, ob du das Skeleton bearbeiten oder nur verwenden m&ouml;chtest.<\/p>\n<h2 id=\"1-installation-git\"><a href=\"#1-installation-git\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. Installation (Git)<\/h2>\n<p>Wenn du das Skeleton mit Git bearbeiten m&ouml;chtest, ist das einfachste, das Repository zu klonen. So kannst du einfach Updates und &Auml;nderungen aus dem Original-Repository ziehen. Es gibt verschiedene Varianten, je nachdem, was du mit dem Skeleton machen m&ouml;chtest:<\/p>\n<h3 id=\"1-1-repository-kopieren-e\"><a href=\"#1-1-repository-kopieren-e\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.1 Repository kopieren (empfohlen)<\/h3>\n<p>Wenn du ein neues Repository basierend auf diesem Skeleton erstellen m&ouml;chtest, kannst du den <code>Nutze diese Vorlage<\/code> Knopf auf der GitHub Repository Seite verwenden. Dies erstellt ein neues Repository in deinem Account basierend auf dem Skeleton. Du wirst jedoch keine Updates aus dem Original-Repository ziehen k&ouml;nnen.\n<em>Dies ist der empfohlene Weg, wenn du eine neue Seite basierend auf diesem Skeleton entwickeln m&ouml;chtest und nicht planst, zum urspr&uuml;nglichen Skeleton beizutragen oder Updates daraus zu ziehen.<\/em><\/p>\n<p>Um ein neues Repository basierend auf diesem Skeleton zu erstellen, klicke auf den <code>Nutze diese Vorlage<\/code> Knopf auf der GitHub Repository Seite. Du wirst aufgefordert, einen Repository-Namen und eine Beschreibung einzugeben. Danach hast du eine aktuelle Kopie des Skeletons in deinem Account. Du kannst nun das Repository auf deinen Computer klonen und mit der Entwicklung deiner Seite beginnen.<\/p>\n<div class=\"notices blue\">\n<p>Siehe Punkt 1.3, wie du das Repository auf deinen Computer klonen kannst (mit Grav)<\/p>\n<\/div>\n<h3 id=\"1-2-repository-forken\"><a href=\"#1-2-repository-forken\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.2 Repository forken<\/h3>\n<p>Durch das forken dieses Repositorys erstellst du eine verkn&uuml;pfte Kopie des urspr&uuml;nglichen Repositorys in deinem eigenen GitHub Account. Auf diese Weise kannst du &Auml;nderungen am Skeleton vornehmen und sie in dein eigenes Repository pushen. Du kannst dann eine neue Seite erstellen, indem du dein Fork als Skeleton verwendest.\n<em>Dies ist der empfohlene Weg, wenn du zum urspr&uuml;nglichen Skeleton beitragen oder Updates daraus ziehen m&ouml;chtest.<\/em><\/p>\n<p>Um das Repository zu forken, klicke auf den <code>Fork<\/code> Knopf auf der GitHub Repository Seite. Du hast nun eine Kopie des Skeletons in deinem Account. Du kannst das Repository auf deinen Computer klonen und mit der Entwicklung deiner Seite beginnen.<\/p>\n<div class=\"notices blue\">\n<p>Siehe Punkt 1.3, wie du das Repository auf deinen Computer klonen kannst (mit Grav)<\/p>\n<\/div>\n<h3 id=\"1-3-repository-direkt-klo\"><a href=\"#1-3-repository-direkt-klo\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1.3 Repository direkt klonen (nicht empfohlen)<\/h3>\n<p>Das direkte Klonen des Repositorys erstellt eine lokale Kopie des Skeletons auf deinem Computer.\n<em>Dies ist nur empfohlen, wenn du das Skeleton ausprobieren oder &Auml;nderungen daran vornehmen m&ouml;chtest, ohne zum urspr&uuml;nglichen Repository beizutragen oder Updates daraus zu ziehen. Wenn du lieber eine neue Seite basierend auf dem Skeleton erstellen m&ouml;chtest, verwende eine der oben genannten Methoden.<\/em><\/p>\n<p>Um das Repository direkt zu klonen, verwende die folgenden Befehle:<\/p>\n<pre><code class=\"language-bash\">cd \/deine\/seite\/\ngit clone https:\/\/github.com\/getgrav\/grav.git .\nrm user\/ -rf\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user\nbin\/grav install<\/code><\/pre>\n<p>Du kannst auch unseren <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modifizierten Grav Core<\/a> mit zus&auml;tzlichen Funktionen verwenden:<\/p>\n<pre><code class=\"language-bash\">cd \/deine\/seite\/\ngit...<\/code><\/pre>","tags":["Skeleton","Installation"],"image":"\/user\/pages\/06.docs\/02.skeleton\/02.installation\/hero.webp"},{"title":"Setup | Hadron Skeleton","date_published":"2024-10-17T00:00:00-07:00","id":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/setup","url":"https:\/\/mail.silent-company.com\/de\/docs\/skeleton\/setup","content_html":"<div class=\"notices blue\">\n<p>Diese Anleitung leitet dich durch das Setup des Hadron Skeletons. Darin wird erkl&auml;rt, welche &Auml;nderungen nach der Installation vorgenommen werden sollten, um eine optimierte Website zu erstellen. <\/p>\n<\/div>\n\n<div class=\"notices yellow\">\n<p>Um mit dem Setup zu beginnen, musst du das Skeleton zuerst installieren. Siehe dazu die <a href=\"\/de\/hadron\/skeleton\/installation\">Installationsanleitung zum Hadron Skeleton<\/a>.<\/p>\n<\/div>\n<h2 id=\"1-formale-aenderungen\"><a href=\"#1-formale-aenderungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. Formale &Auml;nderungen<\/h2>\n<p>Die formalen &Auml;nderungen beinhalten kleine, formale Anpassungen die nichts mit der Website zu tun haben, jedoch praktisch sind. Dies betrifft hier folgendes:<\/p>\n<ol>\n<li>Readme: Anpassen der Readme Datei, um die wichtigsten Informationen zur Website zu speichern<\/li>\n<li>Lizenz: Korrekte Lizenzdatei hinzuf&uuml;gen<\/li>\n<li>ChangeLog: Anpassen des ChangeLogs, um die &Auml;nderungen der Website zu dokumentieren<\/li>\n<\/ol>\n<p><em>Die formalen Anpassungen k&ouml;nnen einfachheitshalber direkt versioniert werden und gegebenenfalls sogar &uuml;ber GitHub stattfinden.<\/em><\/p>\n<h2 id=\"2-grundkonfiguration\"><a href=\"#2-grundkonfiguration\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2. Grundkonfiguration<\/h2>\n<p>Mit der Grav Grundkonfiguration k&ouml;nnen bekannte &Auml;nderungen noch vor der Installation gemacht werden, um nach der Installation bereits mit detail Anpassungen loslegen zu k&ouml;nnen.<\/p>\n<ol>\n<li>Falls bereits Benutzeraccounts vorhanden sind, k&ouml;nnen diese erstellt werden<\/li>\n<li>Wenn bereits bekannt ist, welche Plugins und Themes verwendet werden sollen, k&ouml;nnen diese direkt in der <code>.dependencies<\/code> Datei hinzugef&uuml;gt oder entfernt werden.<\/li>\n<li>Anschliessend k&ouml;nnen bereits Einstellungen am System und an der Seite angepasst werden.<\/li>\n<li>Zuletzt k&ouml;nnen ebenfalls einzelne &Auml;nderungen an Plugins und Theme konfigurationen gemacht werden.<\/li>\n<\/ol>\n<p><em>Ab diesen &Auml;nderungen lohnt es sich, einen neuen Git Branch zu erstellen und je Konfiguration\/ Kapitel mindestens einen Commit zu machen.<\/em><\/p>\n<h3 id=\"2-1-accounts\"><a href=\"#2-1-accounts\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.1 Accounts<\/h3>\n<p>Falls bereits Benutzeraccounts vorhanden sind, k&ouml;nnen diese erstellt werden. Daf&uuml;r muss pro Account eine Datei in accounts\/ erstellt werden. Die Datei muss folgende Struktur haben:<\/p>\n<p><code>accounts\/username.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">state: enabled\nemail: email@example.com\nfullname: Name des Benutzers\ntitle: Titel des Benutzers\nhashed_password: HASHED_PASSWORD\nlanguage: de\ncontent_editor: default\naccess:\n    # ... individuelle Zugriffsberechtigungen\ngroups: # Liste von Gruppen\n    - website     # kann sich an der Website anmelden\n    - admin       # kann sich am Admin Panel anmelden\n    - statistics  # kann Statistiken der Seite einsehen\n    - editor      # kann bestehende Seiten bearbeiten\n    - pages       # kann Seiten verwalten\n    - maintainer  # kann die Seite warten\n    - manager     # kann Seiten- &amp; Systemeinstellungen verwalten\n    - themes      # kann Themes verwalten\n    - plugins     # kann Plugins verwalten\n    - accounts    # kann Benutzerkonten verwalten<\/code><\/pre>\n<h3 id=\"2-2-dependencies\"><a href=\"#2-2-dependencies\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.2 Dependencies<\/h3>\n<p>Mit der <code>.dependencies<\/code> Datei k&ouml;nnen alle n&ouml;tigen Plugins und Themes einfach &uuml;ber eine eingebaute Funktion installiert werden.<\/p>\n<h3 id=\"2-3-einstellungen\"><a href=\"#2-3-einstellungen\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.3 Einstellungen<\/h3>\n<p>Bei den Einstellungen gibt es zwei wichtige Konfigurationsdateien, die angepasst werden sollten. Die lohnenswerten Anpassungen sind folgende:<\/p>\n<p><code>config\/site.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">title: 'Name der Website'\ndefault_lang: de\nauthor:\n    name: 'Standardautor\/ Organisationsname'\n    email: contact@example.com\nmetadata:\n    description: 'Standard Website Beschreibung'\nblog:\n    route: '\/blog'<\/code><\/pre>\n<p><code>config\/system.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">timezone: Europe\/Zurich\nlanguages:\n    supported:\n        - de\nhome:\n    alias: \/startseite<\/code><\/pre>\n<h3 id=\"2-4-theme-plugins\"><a href=\"#2-4-theme-plugins\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.4 Theme &amp; Plugins<\/h3>\n<p>Anschliessend k&ouml;nnen bereits auch schon folgende &Auml;nderungen am Themes &amp; an den Plugins gemacht werden:<\/p>\n<p><code>config\/themes\/local.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">header-fixed: true          # fixierter Header\nheader-animated: true       # animierter Header beim scrollen\nheader-dark: false          # dunkler Header\nheader-transparent: false   # transparenter Header\nsticky-footer: true         # Footer immer zuunterst, auch wenn Website kleiner\nblog-page: \/blog            # Seite zum Blog\ndropdown:\n  enabled: false            # In der navigation Unterseiten anzeigen\n\n# Breite der Website, entweder grid-lg f&uuml;r normal breite und grid-xl f&uuml;r extra breite Layouts\ngrid-size:...<\/code><\/pre>","tags":["Skeleton","Installation"],"image":"\/user\/pages\/06.docs\/02.skeleton\/03.setup\/hero.webp"}]}
