Removed all the demo stuff

This commit is contained in:
2025-04-13 14:02:04 +02:00
parent 41eeb387c4
commit 6121e876c7
79 changed files with 26 additions and 12927 deletions

View File

@@ -262,160 +262,6 @@
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase-code/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</span>
<div class="post-content">
<p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/random-story/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/one-word/">Ein Wort!</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-05</time></div>
<div class="post-content">
<h1 id="nureinwort">Nureinwort</h1>
</div>
<div>
<a class="read-more button inline" href="/de/posts/one-word/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/test-post/">Deutscher Test Post</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-05</time></div>
<div class="post-content">
<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>
</div>
<div>
<a class="read-more button inline" href="/de/posts/test-post/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">

File diff suppressed because one or more lines are too long

View File

@@ -1,456 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Posts :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Posts">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/posts/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/">English</a>
</li>
<li>
<b>
<a href="/de/posts/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/">English</a>
</li>
<li>
<b>
<a href="/de/posts/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="posts">
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase-code/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</span>
<div class="post-content">
<p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/random-story/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/one-word/">Ein Wort!</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-05</time></div>
<div class="post-content">
<h1 id="nureinwort">Nureinwort</h1>
</div>
<div>
<a class="read-more button inline" href="/de/posts/one-word/">[Mehr lesen]</a>
</div>
</article>
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/test-post/">Deutscher Test Post</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-05</time></div>
<div class="post-content">
<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>
</div>
<div>
<a class="read-more button inline" href="/de/posts/test-post/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@@ -1,343 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Ein Wort! :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Nureinwort" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/one-word/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Ein Wort!">
<meta property="og:description" content="Nureinwort" />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/one-word/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="article:published_time" content="2025-04-05 22:48:12 &#43;0200 CEST" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/one-word/">English</a>
</li>
<li>
<b>
<a href="/de/posts/one-word/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/one-word/">English</a>
</li>
<li>
<b>
<a href="/de/posts/one-word/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/one-word/">Ein Wort!</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">1 Minute Lesezeit (1 Wort)</span></div>
<div class="post-content"><div>
<h1 id="nureinwort">Nureinwort<a href="#nureinwort" class="hanchor" ariaLabel="Anchor">#</a> </h1>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Andere Posts lesen</span>
<hr />
</div>
<div class="pagination__buttons">
<a href="https://blog.privacynerd.de/de/posts/random-story/" class="button inline prev">
&lt; [<span class="button__text">Eine beliebige Geschichte</span>]
</a>
::
<a href="https://blog.privacynerd.de/de/posts/test-post/" class="button inline next">
[<span class="button__text">Deutscher Test Post</span>] &gt;
</a>
</div>
</div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fone-word%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/posts/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/posts/">
</head>
</html>

View File

