From a0e754836ed069402acfcc1a03633c6f3a56d2c3 Mon Sep 17 00:00:00 2001 From: BlueFox Date: Wed, 9 Apr 2025 17:13:37 +0200 Subject: [PATCH] Did it now, really; also added a _index.html for the welcome box --- content/_index.de.md | 8 + content/_index.en.md | 8 + content/posts/showcase-code.de.md | 349 +++++++++++++++++++ content/posts/showcase-code.en.md | 349 +++++++++++++++++++ content/posts/showcase.de.md | 193 ++++++++++ content/posts/showcase.en.md | 193 ++++++++++ hugo.toml | 17 +- public/de/about/index.html | 2 +- public/de/index.html | 5 +- public/de/index.xml | 233 ++++++++++++- public/de/posts/index.html | 5 +- public/de/posts/index.xml | 233 ++++++++++++- public/de/posts/one-word/index.html | 2 +- public/de/posts/random-story/index.html | 6 +- public/de/posts/showcase-code/index.html | 183 ++++++++++ public/de/posts/showcase/index.html | 58 +++ public/de/posts/test-post/index.html | 2 +- public/de/sitemap.xml | 2 +- public/de/tags/code/index.html | 4 + public/de/tags/code/index.xml | 232 ++++++++++++ public/de/tags/code/page/1/index.html | 2 + public/de/tags/index.html | 2 +- public/de/tags/index.xml | 2 +- public/de/tags/markdown/index.html | 5 + public/de/tags/markdown/index.xml | 1 + public/de/tags/markdown/page/1/index.html | 2 + public/de/tags/programming/index.html | 4 + public/de/tags/programming/index.xml | 232 ++++++++++++ public/de/tags/programming/page/1/index.html | 2 + public/de/tags/showcase/index.html | 5 + public/de/tags/showcase/index.xml | 1 + public/de/tags/showcase/page/1/index.html | 2 + public/de/tags/styling/index.html | 5 + public/de/tags/styling/index.xml | 1 + public/de/tags/styling/page/1/index.html | 2 + public/en/about/index.html | 2 +- public/en/index.html | 5 +- public/en/index.xml | 233 ++++++++++++- public/en/posts/index.html | 5 +- public/en/posts/index.xml | 233 ++++++++++++- public/en/posts/one-word/index.html | 2 +- public/en/posts/random-story/index.html | 6 +- public/en/posts/showcase-code/index.html | 183 ++++++++++ public/en/posts/showcase/index.html | 58 +++ public/en/posts/test-post/index.html | 2 +- public/en/sitemap.xml | 2 +- public/en/tags/code/index.html | 4 + public/en/tags/code/index.xml | 232 ++++++++++++ public/en/tags/code/page/1/index.html | 2 + public/en/tags/index.html | 2 +- public/en/tags/index.xml | 2 +- public/en/tags/markdown/index.html | 5 + public/en/tags/markdown/index.xml | 1 + public/en/tags/markdown/page/1/index.html | 2 + public/en/tags/programming/index.html | 4 + public/en/tags/programming/index.xml | 232 ++++++++++++ public/en/tags/programming/page/1/index.html | 2 + public/en/tags/showcase/index.html | 5 + public/en/tags/showcase/index.xml | 1 + public/en/tags/showcase/page/1/index.html | 2 + public/en/tags/styling/index.html | 5 + public/en/tags/styling/index.xml | 1 + public/en/tags/styling/page/1/index.html | 2 + public/sitemap.xml | 2 +- 64 files changed, 3561 insertions(+), 28 deletions(-) create mode 100644 content/_index.de.md create mode 100644 content/_index.en.md create mode 100644 content/posts/showcase-code.de.md create mode 100644 content/posts/showcase-code.en.md create mode 100644 content/posts/showcase.de.md create mode 100644 content/posts/showcase.en.md create mode 100644 public/de/posts/showcase-code/index.html create mode 100644 public/de/posts/showcase/index.html create mode 100644 public/de/tags/code/index.html create mode 100644 public/de/tags/code/index.xml create mode 100644 public/de/tags/code/page/1/index.html create mode 100644 public/de/tags/markdown/index.html create mode 100644 public/de/tags/markdown/index.xml create mode 100644 public/de/tags/markdown/page/1/index.html create mode 100644 public/de/tags/programming/index.html create mode 100644 public/de/tags/programming/index.xml create mode 100644 public/de/tags/programming/page/1/index.html create mode 100644 public/de/tags/showcase/index.html create mode 100644 public/de/tags/showcase/index.xml create mode 100644 public/de/tags/showcase/page/1/index.html create mode 100644 public/de/tags/styling/index.html create mode 100644 public/de/tags/styling/index.xml create mode 100644 public/de/tags/styling/page/1/index.html create mode 100644 public/en/posts/showcase-code/index.html create mode 100644 public/en/posts/showcase/index.html create mode 100644 public/en/tags/code/index.html create mode 100644 public/en/tags/code/index.xml create mode 100644 public/en/tags/code/page/1/index.html create mode 100644 public/en/tags/markdown/index.html create mode 100644 public/en/tags/markdown/index.xml create mode 100644 public/en/tags/markdown/page/1/index.html create mode 100644 public/en/tags/programming/index.html create mode 100644 public/en/tags/programming/index.xml create mode 100644 public/en/tags/programming/page/1/index.html create mode 100644 public/en/tags/showcase/index.html create mode 100644 public/en/tags/showcase/index.xml create mode 100644 public/en/tags/showcase/page/1/index.html create mode 100644 public/en/tags/styling/index.html create mode 100644 public/en/tags/styling/index.xml create mode 100644 public/en/tags/styling/page/1/index.html diff --git a/content/_index.de.md b/content/_index.de.md new file mode 100644 index 0000000..c523791 --- /dev/null +++ b/content/_index.de.md @@ -0,0 +1,8 @@ ++++ +author = "Benjamin" +framed = true ++++ + +# Heda! 👋 + +Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um! diff --git a/content/_index.en.md b/content/_index.en.md new file mode 100644 index 0000000..732032f --- /dev/null +++ b/content/_index.en.md @@ -0,0 +1,8 @@ ++++ +author = "Benjamin" +framed = true ++++ + +# Hello there! 👋 + +My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around! diff --git a/content/posts/showcase-code.de.md b/content/posts/showcase-code.de.md new file mode 100644 index 0000000..1adfd3e --- /dev/null +++ b/content/posts/showcase-code.de.md @@ -0,0 +1,349 @@ ++++ +author = "Radek" +title = "Varianten von Code-Blöcken" +date = "2025-04-09T07:17:39+02:00" +description = "Beispielartikel, der die beliebtesten Programmiersprachen zeigt." +tags = ["programming", "code"] ++++ + +Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: "Es ist in Go geschrieben und ist wirklich, wirklich schnell." + +Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des `{{ < code > }}` Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der [offiziellen Hugo-Dokumentation](https://gohugo.io/content-management/syntax-highlighting/) nachlesen können. + +--- + +## Beispiele: + +### Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung) + +``` + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +``` + +### Mit spezifizierter Sprache + +#### Zeilenhervorhebung + +```html {hl_lines=[5]} + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +``` + +#### Zeilenhervorhebung / Tabellenzeilennummern + +```html {linenos=table,hl_lines=[5]} + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +``` + +#### Zeilenhervorhebung / Inline-Zeilennummern + +```html {linenos=inline,hl_lines=[5]} + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +``` + +#### Hugos interner `{{ < highlight > }}` Shortcode + +{{< highlight html >}} + + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +{{< /highlight >}} + +#### Benutzerdefinierter eingebauter `{{ < code > }}` Shortcode + +{{< code title="Hey, dies ist der Titel eines Code-Blocks" language="html" open="true" opts="linenos=table" >}} + + + + + + Beispiel HTML5-Dokument + + +

