diff --git a/hugo.toml b/hugo.toml index 724b300..82c9833 100644 --- a/hugo.toml +++ b/hugo.toml @@ -28,6 +28,7 @@ pagination.pagerSize = 5 # show selector to switch language showLanguageSelector = true # (default: false) + # ↓ currently in a PR (and in my fork in the my-master branch) # 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) @@ -82,7 +83,7 @@ pagination.pagerSize = 5 languageName = "English" weight = 1 [languages.en.params] - readingSpeed = 108 + readingSpeed = 108 # currently in a PR (and in my fork in the my-master branch) subtitle = "Blog of privacynerd" owner = "" keywords = "" @@ -97,16 +98,20 @@ pagination.pagerSize = 5 # set title for the table of contents # can be overridden in a page's front-matter TocTitle = "Table of Contents" # default + words = "words" # (default: words) + + # below are items added by BlueFox (me) _menu = "Menu" - _minute = "minute" - _minutes = "minutes" - _readingTime = "to read" - _word = "word" - _words = "words" _imprint = "Imprint" - _by = "by" + _made_by = "made by" _customized = "customized" + # and the following are currently in a PR (and in my fork in the my-master branch) + minute = "minute" + minutes = "minutes" + to_read = "to read" + word = "word" + [languages.en.params.logo] logoText = "Privacynerd's blog" logoHomeLink = "/en" @@ -133,7 +138,7 @@ pagination.pagerSize = 5 languageName = "Deutsch" weight = 2 [languages.de.params] - readingSpeed = 111 + readingSpeed = 111 # currently in a PR (and in my fork in the my-master branch) subtitle = "Blog von privacynerd" owner = "" keywords = "" @@ -148,16 +153,21 @@ pagination.pagerSize = 5 # set title for the table of contents # can be overridden in a page's front-matter TocTitle = "Inhaltsverzeichnis" # default + words = "Wörter" + + # below are items added by BlueFox (me) _menu = "Menü" - _minute = "Minute" - _minutes = "Minuten" - _readingTime = "Lesezeit" - _word = "Wort" - _words = "Wörter" _imprint = "Impressum" - _by = "von" + _made_by = "erstellt von" _customized = "angepasst" + # and the following are currently in a PR (and in my fork in the my-master branch) + minute = "Minute" + minutes = "Minuten" + to_read = "Lesezeit" + word = "Wort" + + [languages.de.params.logo] logoText = "Privacynerd's blog" logoHomeLink = "/de" diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 726efe1..43fb768 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -11,7 +11,7 @@ © {{ now.Year }} Powered by Hugo {{ end }} :: {{ $.Site.Params._Imprint }} - :: Theme made by panr ({{ $.Site.Params._Customized }}) + :: Theme {{ $.Site.Params._made_by }} panr ({{ $.Site.Params._Customized }}) diff --git a/public/de/404.html b/public/de/404.html index 1d76cda..300ce43 100644 --- a/public/de/404.html +++ b/public/de/404.html @@ -1,4 +1,282 @@ -404 Page not found :: Privacynerd's blog -

404 — Seite konnte nicht gefunden werden...

Zurück zur Startseite →
\ No newline at end of file + + + + + 404 Page not found :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + +
    +
  • de ▾
    • +
  • + +
    • +
+ + + +
+ + + + +
+ + +
+ +
+

404 — Seite konnte nicht gefunden werden...

+ +
+ Zurück zur Startseite → +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/public/de/about/index.html b/public/de/about/index.html index cd27d59..0f50756 100644 --- a/public/de/about/index.html +++ b/public/de/about/index.html @@ -1,17 +1,330 @@ -Über :: Privacynerd's blog - + + + Über :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Ü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, +" /> + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + +
+ +
+
+ + + + + + +
    +
  • de ▾
    • +
  • + +
    • +
+ + + +
+ + + + +
+ + +
+ +
+

+ Über +

+
2 Minuten Lesezeit (190 Wörter)
+ + + + + + + +
+

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. -All you have to do is start typing!

The theme includes:

  • 5 duotone themes, -depending on your preferences (orange, red, blue, green, pink)
  • Fira Code -as default monospaced font. It’s gorgeous!
  • really nice, custom duotone syntax highlighting based on -PrismJS
  • mobile friendly layout

So, there you have it… enjoy!

Blubb.

© 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
\ No newline at end of file +configure them and when that’s done — create the content.

+

This theme is pretty basic and covers all of the essentials. +All you have to do is start typing!

+

The theme includes:

+
    +
  • 5 duotone themes, +depending on your preferences (orange, red, blue, green, pink)
    • +
  • Fira Code +as default monospaced font. It’s gorgeous!
    • +
  • really nice, custom duotone syntax highlighting based on +PrismJS
    • +
  • mobile friendly layout
    • +
+

So, there you have it… enjoy!

+

Blubb.

+ +
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/public/de/categories/index.html b/public/de/categories/index.html index dd5d7dd..7b9437a 100644 --- a/public/de/categories/index.html +++ b/public/de/categories/index.html @@ -1,4 +1,284 @@ -Categories :: Privacynerd's blog -

Categories

    \ No newline at end of file + + + + + Categories :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    Categories

    + +
      + + +
    +
    + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/categories/index.xml b/public/de/categories/index.xml index ca9ce97..bfef197 100644 --- a/public/de/categories/index.xml +++ b/public/de/categories/index.xml @@ -1 +1,11 @@ -Categories on Privacynerd's bloghttps://blog.privacynerd.de/de/categories/Recent content in Categories on Privacynerd's blogHugode \ No newline at end of file + + + + Categories on Privacynerd's blog + https://blog.privacynerd.de/de/categories/ + Recent content in Categories on Privacynerd's blog + Hugo + de + + + diff --git a/public/de/index.html b/public/de/index.html index bd7278d..5b83029 100644 --- a/public/de/index.html +++ b/public/de/index.html @@ -1,8 +1,459 @@ -Privacynerd's blog -

    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.

    [Mehr lesen]
    \ No newline at end of file + + + + + + Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + + +
    +

    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.

    + +
    + + +
    + [Mehr lesen] +
    + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/index.xml b/public/de/index.xml index b257f13..1f8b976 100644 --- a/public/de/index.xml +++ b/public/de/index.xml @@ -1,245 +1,54 @@ -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> -<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ -Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. -Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. -Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p>Ein Wort!https://blog.privacynerd.de/de/posts/one-word/Sat, 05 Apr 2025 22:48:12 +0200https://blog.privacynerd.de/de/posts/one-word/<h1 id="nureinwort">Nureinwort</h1>Deutscher Test Posthttps://blog.privacynerd.de/de/posts/test-post/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/de/posts/test-post/<h1 id="test-post-in-german">Test Post in German</h1> -<h2 id="lorem-ipsum">Lorem ipsum</h2> -<h3 id="dolor-sit-amet">dolor sit amet</h3> -<p>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.</p>Überhttps://blog.privacynerd.de/de/about/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/de/about/<h1 id="hallo-in-a-new-age">Hallo in a new age</h1> -<p>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.</p> -<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p> -<p>Below you can read the original about from Radek</p> \ No newline at end of file + + + + Privacynerd's blog + https://blog.privacynerd.de/de/ + Recent content on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:17:39 +0200 + + + Varianten von Code-Blöcken + https://blog.privacynerd.de/de/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://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ührung + https://blog.privacynerd.de/de/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://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 Geschichte + https://blog.privacynerd.de/de/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://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> <p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> + + + Ein Wort! + https://blog.privacynerd.de/de/posts/one-word/ + Sat, 05 Apr 2025 22:48:12 +0200 + https://blog.privacynerd.de/de/posts/one-word/ + <h1 id="nureinwort">Nureinwort</h1> + + + Deutscher Test Post + https://blog.privacynerd.de/de/posts/test-post/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/de/posts/test-post/ + <h1 id="test-post-in-german">Test Post in German</h1> <h2 id="lorem-ipsum">Lorem ipsum</h2> <h3 id="dolor-sit-amet">dolor sit amet</h3> <p>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.</p> + + + Über + https://blog.privacynerd.de/de/about/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/de/about/ + <h1 id="hallo-in-a-new-age">Hallo in a new age</h1> <p>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.</p> <p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p> <p>Below you can read the original about from Radek</p> + + + diff --git a/public/de/page/1/index.html b/public/de/page/1/index.html index 37923fc..658e088 100644 --- a/public/de/page/1/index.html +++ b/public/de/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/ + + + + + + diff --git a/public/de/posts/index.html b/public/de/posts/index.html index d896128..735a4b0 100644 --- a/public/de/posts/index.html +++ b/public/de/posts/index.html @@ -1,8 +1,438 @@ -Posts :: Privacynerd's blog -

    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.

    [Mehr lesen]
    \ No newline at end of file + + + + + Posts :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + + +
    + + + + + + + + + +
    +

    + 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.

    + +
    + + +
    + [Mehr lesen] +
    + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/posts/index.xml b/public/de/posts/index.xml index 1d6c373..4dea8fb 100644 --- a/public/de/posts/index.xml +++ b/public/de/posts/index.xml @@ -1,242 +1,47 @@ -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> -<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ -Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. -Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. -Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p>Ein Wort!https://blog.privacynerd.de/de/posts/one-word/Sat, 05 Apr 2025 22:48:12 +0200https://blog.privacynerd.de/de/posts/one-word/<h1 id="nureinwort">Nureinwort</h1>Deutscher Test Posthttps://blog.privacynerd.de/de/posts/test-post/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/de/posts/test-post/<h1 id="test-post-in-german">Test Post in German</h1> -<h2 id="lorem-ipsum">Lorem ipsum</h2> -<h3 id="dolor-sit-amet">dolor sit amet</h3> -<p>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.</p> \ No newline at end of file + + + + Posts on Privacynerd's blog + https://blog.privacynerd.de/de/posts/ + Recent content in Posts on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:17:39 +0200 + + + Varianten von Code-Blöcken + https://blog.privacynerd.de/de/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://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ührung + https://blog.privacynerd.de/de/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://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 Geschichte + https://blog.privacynerd.de/de/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://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> <p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> + + + Ein Wort! + https://blog.privacynerd.de/de/posts/one-word/ + Sat, 05 Apr 2025 22:48:12 +0200 + https://blog.privacynerd.de/de/posts/one-word/ + <h1 id="nureinwort">Nureinwort</h1> + + + Deutscher Test Post + https://blog.privacynerd.de/de/posts/test-post/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/de/posts/test-post/ + <h1 id="test-post-in-german">Test Post in German</h1> <h2 id="lorem-ipsum">Lorem ipsum</h2> <h3 id="dolor-sit-amet">dolor sit amet</h3> <p>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.</p> + + + diff --git a/public/de/posts/one-word/index.html b/public/de/posts/one-word/index.html index 04c98c8..12d924d 100644 --- a/public/de/posts/one-word/index.html +++ b/public/de/posts/one-word/index.html @@ -1,6 +1,325 @@ -Ein Wort! :: Privacynerd's blog -
    \ No newline at end of file + + + + + Ein Wort! :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + + + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/posts/page/1/index.html b/public/de/posts/page/1/index.html index 0a13974..b54fada 100644 --- a/public/de/posts/page/1/index.html +++ b/public/de/posts/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/posts/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/posts/ + + + + + + diff --git a/public/de/posts/random-story/index.html b/public/de/posts/random-story/index.html index 07dc668..2f6ab8f 100644 --- a/public/de/posts/random-story/index.html +++ b/public/de/posts/random-story/index.html @@ -1,10 +1,352 @@ -Eine beliebige Geschichte :: Privacynerd's blog -

    Eine beliebige Geschichte

    1 min read (211 words)
    #story  -#ai 

    Inhaltsverzeichnis

    Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.

    Prompt#

    Erzähle eine Geschichte mit ca. 200 Wörtern.

    Antwort#

    Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ + + + + + Eine beliebige Geschichte :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    + Eine beliebige Geschichte +

    +
    2 Minuten Lesezeit (211 Wörter)
    + + + + + #story  + + #ai  + + + + + + + +
    +

    + Inhaltsverzeichnis +

    + +
    + + +
    +

    Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.

    +

    Prompt#

    +

    Erzähle eine Geschichte mit ca. 200 Wörtern.

    +

    Antwort#

    +

    Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. -Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file +Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.

    + +
    + + + + + + + + + + + + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/posts/showcase-code/index.html b/public/de/posts/showcase-code/index.html index 1a1e405..93319d5 100644 --- a/public/de/posts/showcase-code/index.html +++ b/public/de/posts/showcase-code/index.html @@ -1,6 +1,311 @@ -Varianten von Code-Blöcken :: Privacynerd's blog -

    Varianten von Code-Blöcken

    Radek3 min read (516 words)
    #programming  -#code 

    Inhaltsverzeichnis

    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 nachlesen können.

    Beispiele:#

    Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)#

    <!doctype html>
