Complete HTML and Tumblr shortcodes to render all the post types. I often have to create this, and it's the same every time. Doing this will save me SO MUCH time!

tumblr-posts.html

<article class="{PostType}{block:Photoset}set{/block:Photoset}">
    {block:Text}
        <div class="inner">
            <h2{block:Title} class="has-body"{/block:Title}>{Title}</h2>
            <div class="body">
                {Body}
            </div>
        </div>
    {/block:Text}
    
    {block:Photo}
        <div class="media{block:Caption} has-caption{/block:Caption}">
            {LinkOpenTag}
                <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
            {LinkCloseTag}
        </div>
        {block:Caption}
            <div class="inner">
                <div class="body">
                    {Caption}
                </div>
            </div>
        {/block:Caption}
    {/block:Photo}

    {block:Photoset}
        <div class="media{block:Caption} has-caption{/block:Caption}">
            {Photoset}
        </div>
        {block:Caption}
            <div class="inner">
                <div class="body">
                    {Caption}
                </div>
            </div>
        {/block:Caption}
    {/block:Photoset}
    
    {block:Panorama}
        <div class="media{block:Caption} has-caption{/block:Caption}">
            {LinkOpenTag}
                <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
            {LinkCloseTag}
        </div>
        {block:Caption}
            <div class="inner">
                <div class="body">
                    {Caption}
                </div>
            </div>
        {/block:Caption}
    {/block:Panorama}
    
    {block:Video}
        <div class="media">
            {Video-500}
        </div>
        {block:Caption}
            <div class="inner">
                <div class="body">
                    {Caption}
                </div>
            </div>
        {/block:Caption}
    {/block:Video}
    
    {block:Quote}
        <div class="inner">
            <h2 class="has-body">{Quote}</h2>
            {block:Source}
                    <div class="dash">&mdash;</div>
                    <div class="body">
                        {Source}
                    </div>
            {/block:Source}
        </div>
    {/block:Quote}
    
    {block:Link}
        <div class="inner">
            <h2{block:Description} class="has-body"{/block:Description}>
                <a href="{URL}" {Target}>{Name}</a>
            </h2>
            {block:Description}
                <div class="body">
                    {Description}
                </div>
            {/block:Description}
        </div>
    {/block:Link}
    
    {block:Chat}
        <div class="inner">
            {block:Title}
                <h2 class="has-body">{Title}</h2>
            {/block:Title}
            <ul>
                {block:Lines}
                    <li>
                        {block:Label}<div class="label">{Label}</div>{/block:Label} {Line}
                    </li>
                {/block:Lines}
            </ul>
        </div>
    {/block:Chat}
    
    {block:Answer}
        <div class="inner">
            <div class="question cf">
                <img class="avatar" src="{AskerPortraitURL-128}" />
                <div class="bubble">
                    <div class="name">{Asker} asked:</div>
                    <div class="speech">{Question}</div>
                </div>
            </div>
            {block:Answerer}
                <div class="answer cf">
                    <img class="avatar" src="{AnswererPortraitURL-128}" />
                    <div class="bubble">
                        <div class="name">{Answerer} answered:</div>
                        <div class="speech">{Answer}</div>
                    </div>
                </div>
            {/block:Answerer}
            <div class="answer cf"{block:Answerer} style="display: none;"{/block:Answerer}>
                <img class="avatar" src="{PortraitURL-128}" />
                <div class="bubble">
                    <div class="name">{Name} answered:</div>
                    <div class="speech">{Answer}</div>
                </div>
            </div>
            <div class="body"{block:Answerer} style="display: block;"{/block:Answerer}>
                {Replies}
            </div>
        </div>
    {/block:Answer}
        
    {block:Audio}
        <div class="media{block:Caption} has-caption{/block:Caption}">
            {AudioEmbed color="white"}
        </div>
        {block:Caption}
            <div class="inner">
                <div class="body">
                    {Caption}
                </div>
            </div>
        {/block:Caption}
    {/block:Audio}
</article>