Django

Django Code-Screenshot-Generator

Verwandle Django-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.

Django-Templates mischen zwei Sprachen zugleich, und ein Screenshot zeigt am klarsten, wo die Template-Tags im Markup sitzen.

Codeshot erkennt Django an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der App.

{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }} — {{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}

Atom One · dunkel

{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }} — {{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}

Edge · dunkel

{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }} — {{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}

GitHub · dunkel

Das passende Theme für Django

Nimm ein Theme, das Template-Tags anders einfärbt als HTML. Sehen beide gleich aus, verschwindet der ganze Sinn des Snippets.

Die richtige Größe

Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit ⌘⇧C direkt in die Zwischenablage oder sichere mit ⌘S.

Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.

Gebaut für Django und 59 weitere Sprachen

Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.

Laden