[{"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 google-scholar hashnode instagram keybase kickstarter lastfm lightbulb line link linkedin list mastodon medium mendeley microsoft mobile moon orcid patreon pencil phone pinterest reddit researchgate search skull-crossbones slack snapchat soundcloud stack-overflow steam sun tag telegram threads tiktok translate triangle-exclamation tumblr twitch twitter weibo 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; Design Reviewed | 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 #\nThe Van de Graaf Canon\nMane 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 đŸȘ‚"}]