Test

+ + + +{{< /code >}} + +## Programmiersprachen: + +### A + +```abap +WRITE 'Hello, World!'. +``` + +```actionscript +package { + public class HelloWorld { + public static function main():void { + trace("Hello, World!"); + } + } +} +``` + +```ada +with Ada.Text_IO; use Ada.Text_IO; +procedure Hello is +begin + Put_Line("Hello, World!"); +end Hello; +``` + +### B + +```bash +echo "Hello, World!" +``` + +```brainfuck ++[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++. +``` + +### C + +```c +#include +int main() { + printf("Hello, World!\n"); + return 0; +} +``` + +```csharp +using System; +class Program { + static void Main() { + Console.WriteLine("Hello, World!"); + } +} +``` + +```c++ +#include +int main() { + std::cout << "Hello, World!" << std::endl; + return 0; +} +``` + +### D + +```d +import std.stdio; +void main() { + writeln("Hello, World!"); +} +``` + +### E + +```elixir +IO.puts "Hello, World!" +``` + +```erlang +-module(hello). +-export([world/0]). +world() -> io:format("Hello, World!~n"). +``` + +### F + +```fsharp +printfn "Hello, World!" +``` + +### G + +```go +package main +import "fmt" +func main() { + fmt.Println("Hello, World!") +} +``` + +### H + +```haskell +main = putStrLn "Hello, World!" +``` + +### J + +```js +var x, y, z; // Declare 3 variables +x = 5; // Assign the value 5 to x +y = 6; // Assign the value 6 to y +z = x + y; // Assign the sum of x and y to z + +document.getElementById("demo").innerHTML = "The value of z is " + z + "."; +``` + +```jsx +function Video({ video }) { + return ( +
+ + +