+
+
+
+  
+    Varianten von Code-Blöcken :: Privacynerd's blog
+  
+  
+
+
+
+
+  
+
+
+
+
+
+
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+    
+  
+    
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
    
+
+  
    
+  
    
+    
+    
+      
+
+    
+    
+      
      
+  
    • de ▾
      • 
+  
    • 
+    
+  
      • 
+
    
+
+
+    
+  
    
+  
+    
+
+  
+
    
+
+
+  
    
+    
+
    
+  
    
+    Varianten von Code-Blöcken
+  
    
+  
    Radek5 Minuten Lesezeit (516 Wörter)
    
+
+  
+    
+      
+      #programming 
+      
+      #code 
+      
+    
+  
+  
+
+
+  
+    
    
+      
    
+        Inhaltsverzeichnis
+      
    
+      
+    
    
+  
+
+  
    
+        
    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 nachlesen können.
    
+
    
+
    Beispiele:# 
    
+
    Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)# 
    
+
    <!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -10,175 +315,283 @@
     <p>Test</p>
   </body>
 </html>
-
    Mit spezifizierter Sprache#
    Zeilenhervorhebung#
    <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Beispiel HTML5-Dokument</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
-
    Zeilenhervorhebung / Tabellenzeilennummern#
     1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-
    <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Beispiel HTML5-Dokument</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
-
    Zeilenhervorhebung / Inline-Zeilennummern#
     1<!doctype html>
- 2<html lang="en">
- 3  <head>
- 4    <meta charset="utf-8" />
- 5    <title>Beispiel HTML5-Dokument</title>
- 6  </head>
- 7  <body>
- 8    <p>Test</p>
- 9  </body>
-10</html>
-
    Hugos interner {{ < highlight > }} Shortcode#
    <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Beispiel HTML5-Dokument</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
    Benutzerdefinierter eingebauter {{ < code > }} Shortcode#
    Hey, dies ist der Titel eines Code-Blocks
     1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-
    <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Beispiel HTML5-Dokument</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
    Programmiersprachen:#
    A#
    WRITE 'Hello, World!'.
-
    package {
-    public class HelloWorld {
-        public static function main():void {
-            trace("Hello, World!");
-        }
-    }
-}
-
    with Ada.Text_IO; use Ada.Text_IO;
-procedure Hello is
-begin
-    Put_Line("Hello, World!");
-end Hello;
-
    B#
    echo "Hello, World!"
-
    +[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
-
    C#
    #include <stdio.h>
-int main() {
-    printf("Hello, World!\n");
-    return 0;
-}
-
    using System;
-class Program {
-    static void Main() {
-        Console.WriteLine("Hello, World!");
-    }
-}
-
    #include <iostream>
-int main() {
-    std::cout << "Hello, World!" << std::endl;
-    return 0;
-}
-
    D#
    import std.stdio;
-void main() {
-    writeln("Hello, World!");
-}
-
    E#
    IO.puts "Hello, World!"
-
    -module(hello).
--export([world/0]).
-world() -> io:format("Hello, World!~n").
-
    F#
    printfn "Hello, World!"
-
    G#
    package main
-import "fmt"
-func main() {
-    fmt.Println("Hello, World!")
-}
-
    H#
    main = putStrLn "Hello, World!"
-
    J#
    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 + ".";
-
    function Video({ video }) {
-  return (
-    <div>
-      <Thumbnail video={video} />
-      <a href={video.url}>
-        <h3>{video.title}</h3>
-        <p>{video.description}</p>
-      </a>
-      <LikeButton video={video} />
-    </div>
-  );
-}
-
    public class HelloWorld {
-    public static void main(String[] args) {
-        System.out.println("Hello, World!");
-    }
-}
-
    K#
    fun main() {
-    println("Hello, World!")
-}
-
    L#
    print("Hello, World!")
-
    M#
    disp('Hello, World!')
-
    N#
    echo "Hello, World!"
-
    O#
    #import <Foundation/Foundation.h>
-int main() {
-    @autoreleasepool {
-        NSLog(@"Hello, World!");
-    }
-    return 0;
-}
-
    P#
    print("Hello, World!\n");
-
    <?php echo "Hello, World!"; ?>
-
    print("Hello, World!")
-
    R#
    cat("Hello, World!\n")
-
    puts "Hello, World!"
-
    fn main() {
-    println!("Hello, World!");
-}
-
    S#
    object HelloWorld extends App {
-  println("Hello, World!")
-}
-
    T#
    console.log("Hello, World!");
-
    V#
    fn main() {
-    println('Hello, World!')
-}
-
    Z#
    const std = @import("std");
-pub fn main() !void {
-    std.debug.print("Hello, World!\n", .{});
-}
-
    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt
-:: Impressum
-:: Theme made by panr (angepasst)
    
\ No newline at end of file
+

    Mit spezifizierter Sprache#

    +

    Zeilenhervorhebung#

    +
    <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Beispiel HTML5-Dokument</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+

    Zeilenhervorhebung / Tabellenzeilennummern#

    +
    + +
    +
     1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
    		 +
    <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Beispiel HTML5-Dokument</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+
    +
    +

    Zeilenhervorhebung / Inline-Zeilennummern#

    +
     1<!doctype html>
+ 2<html lang="en">
+ 3  <head>
+ 4    <meta charset="utf-8" />
+ 5    <title>Beispiel HTML5-Dokument</title>
+ 6  </head>
+ 7  <body>
+ 8    <p>Test</p>
+ 9  </body>
+10</html>
+

    Hugos interner {{ < highlight > }} Shortcode#

    +
    <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Beispiel HTML5-Dokument</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
    +

    Benutzerdefinierter eingebauter {{ < code > }} Shortcode#

    + + + +
    + Hey, dies ist der Titel eines Code-Blocks +
    + +
    +
     1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
    		 +
    <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Beispiel HTML5-Dokument</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
    +
    +
    + +

    Programmiersprachen:#

    +

    A#

    +
    WRITE 'Hello, World!'.
+
    package {
+    public class HelloWorld {
+        public static function main():void {
+            trace("Hello, World!");
+        }
+    }
+}
+
    with Ada.Text_IO; use Ada.Text_IO;
+procedure Hello is
+begin
+    Put_Line("Hello, World!");
+end Hello;
+

    B#

    +
    echo "Hello, World!"
+
    +[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
+

    C#

    +
    #include <stdio.h>
+int main() {
+    printf("Hello, World!\n");
+    return 0;
+}
+
    using System;
+class Program {
+    static void Main() {
+        Console.WriteLine("Hello, World!");
+    }
+}
+
    #include <iostream>
+int main() {
+    std::cout << "Hello, World!" << std::endl;
+    return 0;
+}
+

    D#

    +
    import std.stdio;
+void main() {
+    writeln("Hello, World!");
+}
+

    E#

    +
    IO.puts "Hello, World!"
+
    -module(hello).
+-export([world/0]).
+world() -> io:format("Hello, World!~n").
+

    F#

    +
    printfn "Hello, World!"
+

    G#

    +
    package main
+import "fmt"
+func main() {
+    fmt.Println("Hello, World!")
+}
+

    H#

    +
    main = putStrLn "Hello, World!"
+

    J#

    +
    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 + ".";
+
    function Video({ video }) {
+  return (
+    <div>
+      <Thumbnail video={video} />
+      <a href={video.url}>
+        <h3>{video.title}</h3>
+        <p>{video.description}</p>
+      </a>
+      <LikeButton video={video} />
+    </div>
+  );
+}
+
    public class HelloWorld {
+    public static void main(String[] args) {
+        System.out.println("Hello, World!");
+    }
+}
+

    K#

    +
    fun main() {
+    println("Hello, World!")
+}
+

    L#

    +
    print("Hello, World!")
+

    M#

    +
    disp('Hello, World!')
+

    N#

    +
    echo "Hello, World!"
+

    O#

    +
    #import <Foundation/Foundation.h>
+int main() {
+    @autoreleasepool {
+        NSLog(@"Hello, World!");
+    }
+    return 0;
+}
+

    P#

    +
    print("Hello, World!\n");
+
    <?php echo "Hello, World!"; ?>
+
    print("Hello, World!")
+

    R#

    +
    cat("Hello, World!\n")
+
    puts "Hello, World!"
+
    fn main() {
+    println!("Hello, World!");
+}
+

    S#

    +
    object HelloWorld extends App {
+  println("Hello, World!")
+}
+

    T#

    +
    console.log("Hello, World!");
+

    V#

    +
    fn main() {
+    println('Hello, World!')
+}
+

    Z#

    +
    const std = @import("std");
+pub fn main() !void {
+    std.debug.print("Hello, World!\n", .{});
+}
+
    +
    + + + + + + + + + + + + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + diff --git a/public/de/posts/showcase/index.html b/public/de/posts/showcase/index.html index 3c31f89..6805e65 100644 --- a/public/de/posts/showcase/index.html +++ b/public/de/posts/showcase/index.html @@ -1,21 +1,410 @@ -Beispielvorführung :: Privacynerd's blog -

    Beispielvorführung

    Hugo Autoren & Radek3 min read (488 words)
    #showcase  -#markdown  -#styling 

    Inhaltsverzeichnis

    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 <h1>—<h6> repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene, während <h6> 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

    Abbildung mit Beschriftung#

    Terminal Theme Preview

    Terminal Theme Preview

    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 Pike1

    Button -Link -Link

    Tabellen#

    Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.

    NameAlter
    Bob27
    Alice23

    Inline Markdown innerhalb von Tabellen#

    KursivFettCode
    kursivfettcode

    Formulare#

    Code-Blöcke#

    Code-Block mit Backticks#

    <!doctype html>
-<html lang="de">
-<head>
-  <meta charset="utf-8">
-  <title>Beispiel HTML5-Dokument</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-

    Code-Block eingerückt mit vier Leerzeichen#

    <!doctype html>
+
+
+
+  
+    Beispielvorführung :: Privacynerd's blog
+  
+  
+
+
+
+
+  
+
+
+
+
+
+
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+    
+  
+    
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
    
+
+  
    
+  
    
+    
+    
+      
+
+    
+    
+      
      
+  
    • de ▾
      • 
+  
    • 
+    
+  
      • 
+
    
+
+
+    
+  
    
+  
+    
+
+  
+
    
+
+
+  
    
+    
+
    
+  
    
+    Beispielvorführung
+  
    
+  
    Hugo Autoren & Radek5 Minuten Lesezeit (488 Wörter)
    
+
+  
+    
+      
+      #showcase 
+      
+      #markdown 
+      
+      #styling 
+      
+    
+  
+  
+
+
+  
+    
    
+      
    
+        Inhaltsverzeichnis
+      
    
+      
+    
    
+  
+
+  
    
+        
    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 <h1>—<h6> repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene, während <h6> 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
    
+
    Abbildung mit Beschriftung# 
    
+
    Terminal Theme Preview
    
+      
    Terminal Theme Preview
    
+    
    
+
    
+
+
    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 Pike1
    
+
+
    Button
+Link
+Link
    
+
    Tabellen# 
    
+
    Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.
    
+
+  
+      
+          
+          
+      
+  
+  
+      
+          
+          
+      
+      
+          
+          
+      
+  
+
    NameAlter
    Bob27
    Alice23
    
+
    Inline Markdown innerhalb von Tabellen# 
    
+
+  
+      
+          
+          
+          
+      
+  
+  
+      
+          
+          
+          
+      
+  
+
    KursivFettCode
    kursivfettcode
    
+
    Formulare# 
    
+
+
    Code-Blöcke# 
    
+
    Code-Block mit Backticks# 
    
+
    <!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <title>Beispiel HTML5-Dokument</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+
    Code-Block eingerückt mit vier Leerzeichen# 
    
+
    <!doctype html>
 <html lang="de">
 <head>
   <meta charset="utf-8">
@@ -25,35 +414,153 @@ Link
    Tabellen
    Code-Block mit Hugos internem Highlight-Shortcode#
    <!doctype html>
-<html lang="de">
-<head>
-  <meta charset="utf-8">
-  <title>Beispiel HTML5-Dokument</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
    Code-Block mit benutzerdefiniertem eingebautem {{ < code > }} Shortcode#
    Hey, dies ist der Titel eines Code-Blocks
    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;
-  }
-}
    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.
    1. Das obige Zitat stammt aus Rob Pikes Vortrag während Gopherfest am 18. November 2015. ↩︎
    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt
