/de/blog/ Recent content in Blog on Virel Hugo -- gohugo.io de Sat, 01 Jan 2000 00:00:00 +0000 /de/blog/markdown/ Sat, 01 Jan 2000 00:00:00 +0000 /de/blog/markdown/ <p>Dieser Artikel bietet eine Beispielsammlung grundlegender Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann.</p> <h2>Grundlegende Syntax<span class="hx-absolute -hx-mt-20" id="grundlegende-syntax"></span> <a href="#grundlegende-syntax" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><h3>Überschriften<span class="hx-absolute -hx-mt-20" id="überschriften"></span> <a href="#%c3%bcberschriften" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <pre><code># Überschrift 1 ## Überschrift 2 ### Überschrift 3 #### Überschrift 4 ##### Überschrift 5 ###### Überschrift 6</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <h2>Überschrift 2<span class="hx-absolute -hx-mt-20" id="überschrift-2"></span> <a href="#%c3%bcberschrift-2" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><h3>Überschrift 3<span class="hx-absolute -hx-mt-20" id="überschrift-3"></span> <a href="#%c3%bcberschrift-3" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><h4>Überschrift 4<span class="hx-absolute -hx-mt-20" id="überschrift-4"></span> <a href="#%c3%bcberschrift-4" class="subheading-anchor" aria-label="Permalink for this section"></a></h4><h5>Überschrift 5<span class="hx-absolute -hx-mt-20" id="überschrift-5"></span> <a href="#%c3%bcberschrift-5" class="subheading-anchor" aria-label="Permalink for this section"></a></h5><h6>Überschrift 6<span class="hx-absolute -hx-mt-20" id="überschrift-6"></span> <a href="#%c3%bcberschrift-6" class="subheading-anchor" aria-label="Permalink for this section"></a></h6><h3>Hervorhebungen<span class="hx-absolute -hx-mt-20" id="hervorhebungen"></span> <a href="#hervorhebungen" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">*Dieser Text wird kursiv sein* </span></span><span class="line"><span class="cl">_Dies wird auch kursiv sein_ </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">**Dieser Text wird fett sein** </span></span><span class="line"><span class="cl">__Dies wird auch fett sein__ </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">_Sie können **beides** kombinieren_</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <p><em>Dieser Text wird kursiv sein</em></p> <p><em>Dies wird auch kursiv sein</em></p> <p><strong>Dieser Text wird fett sein</strong></p> <p><strong>Dies wird auch fett sein</strong></p> <p><em>Sie können <strong>beides</strong> kombinieren</em></p> <h3>Listen<span class="hx-absolute -hx-mt-20" id="listen"></span> <a href="#listen" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><h4>Ungeordnet<span class="hx-absolute -hx-mt-20" id="ungeordnet"></span> <a href="#ungeordnet" class="subheading-anchor" aria-label="Permalink for this section"></a></h4><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <pre><code>* Punkt 1 * Punkt 2 * Punkt 2a * Punkt 2b</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <ul> <li>Punkt 1</li> <li>Punkt 2 <ul> <li>Punkt 2a</li> <li>Punkt 2b</li> </ul> </li> </ul> <h4>Geordnet<span class="hx-absolute -hx-mt-20" id="geordnet"></span> <a href="#geordnet" class="subheading-anchor" aria-label="Permalink for this section"></a></h4><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <pre><code>1. Punkt 1 2. Punkt 2 3. Punkt 3 1. Punkt 3a 2. Punkt 3b</code></pre><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <h3>Bilder<span class="hx-absolute -hx-mt-20" id="bilder"></span> <a href="#bilder" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">GitHub Logo</span>](<span class="na">https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png</span>)</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <p><img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo" loading="lazy" /></p> <h3>Links<span class="hx-absolute -hx-mt-20" id="links"></span> <a href="#links" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">[<span class="nt">Hugo</span>](<span class="na">https://gohugo.io</span>)</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <p><a href="https://gohugo.io" target="_blank" rel="noopener">Hugo</a></p> <h3>Blockzitate<span class="hx-absolute -hx-mt-20" id="blockzitate"></span> <a href="#blockzitate" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">Wie Newton sagte: </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">&gt; Wenn ich weiter gesehen habe, dann deshalb, weil ich auf den Schultern von Riesen stand.</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <blockquote> <p>Wenn ich weiter gesehen habe, dann deshalb, weil ich auf den Schultern von Riesen stand.</p> </blockquote> <h3>Inline-Code<span class="hx-absolute -hx-mt-20" id="inline-code"></span> <a href="#inline-code" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">Inline-<span class="sb">`Code`</span> hat <span class="sb">`Backticks um sich herum`</span>.</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <p>Inline-<code>Code</code> hat <code>Backticks um sich herum</code>.</p> <h3>Codeblöcke<span class="hx-absolute -hx-mt-20" id="codeblöcke"></span> <a href="#codebl%c3%b6cke" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><h4>Syntaxhervorhebung<span class="hx-absolute -hx-mt-20" id="syntaxhervorhebung"></span> <a href="#syntaxhervorhebung" class="subheading-anchor" aria-label="Permalink for this section"></a></h4><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="s">```go </span></span></span><span class="line"><span class="cl"><span class="s"></span><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><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><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></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <h3>Tabellen<span class="hx-absolute -hx-mt-20" id="tabellen"></span> <a href="#tabellen" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code"> <div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">| Syntax | Beschreibung | </span></span><span class="line"><span class="cl">| --------- | ----------- | </span></span><span class="line"><span class="cl">| Header | Titel | </span></span><span class="line"><span class="cl">| Paragraph | Text |</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0"> <button class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50" title="Code kopieren" > <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div> <div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div> </button> </div> </div> <table> <thead> <tr> <th>Syntax</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td>Header</td> <td>Titel</td> </tr> <tr> <td>Paragraph</td> <td>Text</td> </tr> </tbody> </table> <h2>Referenzen<span class="hx-absolute -hx-mt-20" id="referenzen"></span> <a href="#referenzen" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><ul> <li><a href="https://www.markdownguide.org/basic-syntax/" target="_blank" rel="noopener">Markdown-Syntax</a></li> <li><a href="https://gohugo.io/content-management/formats/#markdown" target="_blank" rel="noopener">Hugo Markdown</a></li> </ul>