{video.title}

+

{video.description}

+ + +
+ ); +} +``` + +```java +public class HelloWorld { + public static void main(String[] args) { + System.out.println("Hello, World!"); + } +} +``` + +### K + +```kotlin +fun main() { + println("Hello, World!") +} +``` + +### L + +```lua +print("Hello, World!") +``` + +### M + +```matlab +disp('Hello, World!') +``` + +### N + +```nim +echo "Hello, World!" +``` + +### O + +```objectivec +#import +int main() { + @autoreleasepool { + NSLog(@"Hello, World!"); + } + return 0; +} +``` + +### P + +```perl +print("Hello, World!\n"); +``` + +```php + +``` + +```python +print("Hello, World!") +``` + +### R + +```r +cat("Hello, World!\n") +``` + +```ruby +puts "Hello, World!" +``` + +```rust +fn main() { + println!("Hello, World!"); +} +``` + +### S + +```scala +object HelloWorld extends App { + println("Hello, World!") +} +``` + +### T + +```typescript +console.log("Hello, World!"); +``` + +### V + +```vlang +fn main() { + println('Hello, World!') +} +``` + +### Z + +```zig +const std = @import("std"); +pub fn main() !void { + std.debug.print("Hello, World!\n", .{}); +} +``` diff --git a/content/posts/showcase-code.en.md b/content/posts/showcase-code.en.md new file mode 100644 index 0000000..4be11e7 --- /dev/null +++ b/content/posts/showcase-code.en.md @@ -0,0 +1,349 @@ ++++ +author = "Radek" +title = "Code blocks variants" +date = "2025-04-09T07:17:39+02:00" +description = "Sample article showcasing most popular programming languages." +tags = ["programming", "code"] ++++ + +Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: "it is built in Go and is really, really fast". + +Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the `{{ < code > }}` shortcode example, all other blocks are generated based on the configuration you can learn about from the [official Hugo docs](https://gohugo.io/content-management/syntax-highlighting/). + +--- + +## Examples: + +### Raw block with no specified language (and no syntax highlighting) + +``` + + + + + Example HTML5 Document + + +

Test

+ + +``` + +### With specified language + +#### Line highlighting + +```html {hl_lines=[5]} + + + + + Example HTML5 Document + + +

Test

+ + +``` + +#### Line highlighting / table line numbers + +```html {linenos=table,hl_lines=[5]} + + + + + Example HTML5 Document + + +

Test