-:: Impressum
-:: Theme made by panr (angepasst)
    
\ No newline at end of file
+
    +

    Code-Block mit Hugos internem Highlight-Shortcode#

    +
    <!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <title>Beispiel HTML5-Dokument</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
    +

    Code-Block mit benutzerdefiniertem eingebautem {{ < code > }} Shortcode#

    + + + +
    + Hey, dies ist der Titel eines Code-Blocks + 
    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;
+  }
+}
    + +

    Listenarten#

    +

    Geordnete Liste#

    +
      +
    1. Erstes Element
      2. +
    2. Zweites Element
      3. +
    3. Drittes Element
      4. +
    +

    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.

    +
    +
    +
      +
    1. +

      Das obige Zitat stammt aus Rob Pikes Vortrag während Gopherfest am 18. November 2015. ↩︎

      +
      2. +
    +
    +
    + + + + + + + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/posts/test-post/index.html b/public/de/posts/test-post/index.html index 22919e3..beb115c 100644 --- a/public/de/posts/test-post/index.html +++ b/public/de/posts/test-post/index.html @@ -1,6 +1,349 @@ -Deutscher Test Post :: Privacynerd's blog -

    Deutscher Test Post

    2 min read (369 words)

    Inhaltsverzeichnis

    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.

    Consectetur adipiscing#

    Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.

    Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.

    Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.

    DeLorean ipsum#

    That’s right. Huh? Go. Here you go, lady. There’s a quarter. Good morning.

    Marty, I always wear a suit to the office. You alright? It’s a board with wheels. Yeah. What the hell is this? Marty, you’re acting like you haven’t seen me in a week.

    Yes, yes, I’m George, George McFly, and I’m your density. I mean, I’m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That’s Strickland. Jesus, didn’t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It’s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Deutscher Test Post :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    + Deutscher Test Post +

    +
    4 Minuten Lesezeit (369 Wörter)
    + + + + + + +
    +

    + Inhaltsverzeichnis +

    + +
    + + +
    +

    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.

    +

    Consectetur adipiscing#

    +

    Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.

    +

    Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.

    +

    Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.

    +

    DeLorean ipsum#

    +

    That’s right. Huh? Go. Here you go, lady. There’s a quarter. Good morning.

    +

    Marty, I always wear a suit to the office. You alright? It’s a board with wheels. Yeah. What the hell is this? Marty, you’re acting like you haven’t seen me in a week.

    +

    Yes, yes, I’m George, George McFly, and I’m your density. I mean, I’m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That’s Strickland. Jesus, didn’t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It’s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.

    + +
    + + + + + + + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/sitemap.xml b/public/de/sitemap.xml index 915e814..0223180 100644 --- a/public/de/sitemap.xml +++ b/public/de/sitemap.xml @@ -1 +1,225 @@ -https://blog.privacynerd.de/de/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/tags/code/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/posts/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/tags/programming/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/tags/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/posts/showcase-code/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/posts/showcase/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/de/tags/markdown/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/de/tags/showcase/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/de/tags/styling/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/de/tags/ai/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/de/posts/random-story/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/de/tags/story/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/de/posts/one-word/2025-04-05T22:48:12+02:00https://blog.privacynerd.de/de/posts/test-post/2025-04-05T20:14:29+02:00https://blog.privacynerd.de/de/about/2025-04-05T20:14:29+02:00https://blog.privacynerd.de/de/categories/ \ No newline at end of file + + + + https://blog.privacynerd.de/de/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/tags/code/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/posts/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/tags/programming/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/tags/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/posts/showcase-code/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/de/posts/showcase/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/de/tags/markdown/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/de/tags/showcase/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/de/tags/styling/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/de/tags/ai/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/de/posts/random-story/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/de/tags/story/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/de/posts/one-word/ + 2025-04-05T22:48:12+02:00 + + + + https://blog.privacynerd.de/de/posts/test-post/ + 2025-04-05T20:14:29+02:00 + + + + https://blog.privacynerd.de/de/about/ + 2025-04-05T20:14:29+02:00 + + + + https://blog.privacynerd.de/de/categories/ + + + + diff --git a/public/de/tags/ai/index.html b/public/de/tags/ai/index.html index b9ac874..44b912e 100644 --- a/public/de/tags/ai/index.html +++ b/public/de/tags/ai/index.html @@ -1,5 +1,322 @@ -Ai :: Privacynerd's blog -

    Posts for: #Ai

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Ai :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Ai

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/ai/index.xml b/public/de/tags/ai/index.xml index 7584c5a..846b3eb 100644 --- a/public/de/tags/ai/index.xml +++ b/public/de/tags/ai/index.xml @@ -1,8 +1,19 @@ -Ai on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/ai/Recent content in Ai 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> -<h2 id="prompt">Prompt</h2> -<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p> -<h2 id="antwort">Antwort</h2> -<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ -Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. -Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. -Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> \ No newline at end of file + + + + Ai on Privacynerd's blog + https://blog.privacynerd.de/de/tags/ai/ + Recent content in Ai on Privacynerd's blog + Hugo + de + Tue, 08 Apr 2025 17:55:25 +0200 + + + Eine beliebige Geschichte + https://blog.privacynerd.de/de/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://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> <p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> + + + diff --git a/public/de/tags/ai/page/1/index.html b/public/de/tags/ai/page/1/index.html index 4f53617..3e501ae 100644 --- a/public/de/tags/ai/page/1/index.html +++ b/public/de/tags/ai/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/ai/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/ai/ + + + + + + diff --git a/public/de/tags/code/index.html b/public/de/tags/code/index.html index c277a78..9f524be 100644 --- a/public/de/tags/code/index.html +++ b/public/de/tags/code/index.html @@ -1,5 +1,322 @@ -Code :: Privacynerd's blog -

    Posts for: #Code

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Code :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Code

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/code/index.xml b/public/de/tags/code/index.xml index 5e1adc8..08cc5e8 100644 --- a/public/de/tags/code/index.xml +++ b/public/de/tags/code/index.xml @@ -1,232 +1,19 @@ -Code on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/code/Recent content in Code 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> \ No newline at end of file + + + + Code on Privacynerd's blog + https://blog.privacynerd.de/de/tags/code/ + Recent content in Code on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:17:39 +0200 + + + Varianten von Code-Blöcken + https://blog.privacynerd.de/de/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://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> + + + diff --git a/public/de/tags/code/page/1/index.html b/public/de/tags/code/page/1/index.html index f012e8b..8ec488f 100644 --- a/public/de/tags/code/page/1/index.html +++ b/public/de/tags/code/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/code/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/code/ + + + + + + diff --git a/public/de/tags/index.html b/public/de/tags/index.html index 66126d3..183b6cf 100644 --- a/public/de/tags/index.html +++ b/public/de/tags/index.html @@ -1,4 +1,340 @@ -Tags :: Privacynerd's blog -

    Tags

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Tags :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    Tags

    + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/index.xml b/public/de/tags/index.xml index 37ee476..cb78c99 100644 --- a/public/de/tags/index.xml +++ b/public/de/tags/index.xml @@ -1 +1,61 @@ -Tags on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/Recent content in Tags on Privacynerd's blogHugodeWed, 09 Apr 2025 07:17:39 +0200Codehttps://blog.privacynerd.de/de/tags/code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/de/tags/code/Programminghttps://blog.privacynerd.de/de/tags/programming/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/de/tags/programming/Markdownhttps://blog.privacynerd.de/de/tags/markdown/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/de/tags/markdown/Showcasehttps://blog.privacynerd.de/de/tags/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/de/tags/showcase/Stylinghttps://blog.privacynerd.de/de/tags/styling/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/de/tags/styling/Aihttps://blog.privacynerd.de/de/tags/ai/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/tags/ai/Storyhttps://blog.privacynerd.de/de/tags/story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/de/tags/story/ \ No newline at end of file + + + + Tags on Privacynerd's blog + https://blog.privacynerd.de/de/tags/ + Recent content in Tags on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code + https://blog.privacynerd.de/de/tags/code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/de/tags/code/ + + + + Programming + https://blog.privacynerd.de/de/tags/programming/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/de/tags/programming/ + + + + Markdown + https://blog.privacynerd.de/de/tags/markdown/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/de/tags/markdown/ + + + + Showcase + https://blog.privacynerd.de/de/tags/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/de/tags/showcase/ + + + + Styling + https://blog.privacynerd.de/de/tags/styling/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/de/tags/styling/ + + + + Ai + https://blog.privacynerd.de/de/tags/ai/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/de/tags/ai/ + + + + Story + https://blog.privacynerd.de/de/tags/story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/de/tags/story/ + + + + diff --git a/public/de/tags/markdown/index.html b/public/de/tags/markdown/index.html index f7c4a1e..056a119 100644 --- a/public/de/tags/markdown/index.html +++ b/public/de/tags/markdown/index.html @@ -1,6 +1,324 @@ -Markdown :: Privacynerd's blog -

    Posts for: #Markdown

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Markdown :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Markdown

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/markdown/index.xml b/public/de/tags/markdown/index.xml index 09aa4d7..ec038dc 100644 --- a/public/de/tags/markdown/index.xml +++ b/public/de/tags/markdown/index.xml @@ -1 +1,19 @@ -Markdown on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/markdown/Recent content in Markdown on Privacynerd's blogHugodeWed, 09 Apr 2025 07:01:12 +0200Beispielvorfü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> \ No newline at end of file + + + + Markdown on Privacynerd's blog + https://blog.privacynerd.de/de/tags/markdown/ + Recent content in Markdown on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:01:12 +0200 + + + Beispielvorführung + https://blog.privacynerd.de/de/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://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> + + + diff --git a/public/de/tags/markdown/page/1/index.html b/public/de/tags/markdown/page/1/index.html index ee42cf3..fc29414 100644 --- a/public/de/tags/markdown/page/1/index.html +++ b/public/de/tags/markdown/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/markdown/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/markdown/ + + + + + + diff --git a/public/de/tags/programming/index.html b/public/de/tags/programming/index.html index 5741a87..f7d1a6a 100644 --- a/public/de/tags/programming/index.html +++ b/public/de/tags/programming/index.html @@ -1,5 +1,322 @@ -Programming :: Privacynerd's blog -

    Posts for: #Programming

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Programming :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Programming

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/programming/index.xml b/public/de/tags/programming/index.xml index a0f4d27..88c06fd 100644 --- a/public/de/tags/programming/index.xml +++ b/public/de/tags/programming/index.xml @@ -1,232 +1,19 @@ -Programming on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/programming/Recent content in Programming 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> \ No newline at end of file + + + + Programming on Privacynerd's blog + https://blog.privacynerd.de/de/tags/programming/ + Recent content in Programming on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:17:39 +0200 + + + Varianten von Code-Blöcken + https://blog.privacynerd.de/de/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://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> + + + diff --git a/public/de/tags/programming/page/1/index.html b/public/de/tags/programming/page/1/index.html index 0bc6075..18d37c4 100644 --- a/public/de/tags/programming/page/1/index.html +++ b/public/de/tags/programming/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/programming/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/programming/ + + + + + + diff --git a/public/de/tags/showcase/index.html b/public/de/tags/showcase/index.html index 6c60ea0..831d183 100644 --- a/public/de/tags/showcase/index.html +++ b/public/de/tags/showcase/index.html @@ -1,6 +1,324 @@ -Showcase :: Privacynerd's blog -

    Posts for: #Showcase

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Showcase :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Showcase

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/showcase/index.xml b/public/de/tags/showcase/index.xml index bf28036..acfa92b 100644 --- a/public/de/tags/showcase/index.xml +++ b/public/de/tags/showcase/index.xml @@ -1 +1,19 @@ -Showcase on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/showcase/Recent content in Showcase on Privacynerd's blogHugodeWed, 09 Apr 2025 07:01:12 +0200Beispielvorfü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> \ No newline at end of file + + + + Showcase on Privacynerd's blog + https://blog.privacynerd.de/de/tags/showcase/ + Recent content in Showcase on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:01:12 +0200 + + + Beispielvorführung + https://blog.privacynerd.de/de/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://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> + + + diff --git a/public/de/tags/showcase/page/1/index.html b/public/de/tags/showcase/page/1/index.html index 8dc9eb0..e4619bc 100644 --- a/public/de/tags/showcase/page/1/index.html +++ b/public/de/tags/showcase/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/showcase/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/showcase/ + + + + + + diff --git a/public/de/tags/story/index.html b/public/de/tags/story/index.html index f778a1a..95cebf7 100644 --- a/public/de/tags/story/index.html +++ b/public/de/tags/story/index.html @@ -1,5 +1,322 @@ -Story :: Privacynerd's blog -

    Posts for: #Story

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Story :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Story

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/story/index.xml b/public/de/tags/story/index.xml index 4ac56b9..fb35add 100644 --- a/public/de/tags/story/index.xml +++ b/public/de/tags/story/index.xml @@ -1,8 +1,19 @@ -Story on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/story/Recent content in Story 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> -<h2 id="prompt">Prompt</h2> -<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p> -<h2 id="antwort">Antwort</h2> -<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ -Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. -Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. -Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> \ No newline at end of file + + + + Story on Privacynerd's blog + https://blog.privacynerd.de/de/tags/story/ + Recent content in Story on Privacynerd's blog + Hugo + de + Tue, 08 Apr 2025 17:55:25 +0200 + + + Eine beliebige Geschichte + https://blog.privacynerd.de/de/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://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> <p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“ Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego. Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist. Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p> + + + diff --git a/public/de/tags/story/page/1/index.html b/public/de/tags/story/page/1/index.html index ac47f0e..a5552c9 100644 --- a/public/de/tags/story/page/1/index.html +++ b/public/de/tags/story/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/story/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/story/ + + + + + + diff --git a/public/de/tags/styling/index.html b/public/de/tags/styling/index.html index 9abc486..1f61ada 100644 --- a/public/de/tags/styling/index.html +++ b/public/de/tags/styling/index.html @@ -1,6 +1,324 @@ -Styling :: Privacynerd's blog -

    Posts for: #Styling

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Impressum -:: Theme made by panr (angepasst)
    \ No newline at end of file + + + + + Styling :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • de ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +

    Posts for: #Styling

    + +
    + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Impressum + :: Theme erstellt von panr (angepasst) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/de/tags/styling/index.xml b/public/de/tags/styling/index.xml index 60f0e9f..b9c74e9 100644 --- a/public/de/tags/styling/index.xml +++ b/public/de/tags/styling/index.xml @@ -1 +1,19 @@ -Styling on Privacynerd's bloghttps://blog.privacynerd.de/de/tags/styling/Recent content in Styling on Privacynerd's blogHugodeWed, 09 Apr 2025 07:01:12 +0200Beispielvorfü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> \ No newline at end of file + + + + Styling on Privacynerd's blog + https://blog.privacynerd.de/de/tags/styling/ + Recent content in Styling on Privacynerd's blog + Hugo + de + Wed, 09 Apr 2025 07:01:12 +0200 + + + Beispielvorführung + https://blog.privacynerd.de/de/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://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> + + + diff --git a/public/de/tags/styling/page/1/index.html b/public/de/tags/styling/page/1/index.html index 81c593d..5d7933b 100644 --- a/public/de/tags/styling/page/1/index.html +++ b/public/de/tags/styling/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/de/tags/styling/ - \ No newline at end of file + + + + https://blog.privacynerd.de/de/tags/styling/ + + + + + + diff --git a/public/en/404.html b/public/en/404.html index 714a248..e4a7967 100644 --- a/public/en/404.html +++ b/public/en/404.html @@ -1,4 +1,282 @@ -404 Page not found :: Privacynerd's blog -

    404 — Page not found...

    Back to home page →
    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
    \ No newline at end of file + + + + + 404 Page not found :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
      +
    • en ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    404 — Page not found...

    + +
    + Back to home page → +
    + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/en/about/index.html b/public/en/about/index.html index d990dbd..34c5b1a 100644 --- a/public/en/about/index.html +++ b/public/en/about/index.html @@ -1,17 +1,330 @@ -About :: Privacynerd's blog - + + + About :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    About

    1 min read (190 words)

    Hello 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, +" /> + + + + + + + + + + + + + + + + + + + + + + + +

    + + + + + + +
    + +
    +
    + + + + + + +
      +
    • en ▾
      • +
    • + +
      • +
    + + + +
    + + + + +
    + + +
    + +
    +

    + About +

    +
    2 minutes to read (190 words)
    + + + + + + + +
    +

    Hello 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. -All you have to do is start typing!

    The theme includes:

    • 5 duotone themes, -depending on your preferences (orange, red, blue, green, pink)
    • Fira Code -as default monospaced font. It’s gorgeous!
    • really nice, custom duotone syntax highlighting based on -PrismJS
    • mobile friendly layout

    So, there you have it… enjoy!

    Blubb.

    © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
    \ No newline at end of file +configure them and when that’s done — create the content.

    +

    This theme is pretty basic and covers all of the essentials. +All you have to do is start typing!

    +

    The theme includes:

    +
      +
    • 5 duotone themes, +depending on your preferences (orange, red, blue, green, pink)
      • +
    • Fira Code +as default monospaced font. It’s gorgeous!
      • +
    • really nice, custom duotone syntax highlighting based on +PrismJS
      • +
    • mobile friendly layout
      • +
    +

    So, there you have it… enjoy!

    +

    Blubb.

    + +
    + + + + + + + +
    + +
    + + +
    + +
    + +
    + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
    +
    +
    + + + + + + + + + + + + + +
    + + + diff --git a/public/en/categories/index.html b/public/en/categories/index.html index f214e09..ec93cca 100644 --- a/public/en/categories/index.html +++ b/public/en/categories/index.html @@ -1,4 +1,284 @@ -Categories :: Privacynerd's blog -

    Categories

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Categories :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +
      +

      Categories

      + +
        + + +
      +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/categories/index.xml b/public/en/categories/index.xml index 11dbe25..eb820ae 100644 --- a/public/en/categories/index.xml +++ b/public/en/categories/index.xml @@ -1 +1,11 @@ -Categories on Privacynerd's bloghttps://blog.privacynerd.de/en/categories/Recent content in Categories on Privacynerd's blogHugoen \ No newline at end of file + + + + Categories on Privacynerd's blog + https://blog.privacynerd.de/en/categories/ + Recent content in Categories on Privacynerd's blog + Hugo + en + + + diff --git a/public/en/index.html b/public/en/index.html index d1287c9..4d9f01c 100644 --- a/public/en/index.html +++ b/public/en/index.html @@ -1,8 +1,459 @@ -Privacynerd's blog -

      Hello there! 👋

      My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!

      English Test Post

      Test Post in English

      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 -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + + Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + + +
      +

      Hello there! 👋

      +

      My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!

      + +
      + +
      + + + + + + + + + + + + +
      +

      + Showcase +

      + +
      Hugo Authors & Radek
      + + + + + #showcase  + + #markdown  + + #styling  + + + + + + + +
      + +

      Sample article showcasing basic styling and formatting for HTML elements.

      + +
      + + + + +
      + +
      +

      + A random story +

      + +
      + + + + + #story  + + #ai  + + + + + + + +
      + +

      Random story by ChatGPT to test out the perfect reading speed value.

      + +
      + + + + +
      + + + +
      +

      + English Test Post +

      + +
      + + + + + + +
      + +

      Test Post in English

      +

      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 + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/index.xml b/public/en/index.xml index 34656dd..066b3a3 100644 --- a/public/en/index.xml +++ b/public/en/index.xml @@ -1,245 +1,54 @@ -Privacynerd's bloghttps://blog.privacynerd.de/en/Recent content on Privacynerd's blogHugoenWed, 09 Apr 2025 07:17:39 +0200Code blocks variantshttps://blog.privacynerd.de/en/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/posts/showcase-code/<p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> -<p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> -<hr> -<h2 id="examples">Examples:</h2> -<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> -<h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> - - - -<details class="collapsable-code" open> - <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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>Showcasehttps://blog.privacynerd.de/en/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/posts/showcase/<p>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.</p>A random storyhttps://blog.privacynerd.de/en/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/posts/random-story/<p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> -<h2 id="german-prompt">German prompt</h2> -<p>Tell a story with around 200 words.</p> -<h2 id="answer-translated-to-english">Answer, translated to english</h2> -<p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” -Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. -Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. -When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p>One Word!https://blog.privacynerd.de/en/posts/one-word/Sat, 05 Apr 2025 22:48:12 +0200https://blog.privacynerd.de/en/posts/one-word/<h1 id="justoneword">Justoneword</h1>Abouthttps://blog.privacynerd.de/en/about/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/en/about/<h1 id="hello-in-a-new-age">Hello in a new age</h1> -<p>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.</p> -<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p> -<p>Below you can read the original about from Radek</p>English Test Posthttps://blog.privacynerd.de/en/posts/test-post/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/en/posts/test-post/<h1 id="test-post-in-english">Test Post in English</h1> -<h2 id="lorem-ipsum">Lorem ipsum</h2> -<h3 id="dolor-sit-amet">dolor sit amet</h3> -<p>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.</p> \ No newline at end of file + + + + Privacynerd's blog + https://blog.privacynerd.de/en/ + Recent content on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code blocks variants + https://blog.privacynerd.de/en/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/posts/showcase-code/ + <p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> <p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> <hr> <h2 id="examples">Examples:</h2> <h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> <h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> <details class="collapsable-code" open> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> + + + Showcase + https://blog.privacynerd.de/en/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/posts/showcase/ + <p>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.</p> + + + A random story + https://blog.privacynerd.de/en/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/posts/random-story/ + <p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> <h2 id="german-prompt">German prompt</h2> <p>Tell a story with around 200 words.</p> <h2 id="answer-translated-to-english">Answer, translated to english</h2> <p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> + + + One Word! + https://blog.privacynerd.de/en/posts/one-word/ + Sat, 05 Apr 2025 22:48:12 +0200 + https://blog.privacynerd.de/en/posts/one-word/ + <h1 id="justoneword">Justoneword</h1> + + + About + https://blog.privacynerd.de/en/about/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/en/about/ + <h1 id="hello-in-a-new-age">Hello in a new age</h1> <p>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.</p> <p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p> <p>Below you can read the original about from Radek</p> + + + English Test Post + https://blog.privacynerd.de/en/posts/test-post/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/en/posts/test-post/ + <h1 id="test-post-in-english">Test Post in English</h1> <h2 id="lorem-ipsum">Lorem ipsum</h2> <h3 id="dolor-sit-amet">dolor sit amet</h3> <p>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.</p> + + + diff --git a/public/en/page/1/index.html b/public/en/page/1/index.html index a0802ff..fbe40a3 100644 --- a/public/en/page/1/index.html +++ b/public/en/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/ + + + + + + diff --git a/public/en/posts/index.html b/public/en/posts/index.html index e5040e3..3679af4 100644 --- a/public/en/posts/index.html +++ b/public/en/posts/index.html @@ -1,8 +1,438 @@ -Posts :: Privacynerd's blog -

      English Test Post

      Test Post in English

      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 -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Posts :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + + +
      + + + +
      +

      + Showcase +

      +
      Hugo Authors & Radek
      + + + + + #showcase  + + #markdown  + + #styling  + + + + + + + +
      + +

      Sample article showcasing basic styling and formatting for HTML elements.

      + +
      + + + + +
      + +
      +

      + A random story +

      +
      + + + + + #story  + + #ai  + + + + + + + +
      + +

      Random story by ChatGPT to test out the perfect reading speed value.

      + +
      + + + + +
      + + + +
      +

      + English Test Post +

      +
      + + + + + + +
      + +

      Test Post in English

      +

      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 + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/posts/index.xml b/public/en/posts/index.xml index eece098..0f809c3 100644 --- a/public/en/posts/index.xml +++ b/public/en/posts/index.xml @@ -1,242 +1,47 @@ -Posts on Privacynerd's bloghttps://blog.privacynerd.de/en/posts/Recent content in Posts on Privacynerd's blogHugoenWed, 09 Apr 2025 07:17:39 +0200Code blocks variantshttps://blog.privacynerd.de/en/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/posts/showcase-code/<p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> -<p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> -<hr> -<h2 id="examples">Examples:</h2> -<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> -<h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> - - - -<details class="collapsable-code" open> - <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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>Showcasehttps://blog.privacynerd.de/en/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/posts/showcase/<p>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.</p>A random storyhttps://blog.privacynerd.de/en/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/posts/random-story/<p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> -<h2 id="german-prompt">German prompt</h2> -<p>Tell a story with around 200 words.</p> -<h2 id="answer-translated-to-english">Answer, translated to english</h2> -<p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” -Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. -Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. -When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p>One Word!https://blog.privacynerd.de/en/posts/one-word/Sat, 05 Apr 2025 22:48:12 +0200https://blog.privacynerd.de/en/posts/one-word/<h1 id="justoneword">Justoneword</h1>English Test Posthttps://blog.privacynerd.de/en/posts/test-post/Sat, 05 Apr 2025 20:14:29 +0200https://blog.privacynerd.de/en/posts/test-post/<h1 id="test-post-in-english">Test Post in English</h1> -<h2 id="lorem-ipsum">Lorem ipsum</h2> -<h3 id="dolor-sit-amet">dolor sit amet</h3> -<p>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.</p> \ No newline at end of file + + + + Posts on Privacynerd's blog + https://blog.privacynerd.de/en/posts/ + Recent content in Posts on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code blocks variants + https://blog.privacynerd.de/en/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/posts/showcase-code/ + <p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> <p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> <hr> <h2 id="examples">Examples:</h2> <h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> <h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> <details class="collapsable-code" open> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> + + + Showcase + https://blog.privacynerd.de/en/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/posts/showcase/ + <p>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.</p> + + + A random story + https://blog.privacynerd.de/en/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/posts/random-story/ + <p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> <h2 id="german-prompt">German prompt</h2> <p>Tell a story with around 200 words.</p> <h2 id="answer-translated-to-english">Answer, translated to english</h2> <p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> + + + One Word! + https://blog.privacynerd.de/en/posts/one-word/ + Sat, 05 Apr 2025 22:48:12 +0200 + https://blog.privacynerd.de/en/posts/one-word/ + <h1 id="justoneword">Justoneword</h1> + + + English Test Post + https://blog.privacynerd.de/en/posts/test-post/ + Sat, 05 Apr 2025 20:14:29 +0200 + https://blog.privacynerd.de/en/posts/test-post/ + <h1 id="test-post-in-english">Test Post in English</h1> <h2 id="lorem-ipsum">Lorem ipsum</h2> <h3 id="dolor-sit-amet">dolor sit amet</h3> <p>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.</p> + + + diff --git a/public/en/posts/one-word/index.html b/public/en/posts/one-word/index.html index fc923bf..7d8b3e7 100644 --- a/public/en/posts/one-word/index.html +++ b/public/en/posts/one-word/index.html @@ -1,6 +1,325 @@ -One Word! :: Privacynerd's blog -
      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + One Word! :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + + + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/posts/page/1/index.html b/public/en/posts/page/1/index.html index 0285ecc..c44eb12 100644 --- a/public/en/posts/page/1/index.html +++ b/public/en/posts/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/posts/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/posts/ + + + + + + diff --git a/public/en/posts/random-story/index.html b/public/en/posts/random-story/index.html index 03be004..64acdc9 100644 --- a/public/en/posts/random-story/index.html +++ b/public/en/posts/random-story/index.html @@ -1,10 +1,352 @@ -A random story :: Privacynerd's blog -

      A random story

      2 min read (222 words)
      #story  -#ai 

      Table of Contents

      This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.

      German prompt#

      Tell a story with around 200 words.

      Answer, translated to english#

      Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” + + + + + A random story :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

      + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +
      +

      + A random story +

      +
      3 minutes to read (222 words)
      + + + + + #story  + + #ai  + + + + + + + +
      +

      + Table of Contents +

      + +
      + + +
      +

      This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.

      +

      German prompt#

      +

      Tell a story with around 200 words.

      +

      Answer, translated to english#

      +

      Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. -When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file +When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.

      + +
      + + + + + + + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/posts/showcase-code/index.html b/public/en/posts/showcase-code/index.html index cf99504..49ae239 100644 --- a/public/en/posts/showcase-code/index.html +++ b/public/en/posts/showcase-code/index.html @@ -1,6 +1,311 @@ -Code blocks variants :: Privacynerd's blog -

      Code blocks variants

      Radek3 min read (536 words)
      #programming  -#code 

      Table of Contents

      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.

      Examples:#

      Raw block with no specified language (and no syntax highlighting)#

      <!doctype html>
