Django

Générateur d’images de code Django

Transformez vos extraits Django en images que l’on a envie de partager, sans quitter votre Mac.

Django templates mix two languages at once, and a screenshot is the clearest way to show where the template tags sit inside the markup.

Codeshot détecte Django à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’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 · sombre
{% 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 · sombre
{% 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 · sombre

Choisir un thème pour Django

Pick a theme that colours template tags differently from HTML. If they render the same, the whole point of the snippet disappears.

Trouver la bonne taille

Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec C ou enregistrez avec S.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour Django et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger pour macOS