@@ -1,370 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Eine beliebige Geschichte :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/random-story/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Eine beliebige Geschichte">
<meta property="og:description" content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen." />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/random-story/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="article:published_time" content="2025-04-08 17:55:25 &#43;0200 CEST" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/random-story/">English</a>
</li>
<li>
<b>
<a href="/de/posts/random-story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/random-story/">English</a>
</li>
<li>
<b>
<a href="/de/posts/random-story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time><span class="post-reading-time">2 Minuten Lesezeit (211 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Inhaltsverzeichnis
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#prompt">Prompt</a></li>
<li><a href="#antwort">Antwort</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<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<a href="#prompt" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p>
<h2 id="antwort">Antwort<a href="#antwort" class="hanchor" ariaLabel="Anchor">#</a> </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>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Andere Posts lesen</span>
<hr />
</div>
<div class="pagination__buttons">
<a href="https://blog.privacynerd.de/de/posts/showcase/" class="button inline prev">
&lt; [<span class="button__text">Beispielvorführung</span>]
</a>
::
<a href="https://blog.privacynerd.de/de/posts/one-word/" class="button inline next">
[<span class="button__text">Ein Wort!</span>] &gt;
</a>
</div>
</div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2frandom-story%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,615 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Varianten von Code-Blöcken :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/showcase-code/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="Radek" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Varianten von Code-Blöcken">
<meta property="og:description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt." />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase-code/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="article:published_time" content="2025-04-09 07:17:39 &#43;0200 CEST" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/showcase-code/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase-code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/showcase-code/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase-code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span><span class="post-reading-time">5 Minuten Lesezeit (516 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Inhaltsverzeichnis
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#beispiele">Beispiele:</a>
<ul>
<li><a href="#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</a></li>
<li><a href="#mit-spezifizierter-sprache">Mit spezifizierter Sprache</a></li>
</ul>
</li>
<li><a href="#programmiersprachen">Programmiersprachen:</a>
<ul>
<li><a href="#a">A</a></li>
<li><a href="#b">B</a></li>
<li><a href="#c">C</a></li>
<li><a href="#d">D</a></li>
<li><a href="#e">E</a></li>
<li><a href="#f">F</a></li>
<li><a href="#g">G</a></li>
<li><a href="#h">H</a></li>
<li><a href="#j">J</a></li>
<li><a href="#k">K</a></li>
<li><a href="#l">L</a></li>
<li><a href="#m">M</a></li>
<li><a href="#n">N</a></li>
<li><a href="#o">O</a></li>
<li><a href="#p">P</a></li>
<li><a href="#r">R</a></li>
<li><a href="#s">S</a></li>
<li><a href="#t">T</a></li>
<li><a href="#v">V</a></li>
<li><a href="#z">Z</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<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:<a href="#beispiele" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)<a href="#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#mit-spezifizierter-sprache" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<h4 id="zeilenhervorhebung">Zeilenhervorhebung<a href="#zeilenhervorhebung" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#zeilenhervorhebung--tabellenzeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#zeilenhervorhebung--inline-zeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#hugos-interner---highlight---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#benutzerdefinierter-eingebauter---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </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:<a href="#programmiersprachen" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="a">A<a href="#a" class="hanchor" ariaLabel="Anchor">#</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<a href="#b" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#c" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#d" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#e" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#f" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#g" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#h" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#j" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#k" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#l" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#m" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#n" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#o" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#p" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#r" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#s" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#t" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#v" class="hanchor" ariaLabel="Anchor">#</a> </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<a href="#z" class="hanchor" ariaLabel="Anchor">#</a> </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>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Andere Posts lesen</span>
<hr />
</div>
<div class="pagination__buttons">
<a href="https://blog.privacynerd.de/de/posts/showcase/" class="button inline next">
[<span class="button__text">Beispielvorführung</span>] &gt;
</a>
</div>
</div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fshowcase-code%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,584 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Beispielvorführung :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/showcase/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="Hugo Autoren &amp; Radek" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Beispielvorführung">
<meta property="og:description" content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt." />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="article:published_time" content="2025-04-09 07:01:12 &#43;0200 CEST" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span><span class="post-reading-time">5 Minuten Lesezeit (488 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Inhaltsverzeichnis
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#überschriften">Überschriften</a></li>
</ul>
<ul>
<li><a href="#h2">H2</a>
<ul>
<li><a href="#h3">H3</a></li>
<li><a href="#h4">H4</a></li>
</ul>
</li>
<li><a href="#absatz">Absatz</a></li>
<li><a href="#bilder">Bilder</a>
<ul>
<li><a href="#abbildung-mit-beschriftung">Abbildung mit Beschriftung</a></li>
</ul>
</li>
<li><a href="#zitate">Zitate</a>
<ul>
<li><a href="#blockquote-ohne-attribution">Blockquote ohne Attribution</a></li>
<li><a href="#blockquote-mit-attribution">Blockquote mit Attribution</a></li>
</ul>
</li>
<li><a href="#buttons-und-links">Buttons und Links</a></li>
<li><a href="#tabellen">Tabellen</a>
<ul>
<li><a href="#inline-markdown-innerhalb-von-tabellen">Inline Markdown innerhalb von Tabellen</a></li>
</ul>
</li>
<li><a href="#formulare">Formulare</a></li>
<li><a href="#code-blöcke">Code-Blöcke</a>
<ul>
<li><a href="#code-block-mit-backticks">Code-Block mit Backticks</a></li>
<li><a href="#code-block-eingerückt-mit-vier-leerzeichen">Code-Block eingerückt mit vier Leerzeichen</a></li>
<li><a href="#code-block-mit-hugos-internem-highlight-shortcode">Code-Block mit Hugos internem Highlight-Shortcode</a></li>
<li><a href="#code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode">Code-Block mit benutzerdefiniertem eingebautem <code>{{ &lt; code &gt; }}</code> Shortcode</a></li>
</ul>
</li>
<li><a href="#listenarten">Listenarten</a>
<ul>
<li><a href="#geordnete-liste">Geordnete Liste</a></li>
<li><a href="#ungeordnete-liste">Ungeordnete Liste</a></li>
<li><a href="#verschachtelte-liste">Verschachtelte Liste</a></li>
</ul>
</li>
<li><a href="#andere-elemente--abbr-sub-sup-kbd-mark">Andere Elemente — abbr, sub, sup, kbd, mark</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<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>
<h2 id="überschriften">Überschriften<a href="#überschriften" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Die folgenden HTML-Elemente <code>&lt;h1&gt;</code><code>&lt;h6&gt;</code> repräsentieren sechs Ebenen von Abschnittsüberschriften. <code>&lt;h1&gt;</code> ist die höchste Abschnittsebene, während <code>&lt;h6&gt;</code> die niedrigste ist.</p>
<h1 id="h1">H1<a href="#h1" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<h2 id="h2">H2<a href="#h2" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="h3">H3<a href="#h3" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<h3 id="h4">H4<a href="#h4" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<h4 id="h5">H5<a href="#h5" class="hanchor" ariaLabel="Anchor">#</a> </h4>
<h5 id="h6">H6<a href="#h6" class="hanchor" ariaLabel="Anchor">#</a> </h5>
<h2 id="absatz">Absatz<a href="#absatz" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>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.</p>
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
<h2 id="bilder">Bilder<a href="#bilder" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><img src="/img/terminal-theme.png" alt="Terminal Theme Preview"></p>
<h3 id="abbildung-mit-beschriftung">Abbildung mit Beschriftung<a href="#abbildung-mit-beschriftung" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<figure><img src="/img/terminal-theme.png"
alt="Terminal Theme Preview"><figcaption>
<p>Terminal Theme Preview</p>
</figcaption>
</figure>
<h2 id="zitate">Zitate<a href="#zitate" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Das Blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einer Zitation, die innerhalb eines <code>footer</code>- oder <code>cite</code>-Elements enthalten sein muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.</p>
<h3 id="blockquote-ohne-attribution">Blockquote ohne Attribution<a href="#blockquote-ohne-attribution" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<blockquote>
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
<strong>Beachte</strong>, dass du <em>Markdown-Syntax</em> innerhalb eines Blockquotes verwenden kannst.</p></blockquote>
<h3 id="blockquote-mit-attribution">Blockquote mit Attribution<a href="#blockquote-mit-attribution" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<blockquote>
<p>Kommuniziere nicht durch das Teilen von Speicher, teile Speicher durch Kommunizieren.<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p></blockquote>
<h2 id="buttons-und-links">Buttons und Links<a href="#buttons-und-links" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><!-- raw HTML omitted -->Button<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted --></p>
<h2 id="tabellen">Tabellen<a href="#tabellen" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.</p>
<table>
<thead>
<tr>
<th>Name</th>
<th>Alter</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bob</td>
<td>27</td>
</tr>
<tr>
<td>Alice</td>
<td>23</td>
</tr>
</tbody>
</table>
<h3 id="inline-markdown-innerhalb-von-tabellen">Inline Markdown innerhalb von Tabellen<a href="#inline-markdown-innerhalb-von-tabellen" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<table>
<thead>
<tr>
<th>Kursiv</th>
<th>Fett</th>
<th>Code</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>kursiv</em></td>
<td><strong>fett</strong></td>
<td><code>code</code></td>
</tr>
</tbody>
</table>
<h2 id="formulare">Formulare<a href="#formulare" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<!-- raw HTML omitted -->
<h2 id="code-blöcke">Code-Blöcke<a href="#code-blöcke" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="code-block-mit-backticks">Code-Block mit Backticks<a href="#code-block-mit-backticks" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<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;de&#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><h3 id="code-block-eingerückt-mit-vier-leerzeichen">Code-Block eingerückt mit vier Leerzeichen<a href="#code-block-eingerückt-mit-vier-leerzeichen" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<pre><code>&lt;!doctype html&gt;
&lt;html lang=&quot;de&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&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="code-block-mit-hugos-internem-highlight-shortcode">Code-Block mit Hugos internem Highlight-Shortcode<a href="#code-block-mit-hugos-internem-highlight-shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<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;de&#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>
<h3 id="code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode">Code-Block mit benutzerdefiniertem eingebautem <code>{{ &lt; code &gt; }}</code> Shortcode<a href="#code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<details class="collapsable-code" >
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="nt">pre</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="k">background</span><span class="p">:</span> <span class="mh">#1a1a1d</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">padding</span><span class="p">:</span> <span class="mi">20</span><span class="kt">px</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">border-radius</span><span class="p">:</span> <span class="mi">8</span><span class="kt">px</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">font-size</span><span class="p">:</span> <span class="mi">1</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">overflow</span><span class="p">:</span> <span class="kc">auto</span><span class="p">;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"> <span class="err">@media</span> <span class="err">(--phone)</span> <span class="err">{</span>
</span></span><span class="line"><span class="cl"> <span class="k">white-space</span><span class="p">:</span> <span class="kc">pre-wrap</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">word-wrap</span><span class="p">:</span> <span class="kc">break-word</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></span><span class="line"><span class="cl"> <span class="nt">code</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="k">background</span><span class="p">:</span> <span class="kc">none</span> <span class="cp">!important</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">color</span><span class="p">:</span> <span class="mh">#ccc</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">padding</span><span class="p">:</span> <span class="mi">0</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="k">font-size</span><span class="p">:</span> <span class="kc">inherit</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="err">}</span></span></span></code></pre></div></details>
<h2 id="listenarten">Listenarten<a href="#listenarten" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="geordnete-liste">Geordnete Liste<a href="#geordnete-liste" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ol>
<li>Erstes Element</li>
<li>Zweites Element</li>
<li>Drittes Element</li>
</ol>
<h3 id="ungeordnete-liste">Ungeordnete Liste<a href="#ungeordnete-liste" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ul>
<li>Listenelement</li>
<li>Weiteres Element</li>
<li>Noch ein Element</li>
</ul>
<h3 id="verschachtelte-liste">Verschachtelte Liste<a href="#verschachtelte-liste" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ul>
<li>Obst
<ul>
<li>Apfel</li>
<li>Orange</li>
<li>Banane</li>
</ul>
</li>
<li>Milchprodukte
<ul>
<li>Milch</li>
<li>Käse</li>
</ul>
</li>
</ul>
<h2 id="andere-elemente--abbr-sub-sup-kbd-mark">Andere Elemente — abbr, sub, sup, kbd, mark<a href="#andere-elemente--abbr-sub-sup-kbd-mark" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> ist ein Bitmap-Bildformat.</p>
<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p>
<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p>
<p>Drücke <!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Entf<!-- raw HTML omitted -->, um die Sitzung zu beenden.</p>
<p>Die meisten <!-- raw HTML omitted -->Salamander<!-- raw HTML omitted --> sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Das obige Zitat stammt aus Rob Pikes <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">Vortrag</a> während Gopherfest am 18. November 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Andere Posts lesen</span>
<hr />
</div>
<div class="pagination__buttons">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/" class="button inline prev">
&lt; [<span class="button__text">Varianten von Code-Blöcken</span>]
</a>
::
<a href="https://blog.privacynerd.de/de/posts/random-story/" class="button inline next">
[<span class="button__text">Eine beliebige Geschichte</span>] &gt;
</a>
</div>
</div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fshowcase%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,367 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Deutscher Test Post :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="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.
" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/test-post/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Deutscher Test Post">
<meta property="og:description" content="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.
" />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/test-post/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="article:published_time" content="2025-04-05 20:14:29 &#43;0200 CEST" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/posts/test-post/">English</a>
</li>
<li>
<b>
<a href="/de/posts/test-post/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/test-post/">English</a>
</li>
<li>
<b>
<a href="/de/posts/test-post/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/test-post/">Deutscher Test Post</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">4 Minuten Lesezeit (369 Wörter)</span></div>
<div class="table-of-contents">
<h2>
Inhaltsverzeichnis
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#lorem-ipsum">Lorem ipsum</a>
<ul>
<li><a href="#dolor-sit-amet">dolor sit amet</a></li>
<li><a href="#consectetur-adipiscing">Consectetur adipiscing</a></li>
</ul>
</li>
<li><a href="#delorean-ipsum">DeLorean ipsum</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<h1 id="test-post-in-german">Test Post in German<a href="#test-post-in-german" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<h2 id="lorem-ipsum">Lorem ipsum<a href="#lorem-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="dolor-sit-amet">dolor sit amet<a href="#dolor-sit-amet" class="hanchor" ariaLabel="Anchor">#</a> </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>
<h3 id="consectetur-adipiscing">Consectetur adipiscing<a href="#consectetur-adipiscing" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<h2 id="delorean-ipsum">DeLorean ipsum<a href="#delorean-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>That&rsquo;s right. Huh? Go. Here you go, lady. There&rsquo;s a quarter. Good morning.</p>
<p>Marty, I always wear a suit to the office. You alright? It&rsquo;s a board with wheels. Yeah. What the hell is this? Marty, you&rsquo;re acting like you haven&rsquo;t seen me in a week.</p>
<p>Yes, yes, I&rsquo;m George, George McFly, and I&rsquo;m your density. I mean, I&rsquo;m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That&rsquo;s Strickland. Jesus, didn&rsquo;t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It&rsquo;s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.</p>
</div></div>
<div class="pagination">
<div class="pagination__title">
<span class="pagination__title-h">Andere Posts lesen</span>
<hr />
</div>
<div class="pagination__buttons">
<a href="https://blog.privacynerd.de/de/posts/one-word/" class="button inline prev">
&lt; [<span class="button__text">Ein Wort!</span>]
</a>
</div>
</div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2ftest-post%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -27,188 +27,6 @@
hreflang="de"
href="https://blog.privacynerd.de/de/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/code/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/programming/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/programming/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/programming/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/showcase-code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase-code/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase-code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/markdown/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/markdown/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/markdown/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/styling/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/styling/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/styling/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/ai/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/ai/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/ai/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/random-story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/random-story/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/random-story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/story/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/one-word/</loc>
<lastmod>2025-04-05T22:48:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/one-word/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/one-word/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/test-post/</loc>
<lastmod>2025-04-05T20:14:29+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/test-post/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/test-post/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/categories/</loc>
<xhtml:link
@@ -221,5 +39,17 @@
hreflang="de"
href="https://blog.privacynerd.de/de/categories/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
</url>
</urlset>

