Neues von DEVONtechnologies
Wie Sie Markdown stylen
Das Schöne an Markdown ist, dass Sie sich um die Formatierung eigentlich keine Gedanken machen müssen. Sie versehen Ihren Text einfach mit ein paar einfachen Auszeichnungselementen und in der Vorschau sieht Ihr Text gut aus. Trotzdem haben Sie vielleicht schon einmal gehört, dass Sie das Aussehen Ihres Markdown-Dokuments verändern können. Aber wie funktioniert das?
Zum Rendern wird Markdown zunächst in HTML übersetzt, die Sprache, in der Webseiten geschrieben werden. Diese kann dann mit CSS (Cascading Style Sheets) gestaltet werden, einer Methode zur Beschreibung, wie bestimmte HTML-Elemente aussehen sollen. Das eigentliche Rendering auf dem Bildschirm erfolgt schließlich durch eine Webbrowser-Engine, wie sie etwa in Safari, aber auch in DEVONthink und DEVONthink To Go verwendet wird.
Hier ein Beispiel: In Markdown markieren Sie Überschriften am Beginn einer Zeile mit einem oder mehreren Doppelkreuzen (#). Der Vorprozessor von Markdown übersetzt das in die HTML-Auszeichnungen <h1>, <h2> und so weiter. Im CSS-Stylesheet, einer Textdatei mit Anweisungen für das Styling, können Sie der Browser-Engine mitteilen, dass diese Überschriften groß und in einer bestimmten Schriftart erscheinen sollen.
Unsere Anwendungen verwenden ihr eigenes, eingebautes CSS-Stylesheet. Wie wir aber bereits in einem anderen Blogbeitrag besprochen haben, können Sie auch Ihr eigenes auswählen. Öffnen Sie in DEVONthink Einstellungen > Dateien > Markdown > Stylesheet und fügen dort Ihr Stylesheet ein. In DEVONthink To Go, öffnen Sie Einstellungen > Markdown > Zusätzliches CSS und fügen dort Styling-Anweisungen für alle Ihre Markdown-Dokumente oder einen Objektverweis zu einem CSS-Stylesheet in einer Ihrer Datenbanken ein.
Bei einer Suche im Internet finden Sie zahlreiche Informationen über CSS-Styling sowie fertige CSS-Stylesheets für Markdown von professionellen Designern. w3schools.io hat ein gutes Tutorial in englischer Sprache zum Schreiben von CSS für Markdown, und hier sind auch einige großartige Beiträge aus unserem Forum, darunter eine ausführliche Serie über Markdown und CSS von unserem Forumsfreund @chrillek:
Werfen Sie auch gerne einen Blick in die Abschnitte zu Markdown in der eingebauten Hilfe oder im Benutzerhandbuch von DEVONthink oder DEVONthink To Go