+
+
+
+  
+    Code blocks variants :: Privacynerd's blog
+  
+  
+
+
+
+
+  
+
+
+
+
+
+
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+    
+  
+    
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
      
+
+  
      
+  
      
+    
+    
+      
+
+    
+    
+      
        
+  
      • en ▾
        • 
+  
      • 
+    
+  
        • 
+
      
+
+
+    
+  
      
+  
+    
+
+  
+
      
+
+
+  
      
+    
+
      
+  
      
+    Code blocks variants
+  
      
+  
      Radek5 minutes to read (536 words)
      
+
+  
+    
+      
+      #programming 
+      
+      #code 
+      
+    
+  
+  
+
+
+  
+    
      
+      
      
+        Table of Contents
+      
      
+      
+    
      
+  
+
+  
      
+        
      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.
      
+
      
+
      Examples:# 
      
+
      Raw block with no specified language (and no syntax highlighting)# 
      
+
      <!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -10,175 +315,283 @@
     <p>Test</p>
   </body>
 </html>
-
      With specified language#
      Line highlighting#
      <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Example HTML5 Document</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
-
      Line highlighting / table line numbers#
       1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-
      <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Example HTML5 Document</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
-
      Line highlighting / inline line numbers#
       1<!doctype html>
- 2<html lang="en">
- 3  <head>
- 4    <meta charset="utf-8" />
- 5    <title>Example HTML5 Document</title>
- 6  </head>
- 7  <body>
- 8    <p>Test</p>
- 9  </body>
-10</html>
-
      Hugo’s internal {{ < highlight > }} shortcode#
      <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Example HTML5 Document</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
      Custom built-in {{ < code > }} shortcode#
      Hey, this is a code block title
       1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-
      <!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Example HTML5 Document</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
      Programming languages:#
      A#
      WRITE 'Hello, World!'.
