Jekyll page preview + source

README.md

This is a Jekyll-specific way to render HTML source for a given page (in this case, one in a collection) alongside the markup itself without having to duplicate content in includes.

component.html

---
---
{% for component in site.components %}
<h1>{{ component.title }}</h1>

<div class="preview">{{ component.content }}</div>

{% capture markup %}
```html
{{ component.content }}
```
{% endcapture %}
<pre class="code">{{ markup | markdownify }}</pre>

{% endfor %}