Django

Генератор изображений кода Django

Превращайте фрагменты Django в изображения, которыми хочется делиться, не покидая Mac.

Шаблоны Django смешивают сразу два языка, и скриншот яснее всего показывает, где теги шаблона расположены внутри разметки.

Codeshot определяет Django по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

{% 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 · тёмная

{% 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 · тёмная

{% 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 · тёмная

Как выбрать тему для Django

Возьмите тему, красящую теги шаблона иначе, чем HTML. Если они выглядят одинаково, весь смысл сниппета пропадает.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием ⌘⇧C или сохраните через ⌘S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для Django и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать