Markdown Cheat Sheet & Blog Guide

🚀 Blog Management Guide

Hier erfährst du, wie du diesen Blog pflegst und neue Inhalte veröffentlichst.

1. Einen neuen Post erstellen

Jeder Post ist ein “Page Bundle” (ein eigener Ordner). Das ist ideal für Bilder.

Schritte:

1. Öffne dein Terminal im Verzeichnis: D:\workspace\workspace.gravity\GitHubHugo\blog.
2. Nutze den Hugo-Befehl (oder erstelle den Ordner manuell):

   hugo new posts/mein-neuer-post/index.md

3. Die neue Datei findest du unter content/posts/mein-neuer-post/index.md.

2. Bilder und Dateien einbinden

Da jeder Post ein eigener Ordner ist, kannst du Bilder einfach in denselben Ordner wie die index.md legen.

Beispiel:

• Datei: content/posts/mein-neuer-post/foto.jpg
• Einbinden im Markdown: ![Beschreibung](foto.jpg)

3. Lokal testen (Vorschau)

Bevor du veröffentlichst, kannst du dir die Seite lokal ansehen:

hugo server -D

Die Seite ist dann unter http://localhost:1313 erreichbar.

4. Veröffentlichen (Live-Schalten)

Dank GitHub Actions musst du nur deine Änderungen pushen. Der Rest passiert automatisch.

Befehle:

git add .
git commit -m "Neuer Post: Mein Thema"
git push origin main

Nach ca. 1-2 Minuten ist die Änderung auf deiner Website sichtbar.

Markdown Cheat Sheet

This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic syntax and extended syntax.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Emphasis

Emphasis, aka italics, with asterisks or underscores. Strong emphasis, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. Strikethrough with two tildes. Bold and nested italic. All bold and italic. Bold and italic nested.

Lists

Ordered:

1. First ordered list item
2. Another item
3. Actual numbers don’t matter, just that it’s a number
   1. 1st.
   2. 2nd.
   3. 3rd.

Unordered:

• This is a list item
  • This is a nested list item
    • This is a nested list item
  • This is another list item
• This is another list item

Task:

• Write the press release
• Update the website
• Contact the media

Links

This is a link.

This link has a title attribute.

Tables

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

You can reference a footnote like this.

All generalizations are false, including this one. (Mark Twain) ¹

Code

Inline code has back-ticks around it.

var s = "JavaScript syntax highlighting";
alert(s);

s = "Python syntax highlighting"
print(s)

No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

You can remove line numbers, change the highlighting theme, and more. See Syntax Highlighting and Highlight.

#include <stdio.h>

int main()
{
    printf("Hello, World!\n");
    return 0;
}

Math

You can use LaTeX-style math with $ and $$ delimiters. For example, $x^2$ renders as $x^2$, and $$\frac{x}{y}$$ renders as: $$\frac{x}{y}$$

We can throw this scary-looking equation at you:

$$ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } $$

Horizontal Rules

Three or more… Hyphens ---, Asterisks ***, or Underscores ___.

Miscellaneous

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:scroll-auto to only The world is flat. apply the scroll-auto utility on hover.

term

definition

another definition