View File

@@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Ai :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/ai/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Ai">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/ai/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/ai/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/ai/">English</a>
</li>
<li>
<b>
<a href="/de/tags/ai/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/ai/">English</a>
</li>
<li>
<b>
<a href="/de/tags/ai/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#ai</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</span>
<div class="post-content">
<p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/random-story/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fai%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Ai on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/ai/</link>
<description>Recent content in Ai on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/ai/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Eine beliebige Geschichte</title>
<link>https://blog.privacynerd.de/de/posts/random-story/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/posts/random-story/</guid>
<description>&lt;p&gt;Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p&gt;&#xA;&lt;h2 id=&#34;prompt&#34;&gt;Prompt&lt;/h2&gt;&#xA;&lt;p&gt;Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p&gt;&#xA;&lt;h2 id=&#34;antwort&#34;&gt;Antwort&lt;/h2&gt;&#xA;&lt;p&gt;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.“&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/ai/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/ai/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/ai/">
</head>
</html>

View File

@@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Code :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/code/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Code">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/code/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/code/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/code/">English</a>
</li>
<li>
<b>
<a href="/de/tags/code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/code/">English</a>
</li>
<li>
<b>
<a href="/de/tags/code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#code</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase-code/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fcode%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/code/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/code/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/code/">
</head>
</html>

