jlyu/gist:7210857

## gistfile1.phtml
<!DOCTYPE html>
<html>
<head>
  <link href="//aveline.oss.aliyuncs.com/themes/its-compiling/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  <link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
</head>

<body>

  <div class="wrapper">
    <header class="header">
      <div class="search">
        <form accept-charset="UTF-8" action="{{ blog.search_posts_url }}" method="get">
          <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
         <input class="search-box" type="text" name="q" results="0" value="" placeholder="Search">
        </form>
      </div>
      <div class="logo">
        <h1><a href="/">{{ blog.title }}</a></h1>
        <span class="tagline"> {{ blog.tagline }} </span>
      </div>
      <nav class="nav">
        <ul class="inline-list">
          <li>
            <a href="{{ blog.archives_url }}">
              <i class="icon-archive"></i><span>Archive</span>
            </a>
         </li>
          <li>
            <a href="{{ blog.rss_url }}" target="_blank">
              <i class="icon-rss"></i><span>feeds</span>
            </a>
         </li>
        </ul>
      </nav>
    </header>

    <div class="content">

      {% block search_page %}
        <div class="posts-search">
          <p class="search-result-meta">
            Your search for <strong>“ {{ query_string }} ”</strong> matches <strong> {{ results_count }} </strong> results:
          </p>
      {% endblock %}

      {% block tags_page %}
        <div class="posts-search">
          <p class="search-result-meta">
            Posts match <strong>“ {{ tag_name }} ”</strong> tag:
          </p>
      {% endblock %}

      {% block archives_page %}
        <div class="post container">
          <div class="title">
            <h2>Blog Archive</h2>
          </div>
          <div class="article">
            {% block archives %}
              <h3>{{archive.year}}</h3>

              <ul class="archive-list">
              {% block posts %}
                <li class="archive">
                  <span class="archive-date"><time>
                    {{post.published_at.short_month}}
                    {{post.published_at.day_of_month}}
                  </time></span>
                  <a href="{{post.absolute_url}}" class="archive-link">{{post.title}}</a>
                </li>
              {% endblock %}
              </ul>

            {% endblock %}
          </div>
        </div>
      {% endblock %}


      {% block posts %}
        <div class="post container">

          <div class="rel-date" data-timestamp="{{post.published_at.timestamp}}"> {{ post.published_at.time_ago }} </div>

          <div class="title">
            <h2>
              <a href="{{post.absolute_url}}">
                {% block tags_page|index_page|show_page %}
                  {{post.title}}
                {% endblock %}

                {% block search_page %}
                  {{ post.title | highlight: query_string }}
                {% endblock %}
              </a>
            </h2>
          </div>

          <div class="article">
            {% block search_page %}
              {{ post.content | search_content: query_string }}
            {% endblock %}


            {% block index_page|tags_page %}
              {{ post.excerpt_content }}

              {% block readmore %}
                <a href="{{post.absolute_url}}" class="more">Read on →</a>
              {% endblock %}
            {% endblock %}

            {% block show_page %}
              {{ post.content }}

              <div class="social-share group">
                <div class="pull-right">
                  {% block facebook_sharing %}
                  {% endblock %}
                </div>

                <a href="#" style="dispaly:none; border-bottom:none;">&nbsp;</a>


                {% block twitter_sharing %}
                  <a href="https://twitter.com/share?" class="twitter-share-button">Tweet</a>
                {% endblock %}

                {% block google_plus_sharing %}
                   <div class="g-plusone" data-size="medium"></div>
                {% endblock %}

              </div>
            {% endblock %}

          </div>

          {% block tag_list %}
          <div class="tags">
            <ul class="inline-list">
              {% block tags %}
                <li>
                  <i class="icon-tag"></i>
                  <a href="{{tag.url}}">{{tag.name}}</a>
                </li>
              {% endblock %}
            </ul>

          </div>
          {% endblock %}

          <div class="metadata">
            <ul class="inline-list">
              <li><i class="icon-time"></i> {{ post.published_at }} </li>
              <li><i class="icon-link"></i> <a href="{{post.absolute_url}}"> Permalink </a> </li>
              <li> <i class="icon-comment"></i> <a href="{{ post.disqus_comments_link }}"> Comments </a></li>
             </ul>
          </div>


          <div style="clear: both;">&nbsp;</div>

          {% block show_page %}
            {% block disqus %}
              {% disqus %}
            {% endblock %}
          {% endblock %}


        </div>
      {% endblock %}

      {% block pagination %}
      <div class="pagination pagination-centered">
        <ul>
          {% block previous_page %}
            <li class="prev previous_page ">
              <a href="{{previous_page_url}}">Previous</a>
            </li>
          {% endblock %}

          {% block jump_pagination %}

            {% block current_page %}
              <li class="active">
                <a href="#">{{page_number}}</a>
              </li>
            {% endblock %}

            {% block page_gap %}
              <li class="disabled">
                <a href="#"><span class="gap">…</span></a>
              </li>
            {% endblock %}

            {% block jump_page %}
              <li>
                <a href="{{page_url}}">{{page_number}}</a>
              </li>
            {% endblock %}

          {% endblock %}

          {% block next_page %}
            <li class="next next_page ">
              <a href="{{next_page_url}}">Next</a>
            </li>
          {% endblock %}
        </ul>
      </div>
      {% endblock %}


      {% block search_page|tags_page %}
        </div>
      {% endblock %}

    </div>

    <footer class="footer">
      <p>
        <span><i></i>Copyright © 2013 {{ blog.user_name }} . </span>  Powered by <a href="http://logdown.com/">Logdown</a>.<br> Based on work at subtlepatterns.com.
      </p>
    </footer>
  </div>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<link href="//aveline.oss.aliyuncs.com/themes/its-compiling/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
	<link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
	</head>

	<body>

	<div class="wrapper">
	<header class="header">
	<div class="search">
	<form accept-charset="UTF-8" action="{{ blog.search_posts_url }}" method="get">
	<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
	<input class="search-box" type="text" name="q" results="0" value="" placeholder="Search">
	</form>
	</div>
	<div class="logo">
	<h1><a href="/">{{ blog.title }}</a></h1>
	<span class="tagline"> {{ blog.tagline }} </span>
	</div>
	<nav class="nav">
	<ul class="inline-list">
	<li>
	<a href="{{ blog.archives_url }}">
	<i class="icon-archive"></i><span>Archive</span>
	</a>
	</li>
	<li>
	<a href="{{ blog.rss_url }}" target="_blank">
	<i class="icon-rss"></i><span>feeds</span>
	</a>
	</li>
	</ul>
	</nav>
	</header>

	<div class="content">

	{% block search_page %}
	<div class="posts-search">
	<p class="search-result-meta">
	Your search for <strong>“ {{ query_string }} ”</strong> matches <strong> {{ results_count }} </strong> results:
	</p>
	{% endblock %}

	{% block tags_page %}
	<div class="posts-search">
	<p class="search-result-meta">
	Posts match <strong>“ {{ tag_name }} ”</strong> tag:
	</p>
	{% endblock %}

	{% block archives_page %}
	<div class="post container">
	<div class="title">
	<h2>Blog Archive</h2>
	</div>
	<div class="article">
	{% block archives %}
	<h3>{{archive.year}}</h3>

	<ul class="archive-list">
	{% block posts %}
	<li class="archive">
	<span class="archive-date"><time>
	{{post.published_at.short_month}}
	{{post.published_at.day_of_month}}
	</time></span>
	<a href="{{post.absolute_url}}" class="archive-link">{{post.title}}</a>
	</li>
	{% endblock %}
	</ul>

	{% endblock %}
	</div>
	</div>
	{% endblock %}


	{% block posts %}
	<div class="post container">

	<div class="rel-date" data-timestamp="{{post.published_at.timestamp}}"> {{ post.published_at.time_ago }} </div>

	<div class="title">
	<h2>
	<a href="{{post.absolute_url}}">
	{% block tags_page\|index_page\|show_page %}
	{{post.title}}
	{% endblock %}

	{% block search_page %}
	{{ post.title \| highlight: query_string }}
	{% endblock %}
	</a>
	</h2>
	</div>

	<div class="article">
	{% block search_page %}
	{{ post.content \| search_content: query_string }}
	{% endblock %}


	{% block index_page\|tags_page %}
	{{ post.excerpt_content }}

	{% block readmore %}
	<a href="{{post.absolute_url}}" class="more">Read on →</a>
	{% endblock %}
	{% endblock %}

	{% block show_page %}
	{{ post.content }}

	<div class="social-share group">
	<div class="pull-right">
	{% block facebook_sharing %}
	{% endblock %}
	</div>

	<a href="#" style="dispaly:none; border-bottom:none;"> </a>


	{% block twitter_sharing %}
	<a href="https://twitter.com/share?" class="twitter-share-button">Tweet</a>
	{% endblock %}

	{% block google_plus_sharing %}
	<div class="g-plusone" data-size="medium"></div>
	{% endblock %}

	</div>
	{% endblock %}

	</div>

	{% block tag_list %}
	<div class="tags">
	<ul class="inline-list">
	{% block tags %}
	<li>
	<i class="icon-tag"></i>
	<a href="{{tag.url}}">{{tag.name}}</a>
	</li>
	{% endblock %}
	</ul>

	</div>
	{% endblock %}

	<div class="metadata">
	<ul class="inline-list">
	<li><i class="icon-time"></i> {{ post.published_at }} </li>
	<li><i class="icon-link"></i> <a href="{{post.absolute_url}}"> Permalink </a> </li>
	<li> <i class="icon-comment"></i> <a href="{{ post.disqus_comments_link }}"> Comments </a></li>
	</ul>
	</div>


	<div style="clear: both;"> </div>

	{% block show_page %}
	{% block disqus %}
	{% disqus %}
	{% endblock %}
	{% endblock %}


	</div>
	{% endblock %}

	{% block pagination %}
	<div class="pagination pagination-centered">
	<ul>
	{% block previous_page %}
	<li class="prev previous_page ">
	<a href="{{previous_page_url}}">Previous</a>
	</li>
	{% endblock %}

	{% block jump_pagination %}

	{% block current_page %}
	<li class="active">
	<a href="#">{{page_number}}</a>
	</li>
	{% endblock %}

	{% block page_gap %}
	<li class="disabled">
	<a href="#"><span class="gap">…</span></a>
	</li>
	{% endblock %}

	{% block jump_page %}
	<li>
	<a href="{{page_url}}">{{page_number}}</a>
	</li>
	{% endblock %}

	{% endblock %}

	{% block next_page %}
	<li class="next next_page ">
	<a href="{{next_page_url}}">Next</a>
	</li>
	{% endblock %}
	</ul>
	</div>
	{% endblock %}


	{% block search_page\|tags_page %}
	</div>
	{% endblock %}

	</div>

	<footer class="footer">
	<p>
	<span><i></i>Copyright © 2013 {{ blog.user_name }} . </span> Powered by <a href="http://logdown.com/">Logdown</a>.<br> Based on work at subtlepatterns.com.
	</p>
	</footer>
	</div>

	</body>
	</html>