-
      package {
-    public class HelloWorld {
-        public static function main():void {
-            trace("Hello, World!");
-        }
-    }
-}
-
      with Ada.Text_IO; use Ada.Text_IO;
-procedure Hello is
-begin
-    Put_Line("Hello, World!");
-end Hello;
-
      B#
      echo "Hello, World!"
-
      +[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
-
      C#
      #include <stdio.h>
-int main() {
-    printf("Hello, World!\n");
-    return 0;
-}
-
      using System;
-class Program {
-    static void Main() {
-        Console.WriteLine("Hello, World!");
-    }
-}
-
      #include <iostream>
-int main() {
-    std::cout << "Hello, World!" << std::endl;
-    return 0;
-}
-
      D#
      import std.stdio;
-void main() {
-    writeln("Hello, World!");
-}
-
      E#
      IO.puts "Hello, World!"
-
      -module(hello).
--export([world/0]).
-world() -> io:format("Hello, World!~n").
-
      F#
      printfn "Hello, World!"
-
      G#
      package main
-import "fmt"
-func main() {
-    fmt.Println("Hello, World!")
-}
-
      H#
      main = putStrLn "Hello, World!"
-
      J#
      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 + ".";
-
      function Video({ video }) {
-  return (
-    <div>
-      <Thumbnail video={video} />
-      <a href={video.url}>
-        <h3>{video.title}</h3>
-        <p>{video.description}</p>
-      </a>
-      <LikeButton video={video} />
-    </div>
-  );
-}
-
      public class HelloWorld {
-    public static void main(String[] args) {
-        System.out.println("Hello, World!");
-    }
-}
-
      K#
      fun main() {
-    println("Hello, World!")
-}
-
      L#
      print("Hello, World!")
-
      M#
      disp('Hello, World!')
-
      N#
      echo "Hello, World!"
-
      O#
      #import <Foundation/Foundation.h>
-int main() {
-    @autoreleasepool {
-        NSLog(@"Hello, World!");
-    }
-    return 0;
-}
-
      P#
      print("Hello, World!\n");
-
      <?php echo "Hello, World!"; ?>
-
      print("Hello, World!")
-
      R#
      cat("Hello, World!\n")
-
      puts "Hello, World!"
-
      fn main() {
-    println!("Hello, World!");
-}
-
      S#
      object HelloWorld extends App {
-  println("Hello, World!")
-}
-
      T#
      console.log("Hello, World!");
-
      V#
      fn main() {
-    println('Hello, World!')
-}
-
      Z#
      const std = @import("std");
-pub fn main() !void {
-    std.debug.print("Hello, World!\n", .{});
-}
-
      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt
-:: Imprint
-:: Theme made by panr (customized)
      
\ No newline at end of file
+

      With specified language#

      +

      Line highlighting#

      +
      <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+

      Line highlighting / table line numbers#

      +
      + +
      +
       1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
      		 +
      <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+
      +
      +

      Line highlighting / inline line numbers#

      +
       1<!doctype html>
+ 2<html lang="en">
+ 3  <head>
+ 4    <meta charset="utf-8" />
+ 5    <title>Example HTML5 Document</title>
+ 6  </head>
+ 7  <body>
+ 8    <p>Test</p>
+ 9  </body>
+10</html>
+

      Hugo’s internal {{ < highlight > }} shortcode#

      +
      <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
      +

      Custom built-in {{ < code > }} shortcode#

      + + + +
      + Hey, this is a code block title +
      + +
      +
       1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
      		 +
      <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
      +
      +
      + +

      Programming languages:#

      +

      A#

      +
      WRITE 'Hello, World!'.
+
      package {
+    public class HelloWorld {
+        public static function main():void {
+            trace("Hello, World!");
+        }
+    }
+}
+
      with Ada.Text_IO; use Ada.Text_IO;
+procedure Hello is
+begin
+    Put_Line("Hello, World!");
+end Hello;
+

      B#

      +
      echo "Hello, World!"
+
      +[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
+

      C#

      +
      #include <stdio.h>
+int main() {
+    printf("Hello, World!\n");
+    return 0;
+}
+
      using System;
+class Program {
+    static void Main() {
+        Console.WriteLine("Hello, World!");
+    }
+}
+
      #include <iostream>
+int main() {
+    std::cout << "Hello, World!" << std::endl;
+    return 0;
+}
+

      D#

      +
      import std.stdio;
+void main() {
+    writeln("Hello, World!");
+}
+

      E#

      +
      IO.puts "Hello, World!"
+
      -module(hello).
+-export([world/0]).
+world() -> io:format("Hello, World!~n").
+

      F#

      +
      printfn "Hello, World!"
+

      G#

      +
      package main
+import "fmt"
+func main() {
+    fmt.Println("Hello, World!")
+}
+

      H#

      +
      main = putStrLn "Hello, World!"
+

      J#

      +
      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 + ".";
+
      function Video({ video }) {
+  return (
+    <div>
+      <Thumbnail video={video} />
+      <a href={video.url}>
+        <h3>{video.title}</h3>
+        <p>{video.description}</p>
+      </a>
+      <LikeButton video={video} />
+    </div>
+  );
+}
+
      public class HelloWorld {
+    public static void main(String[] args) {
+        System.out.println("Hello, World!");
+    }
+}
+

      K#

      +
      fun main() {
+    println("Hello, World!")
+}
+

      L#

      +
      print("Hello, World!")
+

      M#

      +
      disp('Hello, World!')
+

      N#

      +
      echo "Hello, World!"
+

      O#

      +
      #import <Foundation/Foundation.h>
+int main() {
+    @autoreleasepool {
+        NSLog(@"Hello, World!");
+    }
+    return 0;
+}
+

      P#

      +
      print("Hello, World!\n");
+
      <?php echo "Hello, World!"; ?>
+
      print("Hello, World!")
+

      R#

      +
      cat("Hello, World!\n")
+
      puts "Hello, World!"
+
      fn main() {
+    println!("Hello, World!");
+}
+

      S#

      +
      object HelloWorld extends App {
+  println("Hello, World!")
+}
+

      T#

      +
      console.log("Hello, World!");
+

      V#

      +
      fn main() {
+    println('Hello, World!')
+}
+

      Z#

      +
      const std = @import("std");
+pub fn main() !void {
+    std.debug.print("Hello, World!\n", .{});
+}
+
      +
      + + + + + + + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/posts/showcase/index.html b/public/en/posts/showcase/index.html index f1f6d0e..a6f2d3f 100644 --- a/public/en/posts/showcase/index.html +++ b/public/en/posts/showcase/index.html @@ -1,21 +1,410 @@ -Showcase :: Privacynerd's blog -

      Showcase

      Hugo Authors & Radek3 min read (510 words)
      #showcase  -#markdown  -#styling 

      Table of Contents

      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 <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> 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

      Figure with a caption#

      Terminal Theme Preview

      Terminal Theme Preview

      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 Pike1

      Button -Link -Link

      Tables#

      Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

      NameAge
      Bob27
      Alice23

      Inline Markdown within tables#

      ItalicsBoldCode
      italicsboldcode

      Forms#

      Code Blocks#

      Code block with backticks#

      <!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-

      Code block indented with four spaces#

      <!doctype html>
+
+
+
+  
+    Showcase :: Privacynerd's blog
+  
+  
+
+
+
+
+  
+
+
+
+
+
+
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+    
+  
+    
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
      
+
+  
      
+  
      
+    
+    
+      
+
+    
+    
+      
        
+  
      • en ▾
        • 
+  
      • 
+    
+  
        • 
+
      
+
+
+    
+  
      
+  
+    
+
+  
+
      
+
+
+  
      
+    
+
      
+  
      
+    Showcase
+  
      
+  
      Hugo Authors & Radek5 minutes to read (510 words)
      
+
+  
+    
+      
+      #showcase 
+      
+      #markdown 
+      
+      #styling 
+      
+    
+  
+  
+
+
+  
+    
      
+      
      
+        Table of Contents
+      
      
+      
+    
      
+  
+
+  
      
+        
      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 <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> 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
      
+
      Figure with a caption# 
      
+
      Terminal Theme Preview
      
+      
      Terminal Theme Preview
      
+    
      
+
      
+
+
      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 Pike1
      
+
+
      Button
+Link
+Link
      
+
      Tables# 
      
+
      Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
      
+
+  
+      
+          
+          
+      
+  
+  
+      
+          
+          
+      
+      
+          
+          
+      
+  
+
      NameAge
      Bob27
      Alice23
      
+
      Inline Markdown within tables# 
      
+
+  
+      
+          
+          
+          
+      
+  
+  
+      
+          
+          
+          
+      
+  
+
      ItalicsBoldCode
      italicsboldcode
      
+
      Forms# 
      
+
+
      Code Blocks# 
      
+
      Code block with backticks# 
      
+
      <!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+
      Code block indented with four spaces# 
      
+
      <!doctype html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
@@ -25,35 +414,153 @@ Link
      Tables#
   <p>Test</p>
 </body>
 </html>
-
      Code block with Hugo’s internal highlight shortcode#
      <!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
      Code block with custom built-in {{ < code > }} shortcode#
      Hey, this is a code block title
      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;
-  }
-}
      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.
      1. The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎
      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt
