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 会根据你粘贴的代码识别 Django，不存在选错语言的问题。下面是同一段代码在内置 30 款主题中的三款下的效果，由应用自身的样式表渲染。
Django
Django 代码截图生成器
不必离开 Mac，就能把 Django 代码片段变成值得分享的图片。
{% 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 %}{% 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 %}{% 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 %}为 Django 选择主题
Pick a theme that colours template tags differently from HTML. If they render the same, the whole point of the snippet disappears.
把尺寸定对
让图片随内容自适应，或锁定一个比例——1:1、4:3、3:2、16:9、9:16、2:3 或 3:4——然后以 1×、2× 或 3× 导出，在 Retina 屏上依然清晰。用 ⌘⇧C 直接复制到剪贴板，或用 ⌘S 保存。
查看全部 30 款主题对比，或阅读完整流程。
为 Django 以及另外 59 种语言打造
一切都在你的 Mac 上完成，代码不会外传。