View File

@@ -245,62 +245,6 @@
<ul>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/ai/">ai [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/code/">code [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/markdown/">markdown [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/programming/">programming [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/showcase/">showcase [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/story/">story [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/styling/">styling [1]</a>
</li>
</ul>
</div>

View File

@@ -6,56 +6,6 @@
<description>Recent content in Tags on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Code</title>
<link>https://blog.privacynerd.de/de/tags/code/</link>
<pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/code/</guid>
<description></description>
</item>
<item>
<title>Programming</title>
<link>https://blog.privacynerd.de/de/tags/programming/</link>
<pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/programming/</guid>
<description></description>
</item>
<item>
<title>Markdown</title>
<link>https://blog.privacynerd.de/de/tags/markdown/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/markdown/</guid>
<description></description>
</item>
<item>
<title>Showcase</title>
<link>https://blog.privacynerd.de/de/tags/showcase/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/showcase/</guid>
<description></description>
</item>
<item>
<title>Styling</title>
<link>https://blog.privacynerd.de/de/tags/styling/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/styling/</guid>
<description></description>
</item>
<item>
<title>Ai</title>
<link>https://blog.privacynerd.de/de/tags/ai/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/ai/</guid>
<description></description>
</item>
<item>
<title>Story</title>
<link>https://blog.privacynerd.de/de/tags/story/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/story/</guid>
<description></description>
</item>
</channel>
</rss>

View File

@@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Markdown :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/markdown/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Markdown">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/markdown/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/markdown/">English</a>
</li>
<li>
<b>
<a href="/de/tags/markdown/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/markdown/">English</a>
</li>
<li>
<b>
<a href="/de/tags/markdown/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#markdown</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fmarkdown%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Markdown on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/markdown/</link>
<description>Recent content in Markdown on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beispielvorführung</title>
<link>https://blog.privacynerd.de/de/posts/showcase/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/posts/showcase/</guid>
<description>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/markdown/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/markdown/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/markdown/">
</head>
</html>

View File

@@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Programming :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/programming/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Programming">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/programming/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/programming/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/programming/">English</a>
</li>
<li>
<b>
<a href="/de/tags/programming/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/programming/">English</a>
</li>
<li>
<b>
<a href="/de/tags/programming/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#programming</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase-code/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fprogramming%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/programming/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/programming/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/programming/">
</head>
</html>

View File

@@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Showcase :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/showcase/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Showcase">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/showcase/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/tags/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/tags/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#showcase</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fshowcase%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Showcase on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/showcase/</link>
<description>Recent content in Showcase on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/showcase/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beispielvorführung</title>
<link>https://blog.privacynerd.de/de/posts/showcase/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/posts/showcase/</guid>
<description>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/showcase/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/showcase/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/showcase/">
</head>
</html>

View File

@@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Story :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/story/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Story">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/story/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/story/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/story/">English</a>
</li>
<li>
<b>
<a href="/de/tags/story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/story/">English</a>
</li>
<li>
<b>
<a href="/de/tags/story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#story</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</span>
<div class="post-content">
<p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/random-story/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fstory%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Story on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/story/</link>
<description>Recent content in Story on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/story/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Eine beliebige Geschichte</title>
<link>https://blog.privacynerd.de/de/posts/random-story/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/posts/random-story/</guid>
<description>&lt;p&gt;Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p&gt;&#xA;&lt;h2 id=&#34;prompt&#34;&gt;Prompt&lt;/h2&gt;&#xA;&lt;p&gt;Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p&gt;&#xA;&lt;h2 id=&#34;antwort&#34;&gt;Antwort&lt;/h2&gt;&#xA;&lt;p&gt;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.“&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/story/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/story/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/story/">
</head>
</html>

View File

@@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Styling :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/styling/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Styling">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/tags/styling/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/de/tags/styling/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;s blog" />
<style>
#banner {
width: 100%;
height: 2rem;
display: grid;
grid-template-columns: 1fr auto;
background: var(--accent);
}
#banner span {
display: flex;
align-items: center;
justify-content: center;
}
#banner a {
color: var(--background);
display: inline;
}
#banner > button {
padding: 0 5px 0 0;
margin: 0;
}
</style>
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
</head>
<body>
<div class="container center">
<header class="header">
<div class="header__inner">
<div class="header__logo">
<a href="/de">
<div class="logo">
Privacynerd&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li><a href="/de/about">Über</a></li>
<li><a href="/de/tags">Tags</a></li>
<hr />
<li>
<a href="/en/tags/styling/">English</a>
</li>
<li>
<b>
<a href="/de/tags/styling/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/styling/">English</a>
</li>
<li>
<b>
<a href="/de/tags/styling/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<h1>Posts für: <b style="opacity: 0.5;">#styling</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</span>
<div class="post-content">
<p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p>
</div>
<div>
<a class="read-more button inline" href="/de/posts/showcase/">[Mehr lesen]</a>
</div>
</article>
<div class="pagination">
<div class="pagination__buttons">
</div>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fstyling%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Styling on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/styling/</link>
<description>Recent content in Styling on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/styling/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beispielvorführung</title>
<link>https://blog.privacynerd.de/de/posts/showcase/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/posts/showcase/</guid>
<description>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/tags/styling/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/tags/styling/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/tags/styling/">
</head>
</html>