diff --git a/exampleSite/content/samples/external/index.de.md b/exampleSite/content/samples/external/index.de.md new file mode 100644 index 00000000..c4d5fd6f --- /dev/null +++ b/exampleSite/content/samples/external/index.de.md @@ -0,0 +1,14 @@ +--- +title: "Externer Artikel - Why I switched to Fathom Analytics" +date: 2019-01-24 +externalUrl: "https://jamespanther.com/writings/i-switched-from-google-analytics-to-fathom-analytics/" +summary: "Der Parameter `externalUrl` im Front Matter kann zu jeder URL verlinken. Der Artikel sieht aus wie jeder andere, aber verlinkt zu einem Post außerhalb des Hugo-Projekts." +showReadingTime: false +_build: + render: "never" + list: "local" +--- + +Diese Seite verwendet den Parameter `externalUrl`, um auf einen Artikel außerhalb dieser Hugo-Website zu verlinken. + +Es ist ideal für Dinge wie die Verlinkung zu Beiträgen auf Medium oder zu wissenschaftlichen Arbeiten, die Sie auf Websites von Dritten gehostet haben. diff --git a/exampleSite/content/samples/icons/index.de.md b/exampleSite/content/samples/icons/index.de.md new file mode 100644 index 00000000..00019320 --- /dev/null +++ b/exampleSite/content/samples/icons/index.de.md @@ -0,0 +1,77 @@ +--- +title: "Icons" +date: 2020-08-14 +lastmod: 2023-01-23 +draft: false +description: "Icon-Unterstützung in Congo." +slug: "icons" +tags: ["Icons", "Beispiele", "Shortcodes"] +showDateUpdated: true +--- + +Congo hat integrierte Unterstützung für eine Reihe von Icons von [FontAwesome 6](https://fontawesome.com/icons). Diese können entweder über den Partial [icon]({{< ref "docs/partials#icon" >}}) oder Shortcode [icon]({{< ref "docs/shortcodes#icon" >}}) in deine Website eingebunden werden. + +Darü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. + +Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen findest du unten. + +| Icon-Name | Vorschau | +| -------------------- | --------------------------------- | +| amazon | {{< icon amazon >}} | +| apple | {{< icon apple >}} | +| bars | {{< icon bars >}} | +| blogger | {{< icon blogger >}} | +| bug | {{< icon bug >}} | +| check | {{< icon check >}} | +| circle-info | {{< icon circle-info >}} | +| codepen | {{< icon codepen >}} | +| comment | {{< icon comment >}} | +| dev | {{< icon dev >}} | +| dribbble | {{< icon dribbble >}} | +| edit | {{< icon edit >}} | +| email | {{< icon email >}} | +| facebook | {{< icon facebook >}} | +| flickr | {{< icon flickr >}} | +| foursquare | {{< icon foursquare >}} | +| github | {{< icon github >}} | +| gitlab | {{< icon gitlab >}} | +| google | {{< icon google >}} | +| hashnode | {{< icon hashnode >}} | +| instagram | {{< icon instagram >}} | +| keybase | {{< icon keybase >}} | +| kickstarter | {{< icon kickstarter >}} | +| lastfm | {{< icon lastfm >}} | +| lightbulb | {{< icon lightbulb >}} | +| link | {{< icon link >}} | +| linkedin | {{< icon linkedin >}} | +| list | {{< icon list >}} | +| mastodon | {{< icon mastodon >}} | +| medium | {{< icon medium >}} | +| microsoft | {{< icon microsoft >}} | +| mobile | {{< icon mobile >}} | +| moon | {{< icon moon >}} | +| orcid | {{< icon orcid >}} | +| patreon | {{< icon patreon >}} | +| pencil | {{< icon pencil >}} | +| phone | {{< icon phone >}} | +| pinterest | {{< icon pinterest >}} | +| reddit | {{< icon reddit >}} | +| researchgate | {{< icon researchgate >}} | +| search | {{< icon search >}} | +| skull-crossbones | {{< icon skull-crossbones >}} | +| slack | {{< icon slack >}} | +| snapchat | {{< icon snapchat >}} | +| soundcloud | {{< icon soundcloud >}} | +| stack-overflow | {{< icon stack-overflow >}} | +| steam | {{< icon steam >}} | +| sun | {{< icon sun >}} | +| tag | {{< icon tag >}} | +| telegram | {{< icon telegram >}} | +| tiktok | {{< icon tiktok >}} | +| triangle-exclamation | {{< icon triangle-exclamation >}} | +| tumblr | {{< icon tumblr >}} | +| twitch | {{< icon twitch >}} | +| twitter | {{< icon twitter >}} | +| whatsapp | {{< icon whatsapp >}} | +| xmark | {{< icon xmark >}} | +| youtube | {{< icon youtube >}} | diff --git a/exampleSite/content/samples/markdown/index.de.md b/exampleSite/content/samples/markdown/index.de.md new file mode 100644 index 00000000..9dcc0037 --- /dev/null +++ b/exampleSite/content/samples/markdown/index.de.md @@ -0,0 +1,145 @@ +--- +title: "Markdown" +date: 2019-03-11 +description: "Beispielartikel, der die grundlegende Markdown-Syntax und die Formatierung von HTML-Elementen zeigt." +tags: ["Markdown", "CSS", "HTML", "Beispiele"] +--- + +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. + + + +## Überschriften + +Die folgenden HTML-Elemente `
Test
+ + +``` + +### Code-Block eingerückt mit vier Leerzeichen + + + + + +Test
+ + + +### Code-Block mit Hugos internem highlight-Shortcode + +{{< highlight html "linenos=table,hl_lines=4 7-9" >}} + + + + + +Test
+ + +{{< /highlight >}} + +## Arten von Listen + +### Geordnete Liste + +1. Erster Eintrag +2. Zweiter Eintrag +3. 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. + +H2O + +Xn + Yn = Zn + +Drücke STRG+ALT+Entfernen, um die Sitzung zu beenden. + +Die meisten Salamander sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen. diff --git a/exampleSite/content/samples/mathematical-notation/index.de.md b/exampleSite/content/samples/mathematical-notation/index.de.md new file mode 100644 index 00000000..9cb73164 --- /dev/null +++ b/exampleSite/content/samples/mathematical-notation/index.de.md @@ -0,0 +1,46 @@ +--- +title: Mathematische Notation +date: 2019-03-08 +description: Ein kurzes Beispiel für die mathematische Notation in Congo. +tags: ["Beispiele", "KaTeX", "Mathematik", "Shortcodes"] +--- + +KaTeX kann verwendet werden, um mathematische Notationen in Artikeln darzustellen. + + + +{{< katex >}} + +Congo bindet die KaTeX-Assets nur dann in das Projekt ein, wenn die mathematische Notation verwendet wird. Damit dies funktioniert, kann einfach der Shortcode [`katex`]({{< ref "docs/shortcodes#katex" >}}) in den Artikel eingefügt werden. Jede KaTeX-Syntax auf dieser Seite wird dann automatisch gerendert. + +Die Online-Referenz der [unterstützten TeX-Funktionen](https://katex.org/docs/supported.html) zeigt Syntax-Beispiele. + +## Inline-Schreibweise + +Die Inline-Schreibweise kann erzeugt werden, indem der Ausdruck in die Trennzeichen `\(` und `\)` eingeschlossen wird. + +**Beispiel:** + +```tex +% KaTeX Inline-Schreibweise +Inline-Schreibweise: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\) +``` + +Inline-Schreibweise: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\) + +## Schreibweise als Block + +Alternativ kann die Blockschreibweise mit Hilfe von `$$`-Trennzeichen erzeugt werden. Dadurch wird der Ausdruck in einem eigenen HTML-Block ausgegeben. + +**Beispiel:** + +```tex +% 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} } } +$$ diff --git a/exampleSite/content/samples/rich-content/index.de.md b/exampleSite/content/samples/rich-content/index.de.md new file mode 100644 index 00000000..30f4b76d --- /dev/null +++ b/exampleSite/content/samples/rich-content/index.de.md @@ -0,0 +1,37 @@ +--- +title: "Reichhaltiger Inhalt" +date: 2019-03-10 +description: "Eine kurze Beschreibung von Hugo-Shortcodes" +summary: "Dies hier ist ein _Beispiel_ einer **reichhaltigen** Inhaltsübersicht." +coverAlt: "Ein Beispiel für ein Titelbild, das die Icons einiger bekannter Medienorganisationen zeigt." +coverCaption: "Dies ist ein Beispiel für ein Titelbild mit einer Bildunterschrift." +tags: ["Shortcodes", "Privatsphäre", "Beispiele", "Gist", "Twitter", "YouTube", "Vimeo"] +--- + +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. + +## YouTube + +Hier ist ein Beispiel des mitgelieferten `youtube`-Shortcodes. + +{{< youtube ZJthWmvUzzc >}} + +## Twitter + +Dieses Beispiel verwendet den Shortcode `twitter_simple`, um einen Tweet anzuzeigen. Er benötigt zwei benannte Parameter `user` und `id`. + +{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}} + +Alternativ kann der Shortcode `tweet` verwendet werden, um eine vollständig formatierte Twitter-Kachel einzubetten. + +## Gist + +Der Shortcode `gist` kann verwendet werden, um einen Gist von GitHub einzubetten. Er erfordert zwei unbenannte Parameter: den Benutzernamen und die ID des Gist. + +{{< gist jpanther a873e1219ffeaa80a926bbe8255f348e >}} + +## Vimeo + +Der Shortcode `vimeo_simple` bettet ein Video von Vimeo ein. + +{{< vimeo_simple 48912912 >}}