‹‹‹ Übersicht Kolumne

Infrastruktur

Der Blog benutzt intern Markdown-Dateien zum Ablegen seiner Texte und der Beschreibung seiner Struktur. Aus dieser Dateien werden beim Bau der Webseite je Eintrag und Sprache zwei HTML-Dateien erzeugt. Die erste kann durch Suchmaschinen und Browser ohne aktiviertes JavaScript genutzt werden. Die zweite wird bei Bedarf per AJAX nachgeladen und in die Hauptdatei der Webseite integriert.

Jeder Blog-Eintrag kann in mehreren Sprachen vorliegen, wobei auch bei den entsprechenden Tags bzw. Schlüsselwörtern konsequent zwischen Sprachen unterschieden wird. Des Weiteren können jedem Eintrag ein Erstellungsdatum sowie ein Datum der letzten Änderung zugeordnet werden.

Absätze

Dies ist ein regulärer Absatz im Blog. Er kann freie Markdown-Elemente enthalten und dadurch beliebig gestaltet werden. Externe Links wie zum Beispiel in die Wikipedia werden automatisch als extern markiert. Interne Links wie zum Beispiel zum Konzept dieser Webseite funktionieren ebenso.

Texte können fett oder kursiv oder durchgestrichen sein.

Zitate werden unterstützt. Sie sind als Blöcke eingerückt und werden farblich sowie stilistisch hervorgehoben.

Fußnoten

Im Text können beliebig viele Fußnoten verankert werden. Diese werden am Ende des Eintrages¹ gesammelt dargestellt.

Listen

Freie Listen:

• Listen enthalten, genau wie Absätze, freie Markdown-Elemente.
• Dies schließt Links mit ein, zum Beispiel in die Wikipedia.
• Unterlisten können Unterpunkte haben wie
  • Punkt A [oder]
  • Punkt B

Nummerierte Listen:

1. Nummerierte Listen ...
2. ... funktionieren auch.

Formeln

Formeln bzw. Formelzeichen oder -fragmente können in zwei Varianten eingebunden werden. Falls die Formel im Mittelpunkt stehen soll, muss sie in speziellen Tags, gleichrangig mit Absätzen, eingebunden werden, um auf voller Seitenbreite beispielsweise so dargestellt zu werden:

$N_P = \frac{N (N - 1)}{2} \approx \frac{N^2}{2}$ (1)

Falls es sich nur um einzelne Elemente handelt, die erklärt werden müssen, lassen sich Formeln auch wie beispielsweise hier $\frac{N^2}{2}$ mitten im Text einbinden. Die Darstellung erfolgt mit Hilfe von KaTeX (quelloffen unter der MIT-Lizenz). Die Formeln werden während des Baus der Webseite von gerendert und in den Blog eingebettet.

Abbildungen

Bilder jedweder Art können als Abbildung mit Beschreibung eingebunden werden.

Bilder müssen nicht zwangsläufig einen Alternativ-Text aufweisen. Das folgende Bild kommt ohne aus.

Für zusätzliche Flexibilität lassen sich Abbildungen auch in Form von SVG-Code direkt einbetten:

Videos (via Youtube)

Auf Youtube verfügbare Videos können genauso wie Abbildungen mit Beschreibung in diesen Blog eingebunden werden.

Interaktive Plots

Durch die Integration von Bokeh (quelloffen unter einer BSD-Lizenz) ist es möglich, interaktive Plots mit Beschreibung in diese Webseite einzubinden.

Daneben unterstützt dieser Blog auch interaktive Darstellungen mit Plotly (quelloffen unter der MIT-Lizenz). Auf Grund der Tatsache, dass Plotly Ende 2015 vollständig quelloffen wurde, bietet es sich als eine sehr interessante wenn auch ungleich größere und komplexere Alternative zu Bokeh an. Funktionen, welche Bokeh nicht beinhaltet, schließen unter anderem mit WebGL beschleunigte dreidimensionalen Darstellungen und gefärbte Konturdiagramme mit ein.

Karten

Karten können mit freien Anpassungen basierend auf Leaflet beliebig eingebunden werden:

Quelltext

Quelltext bzw. Programm-Code kann direkt in Artikel eingebunden werden.

# -*- coding: utf-8 -*-
import numpy

def mark_nodes(self):
 self.segs['nodes'] = [
  0 for item in range(0, len(self.segs['Traj_ID']), 1)
  ]
 for g in range(0, len(self.trajs['Traj_ID']), 1):
  b = self.segs["id" + str(self.trajs['Traj_ID'][g])]
  for c in range(b[0], b[1] + 1, 1):
   if self.segs['SPK_ID'][c] == self.ID_SUN:
    if self.segs['DV'][c] > 1:
     self.segs['nodes'][c] = self.NODE_DSM
   else:
    d = c
    while (d < b[1]) and (
     self.segs['SPK_ID'][c] == self.segs['SPK_ID'][d + 1]
     ):
     d += 1
    if c == b[0]:
     self.segs['nodes'][c] = self.NODE_DEPARTURE
    elif d == b[1]:
     self.segs['nodes'][d] = self.NODE_ARRIVAL
    elif self.isAllHyperbolic(c, d):
     self.segs['nodes'][d] = self.NODE_FLYBY
    else:
     self.segs['nodes'][d - 1] = self.NODE_STAY_ARRIVAL
     self.segs['nodes'][d] = self.NODE_STAY_DEPARTURE
    c = d

Automatische Syntax-Hervorhebung steht für eine Reihe an Programmiersprachen zur Verfügung. Eine automatische Erkennung der Sprache erfolgt nicht - sie muss im Blog vorgegeben werden. Die eigentliche Hervorhebung erfolgt durch Pygments (quelloffen unter einer BSD-Lizenz), was es ermöglicht, die Hervorhebung beim Bau der Webseite vorzunehmen anstatt die CPU des Besuchers zu belasten.

Code kann, wenn auch ohne Hervorhebung, auch in Absätzen eingebunden werden.

Was noch kommt

Diese Blog-Software kann (noch) nicht ihre Artikel als fertig gebaute pdf-Dateien bereitstellen oder Ergänzungen einbinden. Ebenso kann (bis jetzt noch) keine Bibliographie dargestellt werden, was dem zu Folge keine zentral verwalteten Referenzen erlaubt. Tabellen werden unterstützt, werden aber noch nicht getestet.

‹‹‹ Übersicht Kolumne