+ + +``` + +#### Line highlighting / inline line numbers + +```html {linenos=inline,hl_lines=[5]} + + + + + Example HTML5 Document + + +

Test

+ + +``` + +#### Hugo's internal `{{ < highlight > }}` shortcode + +{{< highlight html >}} + + + + + + Example HTML5 Document + + +

Test

+ + +{{< /highlight >}} + +#### Custom built-in `{{ < code > }}` shortcode + +{{< code title="Hey, this is a code block title" language="html" open="true" opts="linenos=table" >}} + + + + + + Example HTML5 Document + + +

Test

+ + + +{{< /code >}} + +## Programming languages: + +### A + +```abap +WRITE 'Hello, World!'. +``` + +```actionscript +package { + public class HelloWorld { + public static function main():void { + trace("Hello, World!"); + } + } +} +``` + +```ada +with Ada.Text_IO; use Ada.Text_IO; +procedure Hello is +begin + Put_Line("Hello, World!"); +end Hello; +``` + +### B + +```bash +echo "Hello, World!" +``` + +```brainfuck ++[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++. +``` + +### C + +```c +#include +int main() { + printf("Hello, World!\n"); + return 0; +} +``` + +```csharp +using System; +class Program { + static void Main() { + Console.WriteLine("Hello, World!"); + } +} +``` + +```c++ +#include +int main() { + std::cout << "Hello, World!" << std::endl; + return 0; +} +``` + +### D + +```d +import std.stdio; +void main() { + writeln("Hello, World!"); +} +``` + +### E + +```elixir +IO.puts "Hello, World!" +``` + +```erlang +-module(hello). +-export([world/0]). +world() -> io:format("Hello, World!~n"). +``` + +### F + +```fsharp +printfn "Hello, World!" +``` + +### G + +```go +package main +import "fmt" +func main() { + fmt.Println("Hello, World!") +} +``` + +### H + +```haskell +main = putStrLn "Hello, World!" +``` + +### J + +```js +var x, y, z; // Declare 3 variables +x = 5; // Assign the value 5 to x +y = 6; // Assign the value 6 to y +z = x + y; // Assign the sum of x and y to z + +document.getElementById("demo").innerHTML = "The value of z is " + z + "."; +``` + +```jsx +function Video({ video }) { + return ( + + ); +} +``` + +```java +public class HelloWorld { + public static void main(String[] args) { + System.out.println("Hello, World!"); + } +} +``` + +### K + +```kotlin +fun main() { + println("Hello, World!") +} +``` + +### L + +```lua +print("Hello, World!") +``` + +### M + +```matlab +disp('Hello, World!') +``` + +### N + +```nim +echo "Hello, World!" +``` + +### O + +```objectivec +#import +int main() { + @autoreleasepool { + NSLog(@"Hello, World!"); + } + return 0; +} +``` + +### P + +```perl +print("Hello, World!\n"); +``` + +```php + +``` + +```python +print("Hello, World!") +``` + +### R + +```r +cat("Hello, World!\n") +``` + +```ruby +puts "Hello, World!" +``` + +```rust +fn main() { + println!("Hello, World!"); +} +``` + +### S + +```scala +object HelloWorld extends App { + println("Hello, World!") +} +``` + +### T + +```typescript +console.log("Hello, World!"); +``` + +### V + +```vlang +fn main() { + println('Hello, World!') +} +``` + +### Z + +```zig +const std = @import("std"); +pub fn main() !void { + std.debug.print("Hello, World!\n", .{}); +} +``` diff --git a/content/posts/showcase.de.md b/content/posts/showcase.de.md new file mode 100644 index 0000000..60c86be --- /dev/null +++ b/content/posts/showcase.de.md @@ -0,0 +1,193 @@ ++++ +author = "Hugo Autoren & Radek" +title = "Beispielvorführung" +date = "2025-04-09T07:01:12+02:00" +description = "Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt." +tags = ['showcase', 'markdown', 'styling'] ++++ + +Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind. + + +## Überschriften + +Die folgenden HTML-Elemente `

`—`

` repräsentieren sechs Ebenen von Abschnittsüberschriften. `

` ist die höchste Abschnittsebene, während `

` die niedrigste ist. + +# H1 +## 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. + +Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. + +## Bilder + +![Terminal Theme Preview](/img/terminal-theme.png) + +### Abbildung mit Beschriftung + +{{< figure src="/img/terminal-theme.png" alt="Terminal Theme Preview" position="center" caption="Terminal Theme Preview" captionPosition="center" >}} + +## Zitate + +Das Blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einer Zitation, die innerhalb eines `footer`- oder `cite`-Elements enthalten sein muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen. + +### Blockquote ohne Attribution + +> Tiam, ad mint andaepu dandae nostion secatur sequo quae. +> **Beachte**, dass du *Markdown-Syntax* innerhalb eines Blockquotes verwenden kannst. + +### Blockquote mit Attribution + +> Kommuniziere nicht durch das Teilen von Speicher, teile Speicher durch Kommunizieren.
+> — Rob Pike[^1] + +[^1]: Das obige Zitat stammt aus Rob Pikes [Vortrag](https://www.youtube.com/watch?v=PAAkCSZUG1c) während Gopherfest am 18. November 2015. + +## Buttons und Links + + +Link +Link + +## Tabellen + +Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig. + + Name | Alter +--------|------ + Bob | 27 + Alice | 23 + +### Inline Markdown innerhalb von Tabellen + +| Kursiv | Fett | Code | +| -------- | -------- | ------ | +| *kursiv* | **fett** | `code` | + +## Formulare + +
+
+
+
+
+
+ Ich verstehe
+ +
+ +## Code-Blöcke + +### Code-Block mit Backticks + +```html + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +``` + +### Code-Block eingerückt mit vier Leerzeichen + + + + + + Beispiel HTML5-Dokument + + +

Test

+ + + +### Code-Block mit Hugos internem Highlight-Shortcode + +{{< highlight html >}} + + + + + Beispiel HTML5-Dokument + + +

Test

+ + +{{< /highlight >}} + +### Code-Block mit benutzerdefiniertem eingebautem `{{ < code > }}` Shortcode + +{{< code title="Hey, dies ist der Titel eines Code-Blocks" language="css" >}} +pre { + background: #1a1a1d; + padding: 20px; + border-radius: 8px; + font-size: 1rem; + overflow: auto; + + @media (--phone) { + white-space: pre-wrap; + word-wrap: break-word; + } + + code { + background: none !important; + color: #ccc; + padding: 0; + font-size: inherit; + } +} +{{< /code >}} + +## Listenarten + +### Geordnete Liste + +1. Erstes Element +2. Zweites Element +3. Drittes Element + +### Ungeordnete Liste + +* Listenelement +* Weiteres Element +* Noch ein Element + +### Verschachtelte 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 CTRL+ALT+Entf, um die Sitzung zu beenden. + +Die meisten Salamander sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen. diff --git a/content/posts/showcase.en.md b/content/posts/showcase.en.md new file mode 100644 index 0000000..537543e --- /dev/null +++ b/content/posts/showcase.en.md @@ -0,0 +1,193 @@ ++++ +author = "Hugo Authors & Radek" +title = "Showcase" +date = "2025-04-09T07:01:12+02:00" +description = "Sample article showcasing basic styling and formatting for HTML elements." +tags = ['showcase', 'markdown', 'styling'] ++++ + +This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. + + +## Headings + +The following HTML `

`—`

` elements represent six levels of section headings. `

` is the highest section level while `

` is the lowest. + +# H1 +## H2 +### H3 +### H4 +#### H5 +##### H6 + +## Paragraph + +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. + +Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. + +## Images + +![Terminal Theme Preview](/img/terminal-theme.png) + +### Figure with a caption + +{{< figure src="/img/terminal-theme.png" alt="Terminal Theme Preview" position="center" caption="Terminal Theme Preview" captionPosition="center" >}} + +## Blockquotes + +The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations. + +### Blockquote without attribution + +> Tiam, ad mint andaepu dandae nostion secatur sequo quae. +> **Note** that you can use *Markdown syntax* within a blockquote. + +### Blockquote with attribution + +> Don't communicate by sharing memory, share memory by communicating.
+> — Rob Pike[^1] + +[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. + +## Buttons and links + + +Link +Link + +## Tables + +Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. + + Name | Age +--------|------ + Bob | 27 + Alice | 23 + +### Inline Markdown within tables + +| Italics | Bold | Code | +| -------- | -------- | ------ | +| *italics* | **bold** | `code` | + +## Forms + +
+
+
+
+
+
+ I understand
+ +
+ +## Code Blocks + +### Code block with backticks + +```html + + + + + Example HTML5 Document + + +

Test

+ + +``` + +### Code block indented with four spaces + + + + + + Example HTML5 Document + + +

Test

+ + + +### Code block with Hugo's internal highlight shortcode + +{{< highlight html >}} + + + + + Example HTML5 Document + + +

Test

+ + +{{< /highlight >}} + +### Code block with custom built-in `{{ < code > }}` shortcode + +{{< code title="Hey, this is a code block title" language="css" >}} +pre { + background: #1a1a1d; + padding: 20px; + border-radius: 8px; + font-size: 1rem; + overflow: auto; + + @media (--phone) { + white-space: pre-wrap; + word-wrap: break-word; + } + + code { + background: none !important; + color: #ccc; + padding: 0; + font-size: inherit; + } +} +{{< /code >}} + +## List Types + +### Ordered List + +1. First item +2. Second item +3. Third item + +### Unordered List + +* List item +* Another item +* And another item + +### Nested list + +* Fruit + * Apple + * Orange + * Banana +* Dairy + * Milk + * Cheese + +## Other Elements — abbr, sub, sup, kbd, mark + +GIF is a bitmap image format. + +H2O + +Xn + Yn = Zn + +Press CTRL+ALT+Delete to end the session. + +Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. diff --git a/hugo.toml b/hugo.toml index 191c70e..724b300 100644 --- a/hugo.toml +++ b/hugo.toml @@ -2,13 +2,18 @@ baseURL = "https://blog.privacynerd.de/" #baseURL = "/" title = "Privacynerd's blog" #theme = "re-terminal" # v2.4.1 (working!) -theme = "terminal" # 4.2.1 (working!) +#theme = "terminal" # 4.2.1 (working!) +theme = "terminal-fork" # for devel purposes defaultContentLanguage = "en" defaultContentLanguageInSubdir = true pagination.pagerSize = 5 +# Required for Chroma and the custom syntax highlighting (terminal theme) +[markup.highlight] + noClasses = false + [params] # dir name of your main content (default is `content/posts`). # the list of set content will show up on your index page (baseurl). @@ -22,6 +27,11 @@ pagination.pagerSize = 5 # show selector to switch language showLanguageSelector = true # (default: false) + + # the language selector always links... + # - true: the translated content equivalent (e.g. /en/posts/some-post directly → /de/posts/some-post), + # - false: just to the translated root (e.g. /en/posts/some-post → /de) + changeLanguageOfCurrentPage = true # (default: false) # set theme to full screen width fullWidthTheme = false # (default: false) @@ -36,7 +46,7 @@ pagination.pagerSize = 5 # set post to show the last updated # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated - #showLastUpdated = true # (default: false) + # showLastUpdated = true # (default: false) # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author # updatedDatePrefix = "Updated" @@ -45,7 +55,8 @@ pagination.pagerSize = 5 oneHeadingSize = false # (default: true) # whether to show a page's estimated reading time - showReadingTime = true # (default: false) + # showReadingTime = true # (for the re-terminal theme with adaptions in layouts/ folder; default: false) + readingTime = true # (default: false) # whether to show a table of contents # can be overridden in a page's front-matter diff --git a/public/de/about/index.html b/public/de/about/index.html index 126881a..d259873 100644 --- a/public/de/about/index.html +++ b/public/de/about/index.html @@ -5,7 +5,7 @@ Below you can read the original about from Radek ">

Über

Hallo in a new age#

You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.

So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome

Below you can read the original about from Radek

Hi there

My name is Radek and I’m the author of this theme. +">

Über

1 min read (190 words)

Hallo in a new age#

You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.

So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome

Below you can read the original about from Radek

Hi there

My name is Radek and I’m the author of this theme. I made it to help you present your ideas easier.

We all know how hard is to start something on the web, especially these days. You need to prepare a bunch of stuff, configure them and when that’s done — create the content.

This theme is pretty basic and covers all of the essentials. diff --git a/public/de/index.html b/public/de/index.html index 32038d7..3de5634 100644 --- a/public/de/index.html +++ b/public/de/index.html @@ -1,4 +1,7 @@ Privacynerd's blog -

Eine beliebige Geschichte

#story  +

Heda! 👋

Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um!

Deutscher Test Post

Test Post in German

Lorem ipsum

dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.

© 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt :: Theme made by panr
\ No newline at end of file diff --git a/public/de/index.xml b/public/de/index.xml index c0b06d8..b257f13 100644 --- a/public/de/index.xml +++ b/public/de/index.xml @@ -1,4 +1,235 @@ -Privacynerd's bloghttps://blog.privacynerd.de/de/Recent content on Privacynerd's blogHugodeTue, 08 Apr 2025 17:55:25 +0200Eine beliebige Geschichtehttps://blog.privacynerd.de/de/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/posts/random-story/<p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p> +Privacynerd's bloghttps://blog.privacynerd.de/de/Recent content on Privacynerd's blogHugodeWed, 09 Apr 2025 07:17:39 +0200Varianten von Code-Blöckenhttps://blog.privacynerd.de/de/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/de/posts/showcase-code/<p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p> +<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p> +<hr> +<h2 id="beispiele">Beispiele:</h2> +<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3> +<pre tabindex="0"><code>&lt;!doctype html&gt; +&lt;html lang=&#34;en&#34;&gt; + &lt;head&gt; + &lt;meta charset=&#34;utf-8&#34; /&gt; + &lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt; + &lt;/head&gt; + &lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; + &lt;/body&gt; +&lt;/html&gt; +</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3> +<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="hl"><span class="lnt"> 5 +</span></span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></td></tr></table> +</div> +</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div> +<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4> + + + +<details class="collapsable-code" open> + <summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary> + <div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table> +</div> +</div></details> + +<h2 id="programmiersprachen">Programmiersprachen:</h2> +<h3 id="a">A</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span> +</span></span><span class="line"><span class="cl"><span class="kr">begin</span> +</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span> +</span></span></code></pre></div><h3 id="b">B</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c"> +</span></span></span></code></pre></div><h3 id="c">C</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp"> +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"> +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="d">D</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span> +</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span> +</span></span><span class="line"><span class="cl"><span class="o">}</span> +</span></span></code></pre></div><h3 id="e">E</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span> +</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span> +</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span> +</span></span></code></pre></div><h3 id="f">F</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="g">G</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span> +</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span> +</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="h">H</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="j">J</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z +</span></span></span><span class="line"><span class="cl"><span class="c1"></span> +</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">);</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div><h3 id="k">K</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="l">L</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="m">M</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="n">N</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="o">O</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt; +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="p">P</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err"> +</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="r">R</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div><h3 id="s">S</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span> +</span></span><span class="line"><span class="cl"><span class="o">}</span> +</span></span></code></pre></div><h3 id="t">T</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span></code></pre></div><h3 id="v">V</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="z">Z</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div>Beispielvorführunghttps://blog.privacynerd.de/de/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/de/posts/showcase/<p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p>Eine beliebige Geschichtehttps://blog.privacynerd.de/de/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/posts/random-story/<p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p> <h2 id="prompt">Prompt</h2> <p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p> <h2 id="antwort">Antwort</h2> diff --git a/public/de/posts/index.html b/public/de/posts/index.html index 2f53d53..4aa0f55 100644 --- a/public/de/posts/index.html +++ b/public/de/posts/index.html @@ -1,4 +1,7 @@ Posts :: Privacynerd's blog -

Eine beliebige Geschichte

#story  +

Deutscher Test Post

Test Post in German

Lorem ipsum

dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.

© 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt :: Theme made by panr
\ No newline at end of file diff --git a/public/de/posts/index.xml b/public/de/posts/index.xml index ba0ba1a..1d6c373 100644 --- a/public/de/posts/index.xml +++ b/public/de/posts/index.xml @@ -1,4 +1,235 @@ -Posts on Privacynerd's bloghttps://blog.privacynerd.de/de/posts/Recent content in Posts on Privacynerd's blogHugodeTue, 08 Apr 2025 17:55:25 +0200Eine beliebige Geschichtehttps://blog.privacynerd.de/de/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/posts/random-story/<p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p> +Posts on Privacynerd's bloghttps://blog.privacynerd.de/de/posts/Recent content in Posts on Privacynerd's blogHugodeWed, 09 Apr 2025 07:17:39 +0200Varianten von Code-Blöckenhttps://blog.privacynerd.de/de/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/de/posts/showcase-code/<p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p> +<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p> +<hr> +<h2 id="beispiele">Beispiele:</h2> +<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3> +<pre tabindex="0"><code>&lt;!doctype html&gt; +&lt;html lang=&#34;en&#34;&gt; + &lt;head&gt; + &lt;meta charset=&#34;utf-8&#34; /&gt; + &lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt; + &lt;/head&gt; + &lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; + &lt;/body&gt; +&lt;/html&gt; +</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3> +<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="hl"><span class="lnt"> 5 +</span></span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></td></tr></table> +</div> +</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div> +<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4> + + + +<details class="collapsable-code" open> + <summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary> + <div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table> +</div> +</div></details> + +<h2 id="programmiersprachen">Programmiersprachen:</h2> +<h3 id="a">A</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span> +</span></span><span class="line"><span class="cl"><span class="kr">begin</span> +</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span> +</span></span></code></pre></div><h3 id="b">B</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c"> +</span></span></span></code></pre></div><h3 id="c">C</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp"> +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"> +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="d">D</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span> +</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span> +</span></span><span class="line"><span class="cl"><span class="o">}</span> +</span></span></code></pre></div><h3 id="e">E</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span> +</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span> +</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span> +</span></span></code></pre></div><h3 id="f">F</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="g">G</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span> +</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span> +</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="h">H</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="j">J</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y +</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z +</span></span></span><span class="line"><span class="cl"><span class="c1"></span> +</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> +</span></span><span class="line"><span class="cl"> <span class="p">);</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div><h3 id="k">K</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="l">L</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="m">M</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="n">N</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><h3 id="o">O</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt; +</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span><span class="line"><span class="cl"> <span class="p">}</span> +</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="p">P</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err"> +</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> +</span></span></code></pre></div><h3 id="r">R</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span> +</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div><h3 id="s">S</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span> +</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span> +</span></span><span class="line"><span class="cl"><span class="o">}</span> +</span></span></code></pre></div><h3 id="t">T</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span> +</span></span></code></pre></div><h3 id="v">V</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> +</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span> +</span></span><span class="line"><span class="cl"><span class="p">}</span> +</span></span></code></pre></div><h3 id="z">Z</h3> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w"> +</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> +</span></span></span></code></pre></div>Beispielvorführunghttps://blog.privacynerd.de/de/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/de/posts/showcase/<p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p>Eine beliebige Geschichtehttps://blog.privacynerd.de/de/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/posts/random-story/<p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p> <h2 id="prompt">Prompt</h2> <p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p> <h2 id="antwort">Antwort</h2> diff --git a/public/de/posts/one-word/index.html b/public/de/posts/one-word/index.html index 70ffcfa..2135ad9 100644 --- a/public/de/posts/one-word/index.html +++ b/public/de/posts/one-word/index.html @@ -1,5 +1,5 @@ Ein Wort! :: Privacynerd's blog -

Ein Wort!

Nureinwort#