Hallo Welt

Willkommen zu meinem ersten Blogeintrag! Wie in der Welt der Programmierung und der Erstellung digitaler Inhalte üblich, beginne ich mit einem obligatorischen "Hello, World!"-Artikel. Aber das ist keine wirkliche Einführung, sondern dieser Beitrag dient eher dazu, Formatierung, Typografie und Funktionen wie Code-Hervorhebung oder Einbettungen zu demonstrieren. zu meiner eigenen Bequemlichkeit. Schauen dir also lieber einen anderen Artikel auf dem blog an.

Vielleicht fällt dir auch die Funktion der geteilten Ansicht auf. Sie zeigt den Inhalt nebeneinander in verschiedenen Sprachen an, wobei jeder Absatz vertikal mit der Übersetzung beginnt. Dies ist ein Experiment, mit dem untersucht wird, ob dieses Layout zum Erlernen einer Sprache verwendet werden kann. Es wurde mit dem CSS-Untergitter und der Inhaltsfunktion erstellt.

Im weiteren Verlauf dieses Beitrags werden verschiedene Elemente und Formatierungen vorgestellt. Dies ist ein lebendiger Beitrag, der laufend aktualisiert wird.

Formatierung Showcase

Links & Listen

• extern
• intern
• linking to same page headings

1. Erste
2. Zweite

Code-Blöcke mit Syntax-Hervorhebung

Hier ist ein "Inline"-Stück Code und ein Code-Block:

let processor = unified()
    .use(remarkParse)    // parse into markdown syntax tree
    .use(remarkRehype)  // convert to html syntax tree
    .use(highlight) // adds class for syntax highlighting code blocks
    .use(rehypeStringify)      // turn html syntax tree to html

// process function will return the generated html string.
function processFile(filename) {
    // use vfile to read the file, could use fs if you like.
    return processor.processSync(vfile.readSync(filename));
}

/// file: svelte.config.js
import adapter from '@sveltejs/adapter-node';

export default {
	kit: {
-		adapter: adapter()
+		adapter: adapter({ out: 'my-output-directory' })
	}
};

Erheiternde Randbemerkung, am 01.01.1970 wurde die Zeit erfunden:

https://de.wikipedia.org/wiki/Unixzeit

GFM

Autolink literals

www.example.com, https://example.com, and contact@example.com.

Fußnote

Eine Notiz¹

Durchgestrichen

eins oder zwei Tilden.

Eine Tabelle mit verschiedenen Textausrichtungen

Aufgabenliste

• aufgabe
• erledigt

Ein größere Tabelle mit Harry-Potter-Figuren

Figuren mit einem anderen Namen im Englischen sind fett markiert.