-:: Imprint
-:: Theme made by panr (customized)
      
\ No newline at end of file
+
      +

      Code block with Hugo’s internal highlight shortcode#

      +
      <!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
      +

      Code block with custom built-in {{ < code > }} shortcode#

      + + + +
      + Hey, this is a code block title + 
      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;
+  }
+}
      + +

      List Types#

      +

      Ordered List#

      +
        +
      1. First item
        2. +
      2. Second item
        3. +
      3. Third item
        4. +
      +

      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.

      +
      +
      +
        +
      1. +

        The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎

        +
        2. +
      +
      +
      + + + + + + + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/posts/test-post/index.html b/public/en/posts/test-post/index.html index 50b4ae4..34c6ddf 100644 --- a/public/en/posts/test-post/index.html +++ b/public/en/posts/test-post/index.html @@ -1,6 +1,349 @@ -English Test Post :: Privacynerd's blog -

      English Test Post

      2 min read (369 words)

      Table of Contents

      Test Post in English#

      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.

      Consectetur adipiscing#

      Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.

      Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.

      Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.

      DeLorean ipsum#

      That’s right. Huh? Go. Here you go, lady. There’s a quarter. Good morning.

      Marty, I always wear a suit to the office. You alright? It’s a board with wheels. Yeah. What the hell is this? Marty, you’re acting like you haven’t seen me in a week.

      Yes, yes, I’m George, George McFly, and I’m your density. I mean, I’m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That’s Strickland. Jesus, didn’t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It’s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + English Test Post :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +
      +

      + English Test Post +

      +
      4 minutes to read (369 words)
      + + + + + + +
      +

      + Table of Contents +

      + +
      + + +
      +

      Test Post in English#

      +

      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.

      +

      Consectetur adipiscing#

      +

      Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.

      +

      Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.

      +

      Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.

      +

      DeLorean ipsum#

      +

      That’s right. Huh? Go. Here you go, lady. There’s a quarter. Good morning.

      +

      Marty, I always wear a suit to the office. You alright? It’s a board with wheels. Yeah. What the hell is this? Marty, you’re acting like you haven’t seen me in a week.

      +

      Yes, yes, I’m George, George McFly, and I’m your density. I mean, I’m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That’s Strickland. Jesus, didn’t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It’s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.

      + +
      + + + + + + + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/sitemap.xml b/public/en/sitemap.xml index 4eb9906..c495fb2 100644 --- a/public/en/sitemap.xml +++ b/public/en/sitemap.xml @@ -1 +1,225 @@ -https://blog.privacynerd.de/en/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/tags/code/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/posts/showcase-code/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/posts/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/tags/programming/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/tags/2025-04-09T07:17:39+02:00https://blog.privacynerd.de/en/tags/markdown/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/en/posts/showcase/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/en/tags/showcase/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/en/tags/styling/2025-04-09T07:01:12+02:00https://blog.privacynerd.de/en/posts/random-story/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/en/tags/ai/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/en/tags/story/2025-04-08T17:55:25+02:00https://blog.privacynerd.de/en/posts/one-word/2025-04-05T22:48:12+02:00https://blog.privacynerd.de/en/about/2025-04-05T20:14:29+02:00https://blog.privacynerd.de/en/posts/test-post/2025-04-05T20:14:29+02:00https://blog.privacynerd.de/en/categories/ \ No newline at end of file + + + + https://blog.privacynerd.de/en/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/tags/code/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/posts/showcase-code/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/posts/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/tags/programming/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/tags/ + 2025-04-09T07:17:39+02:00 + + + + https://blog.privacynerd.de/en/tags/markdown/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/en/posts/showcase/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/en/tags/showcase/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/en/tags/styling/ + 2025-04-09T07:01:12+02:00 + + + + https://blog.privacynerd.de/en/posts/random-story/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/en/tags/ai/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/en/tags/story/ + 2025-04-08T17:55:25+02:00 + + + + https://blog.privacynerd.de/en/posts/one-word/ + 2025-04-05T22:48:12+02:00 + + + + https://blog.privacynerd.de/en/about/ + 2025-04-05T20:14:29+02:00 + + + + https://blog.privacynerd.de/en/posts/test-post/ + 2025-04-05T20:14:29+02:00 + + + + https://blog.privacynerd.de/en/categories/ + + + + diff --git a/public/en/tags/ai/index.html b/public/en/tags/ai/index.html index 25c7720..12f139a 100644 --- a/public/en/tags/ai/index.html +++ b/public/en/tags/ai/index.html @@ -1,5 +1,322 @@ -Ai :: Privacynerd's blog -

      Posts for: #Ai

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Ai :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Ai

      + +
      + +
      +

      + A random story +

      +
      + + + + + #story  + + #ai  + + + + + + + +
      + +

      Random story by ChatGPT to test out the perfect reading speed value.

      + +
      + + + + +
      + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/ai/index.xml b/public/en/tags/ai/index.xml index d08f2d7..84ee961 100644 --- a/public/en/tags/ai/index.xml +++ b/public/en/tags/ai/index.xml @@ -1,8 +1,19 @@ -Ai on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/ai/Recent content in Ai on Privacynerd's blogHugoenTue, 08 Apr 2025 17:55:25 +0200A random storyhttps://blog.privacynerd.de/en/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/posts/random-story/<p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> -<h2 id="german-prompt">German prompt</h2> -<p>Tell a story with around 200 words.</p> -<h2 id="answer-translated-to-english">Answer, translated to english</h2> -<p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” -Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. -Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. -When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> \ No newline at end of file + + + + Ai on Privacynerd's blog + https://blog.privacynerd.de/en/tags/ai/ + Recent content in Ai on Privacynerd's blog + Hugo + en + Tue, 08 Apr 2025 17:55:25 +0200 + + + A random story + https://blog.privacynerd.de/en/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/posts/random-story/ + <p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> <h2 id="german-prompt">German prompt</h2> <p>Tell a story with around 200 words.</p> <h2 id="answer-translated-to-english">Answer, translated to english</h2> <p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> + + + diff --git a/public/en/tags/ai/page/1/index.html b/public/en/tags/ai/page/1/index.html index 440ee9d..84070c2 100644 --- a/public/en/tags/ai/page/1/index.html +++ b/public/en/tags/ai/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/ai/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/ai/ + + + + + + diff --git a/public/en/tags/code/index.html b/public/en/tags/code/index.html index 57e76f1..f996fe6 100644 --- a/public/en/tags/code/index.html +++ b/public/en/tags/code/index.html @@ -1,5 +1,322 @@ -Code :: Privacynerd's blog -

      Posts for: #Code

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Code :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Code

      + +
      + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/code/index.xml b/public/en/tags/code/index.xml index 7bdb70b..45a9573 100644 --- a/public/en/tags/code/index.xml +++ b/public/en/tags/code/index.xml @@ -1,232 +1,19 @@ -Code on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/code/Recent content in Code on Privacynerd's blogHugoenWed, 09 Apr 2025 07:17:39 +0200Code blocks variantshttps://blog.privacynerd.de/en/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/posts/showcase-code/<p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> -<p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> -<hr> -<h2 id="examples">Examples:</h2> -<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> -<h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> - - - -<details class="collapsable-code" open> - <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> \ No newline at end of file + + + + Code on Privacynerd's blog + https://blog.privacynerd.de/en/tags/code/ + Recent content in Code on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code blocks variants + https://blog.privacynerd.de/en/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/posts/showcase-code/ + <p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> <p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> <hr> <h2 id="examples">Examples:</h2> <h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> <h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> <details class="collapsable-code" open> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> + + + diff --git a/public/en/tags/code/page/1/index.html b/public/en/tags/code/page/1/index.html index 5cac6e4..fb9b1bc 100644 --- a/public/en/tags/code/page/1/index.html +++ b/public/en/tags/code/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/code/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/code/ + + + + + + diff --git a/public/en/tags/index.html b/public/en/tags/index.html index de040b9..e8c267b 100644 --- a/public/en/tags/index.html +++ b/public/en/tags/index.html @@ -1,4 +1,340 @@ -Tags :: Privacynerd's blog -

      Tags

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Tags :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +
      +

      Tags

      + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/index.xml b/public/en/tags/index.xml index 4e09f81..b290d68 100644 --- a/public/en/tags/index.xml +++ b/public/en/tags/index.xml @@ -1 +1,61 @@ -Tags on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/Recent content in Tags on Privacynerd's blogHugoenWed, 09 Apr 2025 07:17:39 +0200Codehttps://blog.privacynerd.de/en/tags/code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/tags/code/Programminghttps://blog.privacynerd.de/en/tags/programming/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/tags/programming/Markdownhttps://blog.privacynerd.de/en/tags/markdown/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/tags/markdown/Showcasehttps://blog.privacynerd.de/en/tags/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/tags/showcase/Stylinghttps://blog.privacynerd.de/en/tags/styling/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/tags/styling/Aihttps://blog.privacynerd.de/en/tags/ai/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/tags/ai/Storyhttps://blog.privacynerd.de/en/tags/story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/tags/story/ \ No newline at end of file + + + + Tags on Privacynerd's blog + https://blog.privacynerd.de/en/tags/ + Recent content in Tags on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code + https://blog.privacynerd.de/en/tags/code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/tags/code/ + + + + Programming + https://blog.privacynerd.de/en/tags/programming/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/tags/programming/ + + + + Markdown + https://blog.privacynerd.de/en/tags/markdown/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/tags/markdown/ + + + + Showcase + https://blog.privacynerd.de/en/tags/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/tags/showcase/ + + + + Styling + https://blog.privacynerd.de/en/tags/styling/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/tags/styling/ + + + + Ai + https://blog.privacynerd.de/en/tags/ai/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/tags/ai/ + + + + Story + https://blog.privacynerd.de/en/tags/story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/tags/story/ + + + + diff --git a/public/en/tags/markdown/index.html b/public/en/tags/markdown/index.html index 8dffb04..03c234e 100644 --- a/public/en/tags/markdown/index.html +++ b/public/en/tags/markdown/index.html @@ -1,6 +1,324 @@ -Markdown :: Privacynerd's blog -

      Posts for: #Markdown

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Markdown :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Markdown

      + +
      + +
      +

      + Showcase +

      +
      Hugo Authors & Radek
      + + + + + #showcase  + + #markdown  + + #styling  + + + + + + + +
      + +

      Sample article showcasing basic styling and formatting for HTML elements.

      + +
      + + + + +
      + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/markdown/index.xml b/public/en/tags/markdown/index.xml index 75c4047..4ef54fb 100644 --- a/public/en/tags/markdown/index.xml +++ b/public/en/tags/markdown/index.xml @@ -1 +1,19 @@ -Markdown on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/markdown/Recent content in Markdown on Privacynerd's blogHugoenWed, 09 Apr 2025 07:01:12 +0200Showcasehttps://blog.privacynerd.de/en/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/posts/showcase/<p>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.</p> \ No newline at end of file + + + + Markdown on Privacynerd's blog + https://blog.privacynerd.de/en/tags/markdown/ + Recent content in Markdown on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:01:12 +0200 + + + Showcase + https://blog.privacynerd.de/en/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/posts/showcase/ + <p>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.</p> + + + diff --git a/public/en/tags/markdown/page/1/index.html b/public/en/tags/markdown/page/1/index.html index 21c65b2..8948cc2 100644 --- a/public/en/tags/markdown/page/1/index.html +++ b/public/en/tags/markdown/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/markdown/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/markdown/ + + + + + + diff --git a/public/en/tags/programming/index.html b/public/en/tags/programming/index.html index 07115b8..0eb29a6 100644 --- a/public/en/tags/programming/index.html +++ b/public/en/tags/programming/index.html @@ -1,5 +1,322 @@ -Programming :: Privacynerd's blog -

      Posts for: #Programming

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Programming :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Programming

      + +
      + + + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/programming/index.xml b/public/en/tags/programming/index.xml index bcbd353..355e14d 100644 --- a/public/en/tags/programming/index.xml +++ b/public/en/tags/programming/index.xml @@ -1,232 +1,19 @@ -Programming on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/programming/Recent content in Programming on Privacynerd's blogHugoenWed, 09 Apr 2025 07:17:39 +0200Code blocks variantshttps://blog.privacynerd.de/en/posts/showcase-code/Wed, 09 Apr 2025 07:17:39 +0200https://blog.privacynerd.de/en/posts/showcase-code/<p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> -<p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> -<hr> -<h2 id="examples">Examples:</h2> -<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> -<h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> - - - -<details class="collapsable-code" open> - <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> \ No newline at end of file + + + + Programming on Privacynerd's blog + https://blog.privacynerd.de/en/tags/programming/ + Recent content in Programming on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:17:39 +0200 + + + Code blocks variants + https://blog.privacynerd.de/en/posts/showcase-code/ + Wed, 09 Apr 2025 07:17:39 +0200 + https://blog.privacynerd.de/en/posts/showcase-code/ + <p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p> <p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> <hr> <h2 id="examples">Examples:</h2> <h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</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;Example HTML5 Document&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="with-specified-language">With specified language</h3> <h4 id="line-highlighting">Line highlighting</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>Example HTML5 Document<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="line-highlighting--table-line-numbers">Line highlighting / table line numbers</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>Example HTML5 Document<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="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</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>Example HTML5 Document<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-internal---highlight---shortcode">Hugo&rsquo;s internal <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>Example HTML5 Document<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="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4> <details class="collapsable-code" open> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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>Example HTML5 Document<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="programming-languages">Programming languages:</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> + + + diff --git a/public/en/tags/programming/page/1/index.html b/public/en/tags/programming/page/1/index.html index 62f0278..351c2b9 100644 --- a/public/en/tags/programming/page/1/index.html +++ b/public/en/tags/programming/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/programming/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/programming/ + + + + + + diff --git a/public/en/tags/showcase/index.html b/public/en/tags/showcase/index.html index 0523223..5f87bcf 100644 --- a/public/en/tags/showcase/index.html +++ b/public/en/tags/showcase/index.html @@ -1,6 +1,324 @@ -Showcase :: Privacynerd's blog -

      Posts for: #Showcase

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Showcase :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Showcase

      + +
      + +
      +

      + Showcase +

      +
      Hugo Authors & Radek
      + + + + + #showcase  + + #markdown  + + #styling  + + + + + + + +
      + +

      Sample article showcasing basic styling and formatting for HTML elements.

      + +
      + + + + +
      + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/showcase/index.xml b/public/en/tags/showcase/index.xml index a1fc979..6b17159 100644 --- a/public/en/tags/showcase/index.xml +++ b/public/en/tags/showcase/index.xml @@ -1 +1,19 @@ -Showcase on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/showcase/Recent content in Showcase on Privacynerd's blogHugoenWed, 09 Apr 2025 07:01:12 +0200Showcasehttps://blog.privacynerd.de/en/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/posts/showcase/<p>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.</p> \ No newline at end of file + + + + Showcase on Privacynerd's blog + https://blog.privacynerd.de/en/tags/showcase/ + Recent content in Showcase on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:01:12 +0200 + + + Showcase + https://blog.privacynerd.de/en/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/posts/showcase/ + <p>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.</p> + + + diff --git a/public/en/tags/showcase/page/1/index.html b/public/en/tags/showcase/page/1/index.html index e92725c..d6d6f84 100644 --- a/public/en/tags/showcase/page/1/index.html +++ b/public/en/tags/showcase/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/showcase/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/showcase/ + + + + + + diff --git a/public/en/tags/story/index.html b/public/en/tags/story/index.html index af38aac..3c6e121 100644 --- a/public/en/tags/story/index.html +++ b/public/en/tags/story/index.html @@ -1,5 +1,322 @@ -Story :: Privacynerd's blog -

      Posts for: #Story

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Story :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Story

      + +
      + +
      +

      + A random story +

      +
      + + + + + #story  + + #ai  + + + + + + + +
      + +

      Random story by ChatGPT to test out the perfect reading speed value.

      + +
      + + + + +
      + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/story/index.xml b/public/en/tags/story/index.xml index 1d8fa14..b4d00c6 100644 --- a/public/en/tags/story/index.xml +++ b/public/en/tags/story/index.xml @@ -1,8 +1,19 @@ -Story on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/story/Recent content in Story on Privacynerd's blogHugoenTue, 08 Apr 2025 17:55:25 +0200A random storyhttps://blog.privacynerd.de/en/posts/random-story/Tue, 08 Apr 2025 17:55:25 +0200https://blog.privacynerd.de/en/posts/random-story/<p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> -<h2 id="german-prompt">German prompt</h2> -<p>Tell a story with around 200 words.</p> -<h2 id="answer-translated-to-english">Answer, translated to english</h2> -<p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” -Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. -Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. -When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> \ No newline at end of file + + + + Story on Privacynerd's blog + https://blog.privacynerd.de/en/tags/story/ + Recent content in Story on Privacynerd's blog + Hugo + en + Tue, 08 Apr 2025 17:55:25 +0200 + + + A random story + https://blog.privacynerd.de/en/posts/random-story/ + Tue, 08 Apr 2025 17:55:25 +0200 + https://blog.privacynerd.de/en/posts/random-story/ + <p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p> <h2 id="german-prompt">German prompt</h2> <p>Tell a story with around 200 words.</p> <h2 id="answer-translated-to-english">Answer, translated to english</h2> <p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.” Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego. Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all. When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p> + + + diff --git a/public/en/tags/story/page/1/index.html b/public/en/tags/story/page/1/index.html index f4eb896..7456c4e 100644 --- a/public/en/tags/story/page/1/index.html +++ b/public/en/tags/story/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/story/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/story/ + + + + + + diff --git a/public/en/tags/styling/index.html b/public/en/tags/styling/index.html index 900b0c6..9f1f6af 100644 --- a/public/en/tags/styling/index.html +++ b/public/en/tags/styling/index.html @@ -1,6 +1,324 @@ -Styling :: Privacynerd's blog -

      Posts for: #Styling

      © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt -:: Imprint -:: Theme made by panr (customized)
      \ No newline at end of file + + + + + Styling :: Privacynerd's blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + + + + +
        +
      • en ▾
        • +
      • + +
        • +
      + + + +
      + + + + +
      + + +
      + +

      Posts for: #Styling

      + +
      + +
      +

      + Showcase +

      +
      Hugo Authors & Radek
      + + + + + #showcase  + + #markdown  + + #styling  + + + + + + + +
      + +

      Sample article showcasing basic styling and formatting for HTML elements.

      + +
      + + + + +
      + + + + +
      + +
      + + +
      + +
      + +
      + © 2025 LBPeonijnacmGiNnU SBkuorKkyhfaHrrdyt + + :: Imprint + :: Theme made by panr (customized) +
      +
      +
      + + + + + + + + + + + + + +
      + + + diff --git a/public/en/tags/styling/index.xml b/public/en/tags/styling/index.xml index ac8a714..030e83d 100644 --- a/public/en/tags/styling/index.xml +++ b/public/en/tags/styling/index.xml @@ -1 +1,19 @@ -Styling on Privacynerd's bloghttps://blog.privacynerd.de/en/tags/styling/Recent content in Styling on Privacynerd's blogHugoenWed, 09 Apr 2025 07:01:12 +0200Showcasehttps://blog.privacynerd.de/en/posts/showcase/Wed, 09 Apr 2025 07:01:12 +0200https://blog.privacynerd.de/en/posts/showcase/<p>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.</p> \ No newline at end of file + + + + Styling on Privacynerd's blog + https://blog.privacynerd.de/en/tags/styling/ + Recent content in Styling on Privacynerd's blog + Hugo + en + Wed, 09 Apr 2025 07:01:12 +0200 + + + Showcase + https://blog.privacynerd.de/en/posts/showcase/ + Wed, 09 Apr 2025 07:01:12 +0200 + https://blog.privacynerd.de/en/posts/showcase/ + <p>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.</p> + + + diff --git a/public/en/tags/styling/page/1/index.html b/public/en/tags/styling/page/1/index.html index be64fd6..f45bd05 100644 --- a/public/en/tags/styling/page/1/index.html +++ b/public/en/tags/styling/page/1/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/tags/styling/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/tags/styling/ + + + + + + diff --git a/public/index.html b/public/index.html index a0802ff..fbe40a3 100644 --- a/public/index.html +++ b/public/index.html @@ -1,2 +1,10 @@ -https://blog.privacynerd.de/en/ - \ No newline at end of file + + + + https://blog.privacynerd.de/en/ + + + + + + diff --git a/public/sitemap.xml b/public/sitemap.xml index 5c7d930..7da0f93 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -1 +1,18 @@ -https://blog.privacynerd.de/en/sitemap.xml2025-04-09T07:17:39+02:00https://blog.privacynerd.de/de/sitemap.xml2025-04-09T07:17:39+02:00 \ No newline at end of file + + + + + https://blog.privacynerd.de/en/sitemap.xml + + 2025-04-09T07:17:39+02:00 + + + + + https://blog.privacynerd.de/de/sitemap.xml + + 2025-04-09T07:17:39+02:00 + + + + diff --git a/themes/terminal-fork b/themes/terminal-fork index bfaf4a7..14c8aca 160000 --- a/themes/terminal-fork +++ b/themes/terminal-fork @@ -1 +1 @@ -Subproject commit bfaf4a7c3ccab42940ee707e80106bd3a7e444cb +Subproject commit 14c8acafc82ea4b2f54f97ebab9b11d8216be916