[{"content":"","date":null,"permalink":"/congo/de/tags/beispiele/","section":"Tags","summary":"","title":"Beispiele"},{"content":" Congo erweckt deinen Inhalt zum Leben. 😍 Dieser Abschnitt enthält einige Demoseiten, die zeigen, wie Congo verschiedene Arten von Inhalten wiedergibt. Sie können auch eine Beispielseite für ein Taxonomieverzeichnis sehen.\nHinweis: Diese Seite ist nur eine standardmäßige Congo-Artikelauflistung und Hugo wurde so konfiguriert, dass er einen Inhaltstyp \u0026ldquo;Beispiele\u0026rdquo; generiert und Artikelzusammenfassungen anzeigt.\n","date":null,"permalink":"/congo/de/samples/","section":"Beispiele für Inhalte","summary":"Congo erweckt deinen Inhalt zum Leben.","title":"Beispiele für Inhalte"},{"content":"","date":null,"permalink":"/congo/de/tags/icons/","section":"Tags","summary":"","title":"Icons"},{"content":"Congo hat integrierte Unterstützung für eine Reihe von Icons von FontAwesome 6 . Diese können entweder über den Partial icon oder Shortcode icon in deine Website eingebunden werden.\nDarüber hinaus werden auch benutzerdefinierte Icons vollständig unterstützt. Du kannst deine eigenen SVG-Icon-Assets im Ordner assets/icons/ im Stammverzeichnis deines Projekts ablegen. Alle Icons in diesem Verzeichnis stehen dann im gesamten Theme zur Verfügung.\nDie vollständige Liste der integrierten Icons und ihre entsprechenden Namen findest du unten.\nIcon-Name Vorschau amazon apple bars blogger bug check chevron-down chevron-up circle-info codepen coffee comment dev dribbble edit email facebook flickr foursquare github gitlab globe google hashnode instagram keybase kickstarter lastfm lightbulb link linkedin list mastodon medium microsoft mobile moon orcid patreon pencil phone pinterest reddit researchgate search skull-crossbones slack snapchat soundcloud stack-overflow steam sun tag telegram tiktok translate triangle-exclamation tumblr twitch twitter whatsapp x-twitter xmark youtube ","date":"14. August 2020","permalink":"/congo/de/samples/icons/","section":"Beispiele für Inhalte","summary":"Congo hat integrierte Unterstützung für eine Reihe von Icons von FontAwesome 6 .","title":"Icons"},{"content":"","date":null,"permalink":"/congo/de/tags/shortcodes/","section":"Tags","summary":"","title":"Shortcodes"},{"content":"","date":null,"permalink":"/congo/de/tags/","section":"Tags","summary":"","title":"Tags"},{"content":" Ein mächtiges und gleichzeitig leichtes Theme für Hugo, das mit Tailwind CSS erstellt wurde. Dies ist eine Demo-Site, die vollständig mit Congo erstellt wurde. Sie enthält auch eine vollständige Theme-Dokumentation . Congo ist flexibel und eignet sich sowohl für statische seitenbasierte Inhalte (wie diese Demo) als auch für einen traditionellen Blog mit einem Feed der letzten Beiträge.\nDies ist eine Demo des page-Layouts. Layout ändern \u0026orarr; Schau dir die Beispielseiten an, um ein Gefühl für die Möglichkeiten von Congo zu bekommen. Wenn dir gefällt, was du siehst, dann schau dir sich das Projekt auf Github an oder lies die Installationsanleitung , um loszulegen.\n","date":null,"permalink":"/congo/de/","section":"Willkommen bei Congo! 🎉","summary":"Ein mächtiges und gleichzeitig leichtes Theme für Hugo, das mit Tailwind CSS erstellt wurde.","title":"Willkommen bei Congo! 🎉"},{"content":"","date":null,"permalink":"/congo/de/tags/css/","section":"Tags","summary":"","title":"CSS"},{"content":"","date":null,"permalink":"/congo/de/tags/html/","section":"Tags","summary":"","title":"HTML"},{"content":"","date":null,"permalink":"/congo/de/tags/markdown/","section":"Tags","summary":"","title":"Markdown"},{"content":"Dieser Artikel bietet ein Beispiel für die grundlegende Markdown-Formatierung, die in Congo verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente genutzt werden können.\nÜberschriften # Die folgenden HTML-Elemente \u0026lt;h1\u0026gt;-\u0026lt;h6\u0026gt; stellen sechs Ebenen von Abschnittsüberschriften dar. \u0026lt;h1\u0026gt; ist die höchste Abschnittsebene, während \u0026lt;h6\u0026gt; die niedrigste ist.\nH1 # H2 # H3 # H4 # H5 # H6 # Absatz # Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nZitate als Block # Das blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einem Zitat, das sich innerhalb eines footer- oder cite-Elements befinden muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.\nZitat als Block ohne Quellenangabe # Tiam, ad mint andaepu dandae nostion secatur sequo quae. Hinweis: Markdown-Syntax kann innerhalb eines Zitat-Blocks verwendet werden.\nZitat als Block ohne Quellenangabe # Kommunizieren Sie nicht, indem Sie Erinnerungen teilen, sondern teilen Sie Erinnerungen, indem Sie kommunizieren.\n— Rob Pike1\nTabellen # Tabellen sind nicht Teil der Markdown-Kernspezifikation, aber Hugo unterstützt sie standardmäßig.\nName Alter Bob 27 Alice 23 Inline-Markdown innerhalb von Tabellen # Kursiv Fett Code kursiv fett code Code-Blöcke # Code-Block mit backticks # \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code-Block eingerückt mit vier Leerzeichen # \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code-Block mit Hugos internem highlight-Shortcode # 1 2 3 4 5 6 7 8 9 10 \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Arten von Listen # Geordnete Liste # Erster Eintrag Zweiter Eintrag Dritter Eintrag Ungeordnete Liste # Listen-Eintrag weiterer Eintrag noch ein weiterer Eintrag Geschachtelte Liste # Obst Apfel Orange Banane Milchprodukte Milch Käse Andere Elemente — abbr, sub, sup, kbd, mark # GIF ist ein Bitmap-Bildformat.\nH2O\nXn + Yn = Zn\nDrücke STRG+ALT+Entf, um die Sitzung zu beenden.\nDie meisten Salamander sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.\nDas obige Zitat ist ein Auszug aus Rob Pikes [talk about nothing] ( https://www.youtube.com/watch?v=PAAkCSZUG1c ) während des Gopherfestes am 18. November 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","date":"11. März 2019","permalink":"/congo/de/samples/markdown/","section":"Beispiele für Inhalte","summary":"\u003cp\u003eDieser Artikel bietet ein Beispiel für die grundlegende Markdown-Formatierung, die in Congo verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente genutzt werden können.\u003c/p\u003e","title":"Markdown"},{"content":"","date":null,"permalink":"/congo/de/tags/gist/","section":"Tags","summary":"","title":"Gist"},{"content":"","date":null,"permalink":"/congo/de/tags/privatsph%C3%A4re/","section":"Tags","summary":"","title":"Privatsphäre"},{"content":"Hugo wird mit mehreren [eingebauten Shortcodes] ( https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes ) für reichhaltige Inhalte geliefert, zusammen mit einer [Datenschutzkonfiguration] ( https://gohugo.io/about/hugo-and-gdpr/ ) und einer Reihe von einfachen Shortcodes, die statische und No-JS-Versionen von Einbettungen verschiedener sozialer Medien ermöglichen.\nYouTube # Hier ist ein Beispiel des mitgelieferten youtube-Shortcodes.\nTwitter # Dieses Beispiel verwendet den Shortcode twitter_simple, um einen Tweet anzuzeigen. Er benötigt zwei benannte Parameter user und id.\n“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”\n— Jan Tschichold pic.twitter.com/gcv7SrhvJb\n\u0026mdash; Graphic Design History (@DesignReviewed) January 17, 2019 Alternativ kann der Shortcode tweet verwendet werden, um eine vollständig formatierte Twitter-Kachel einzubetten.\nGist # Der Shortcode gist kann verwendet werden, um einen Gist von GitHub einzubetten. Er erfordert zwei unbenannte Parameter: den Benutzernamen und die ID des Gist.\nVimeo # Der Shortcode vimeo_simple bettet ein Video von Vimeo ein.\n","date":"10. März 2019","permalink":"/congo/de/samples/rich-content/","section":"Beispiele für Inhalte","summary":"Dies hier ist ein \u003cem\u003eBeispiel\u003c/em\u003e einer \u003cstrong\u003ereichhaltigen\u003c/strong\u003e Inhaltsübersicht.","title":"Reichhaltiger Inhalt"},{"content":"","date":null,"permalink":"/congo/de/tags/twitter/","section":"Tags","summary":"","title":"Twitter"},{"content":"","date":null,"permalink":"/congo/de/tags/vimeo/","section":"Tags","summary":"","title":"Vimeo"},{"content":"","date":null,"permalink":"/congo/de/tags/youtube/","section":"Tags","summary":"","title":"YouTube"},{"content":"","date":null,"permalink":"/congo/de/tags/latin/","section":"Tags","summary":"","title":"latin"},{"content":"Lorem est tota propiore conpellat pectoribus de pectora summo.\nRedit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.\nExierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.\nComas hunc haec pietate fetum procerum dixit Post torum vates letum Tiresia Flumen querellas Arcanaque montibus omnes Quidem et Vagus elidunt # The Van de Graaf Canon Mane refeci capiebant unda mulcebat # Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. Faces illo pepulere tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.\nIubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.\nEurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel mitis temploque vocatus, inque alis, oculos nomen non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides parte.\n","date":"9. März 2019","permalink":"/congo/de/samples/placeholder-text/","section":"Beispiele für Inhalte","summary":"\u003cp\u003eLorem est tota propiore conpellat pectoribus de pectora summo.\u003c/p\u003e","title":"Platzhalter-Text"},{"content":"","date":null,"permalink":"/congo/de/tags/sample/","section":"Tags","summary":"","title":"sample"},{"content":"","date":null,"permalink":"/congo/de/tags/text/","section":"Tags","summary":"","title":"text"},{"content":"","date":null,"permalink":"/congo/de/tags/katex/","section":"Tags","summary":"","title":"KaTeX"},{"content":"","date":null,"permalink":"/congo/de/tags/mathematik/","section":"Tags","summary":"","title":"Mathematik"},{"content":"KaTeX kann verwendet werden, um mathematische Notationen in Artikeln darzustellen.\nCongo bindet die KaTeX-Assets nur dann in das Projekt ein, wenn die mathematische Notation verwendet wird. Damit dies funktioniert, kann einfach der Shortcode katex in den Artikel eingefügt werden. Jede KaTeX-Syntax auf dieser Seite wird dann automatisch gerendert.\nDie Online-Referenz der unterstützten TeX-Funktionen zeigt Syntax-Beispiele.\nInline-Schreibweise # Die Inline-Schreibweise kann erzeugt werden, indem der Ausdruck in die Trennzeichen \\( und \\) eingeschlossen wird.\nBeispiel:\n% KaTeX Inline-Schreibweise Inline-Schreibweise: \\\\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\\\) Inline-Schreibweise: \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\)\nSchreibweise als Block # Alternativ kann die Blockschreibweise mit Hilfe von $$-Trennzeichen erzeugt werden. Dadurch wird der Ausdruck in einem eigenen HTML-Block ausgegeben.\nBeispiel:\n% KaTeX mit Block-Schreibweise $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$ $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$\n","date":"8. März 2019","permalink":"/congo/de/samples/mathematical-notation/","section":"Beispiele für Inhalte","summary":"\u003cp\u003eKaTeX kann verwendet werden, um mathematische Notationen in Artikeln darzustellen.\u003c/p\u003e","title":"Mathematische Notation"},{"content":"","date":null,"permalink":"/congo/de/tags/chart/","section":"Tags","summary":"","title":"Chart"},{"content":"Congo bietet Unterstützung für Chart.js unter Verwendung des Shortcodes chart. Füge einfach das Chart-Markup in den Shortcode ein. Congo gestaltet die Charts automatisch so, dass sie der Konfiguration des Parameters colorScheme entsprechen. Die Farben können jedoch mit der normalen Chart.js-Syntax angepasst werden.\nWeitere Details findest du in der Chart-Shortcode-Dokumentation .\nDie folgenden Beispiele sind eine kleine Auswahl aus der offiziellen Chart.js-Dokumentation . Du kannst auch die Quelle der Seite auf GitHub aufrufen, um das Markup zu sehen.\nSäulendiagramm # Linien-Diagramm # Doughnut-Chart # ","date":"6. März 2019","permalink":"/congo/de/samples/charts/","section":"Beispiele für Inhalte","summary":"Congo enthält Chart.js für leistungsstarke Charts und Datenvisualisierungen.","title":"Charts"},{"content":"","date":null,"permalink":"/congo/de/tags/diagramm/","section":"Tags","summary":"","title":"Diagramm"},{"content":"Mermaid-Diagramme werden in Congo mit dem Shortcode mermaid unterstützt. Füge einfach das Diagramm-Markup in den Shortcode ein. Congo gestaltet Mermaid-Diagramme automatisch so, dass sie der Konfiguration des Parameters colorScheme entsprechen.\nWeitere Details findest du in der Mermaid-Shortcode-Dokumentation .\nDie folgenden Beispiele sind eine kleine Auswahl aus der offiziellen Mermaid-Dokumentation . Du kannst auch die Quelle der Seite auf GitHub aufrufen, um das Markup zu sehen.\nFlussdiagramm # graph TD A[Weihnachten] --\u003e|Erhalte Geld| B(Geh einkaufen) B --\u003e C{Lass mich nachdenken} B --\u003e G[/Sonstiges/] C ==\u003e|Eins| D[Laptop] C --\u003e|Zwei| E[iPhone] C --\u003e|Drei| F[Auto] subgraph Section C D E F G end Sequenzdiagramm # sequenceDiagram autonumber par Action 1 Alice-\u003e\u003eJohn: Hallo John, wie geht es dir? and Action 2 Alice-\u003e\u003eBob: Hallo Bob, wie geht es dir? end Alice-\u003e\u003e+John: Hallo John, wie geht es dir? Alice-\u003e\u003e+John: John, kannst du mich hören? John--\u003e\u003e-Alice: Hi Alice, ich kann dich hören! Note right of John: John ist aufmerksam John--\u003e\u003e-Alice: Mir geht es gut! loop Jede Minute John--\u003eAlice: Super! end Klassendiagramm # classDiagram Tier \"1\" \u003c|-- Ente Tier \u003c|-- Fisch Tier \u003c--o Zebra Tier : +int alter Tier : +String geschlecht Tier: +istSaeugetier() Tier: +paaren() class Ente{ +String schnabelFarbe +schwimmen() +quaken() } class Fisch{ -int groesseInFuss -canFressen() } class Zebra{ +bool ist_wild +rennen() } Entitäts-Beziehungs-Diagramm # erDiagram KUNDE }|..|{ LIEFER-ADRESSE : hat KUNDE ||--o{ BESTELLUNG : platziert KUNDE ||--o{ RECHNUNG : \"zustaendig fuer\" LIEFER-ADRESSE ||--o{ BESTELLUNG : erhaelt RECHNUNG ||--|{ BESTELLUNG : \"deckt ab\" BESTELLUNG ||--|{ BESTELLTES-PRODUKT : enthaelt PRODUKT-KATEGORIE ||--|{ PRODUKT : enthaelt PRODUKT ||--o{ BESTELLTES-PRODUKT : \"bestellt in\" ","date":"6. März 2019","permalink":"/congo/de/samples/diagrams-flowcharts/","section":"Beispiele für Inhalte","summary":"Mit Mermaid ist es einfach, Diagramme und Flussdiagramme zu Artikeln hinzuzufügen.","title":"Diagramme und Flussdiagramme"},{"content":"","date":null,"permalink":"/congo/de/tags/graph/","section":"Tags","summary":"","title":"Graph"},{"content":"","date":null,"permalink":"/congo/de/tags/mermaid/","section":"Tags","summary":"","title":"Mermaid"},{"content":"","date":null,"permalink":"/congo/de/tags/emoji/","section":"Tags","summary":"","title":"Emoji"},{"content":"Congo unterstützt standardmäßig Emoji. Emoji können in Titeln, Menüpunkten und Artikelinhalten verwendet werden.\nHinweis: Das Rendering dieser Glyphen hängt vom Browser und von der Plattform ab. Um die Emoji zu gestalten, kannst du entweder eine Emoji-Schriftart eines Drittanbieters oder einen Font Stack verwenden. Die Ersetzung von Emoji erfolgt in Congo automatisch, so dass du in deinen Inhalten und im Front Matter Kurzzeichen verwenden können, die zum Zeitpunkt der Erstellung in die entsprechenden Symbole umgewandelt werden.\nBeispiele für Kurzzeichen: see_no_evil 🙈, hear_no_evil 🙉, speak_no_evil 🙊.\nEmojipedia ist eine nützliche Referenz für Emoji-Kurzzeichen.\n","date":"5. März 2019","permalink":"/congo/de/samples/emoji/","section":"Beispiele für Inhalte","summary":"📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸","title":"Emoji 🪂"}]