HTML oder Markdown Dateien im Markdown Style verwenden

Einleitung

HTML hat einen anderen Style als Markdown. Um dies zu ändern kann man meinen Style verwenden.

Was ändert der Style?

Der Style ändert die Schriftfamilie zu Sans-Serif, färbt alle Links blau.

Anwendung auf GitHub Pages

Option 1: Layouts

Verwendest du eine Webseie-Theme, nützt dieser Style nichts. Dann musst du den Style im Code einbetten. Wenn du keine Theme verwendest, erstelle eine Datei in dem GitHub-Interface. Die nennst du _layouts/default.html. In diesen Layout schreibst du rein:

<link rel="stylesheet" href="https://viktor-chiarcos.github.io/html-markdown-style/source/style.css">

Als nächstes erstelle einen Workflow. Dein Weg: Settings (Oben) -> Pages (links im Menü) -> Source (unten im Pages-Bereich) -> Menü wo steht Deploy with a Branch -> GitHub Actions auswählen -> GitHub Pages Jekyll auswählen und speichern -> Fertig

Mit diesem Workflow wird deine Webseite nach jedem Commit deine Webseite ins Netz gestellt.

Wenn du keine Ahnung hast, kannst du das Repository einfach Forken.

Option 2: Code

Schreibe in deine Markdown oder HTML-Datei den Code <link rel="stylesheet" href="https://viktor-chiarcos.github.io/html-markdown-style/source/style.css"> und lasse eine Zeile frei. Nun kannst du loslegen.

Wenn deine Seite noch nicht im Netz ist, erstelle einen Workflow. Dein Weg: Settings (Oben) -> Pages (links im Menü) -> Source (unten im Pages-Bereich) -> Menü wo steht Deploy with a Branch -> GitHub Actions auswählen -> GitHub Pages Jekyll auswählen und speichern -> Fertig

Mit diesem Workflow wird deine Webseite nach jedem Commit deine Webseite ins Netz gestellt.

Beispiele

Text

Überschrift

Link

Wenn du weitere Hilfe brauchst lese die GitHub-Pages-Anleitung