<!– 菜单和header –> <nav class=“nav-extended {% case page.url %}{% when '/' %}{{ site.theme-color.home-color }}{% when '/about.html' %}{{ site.theme-color.about-color }}{% when '/archive.html' %}{{ site.theme-color.archive-color }}{% when '/links.html' %}{{ site.theme-color.links-color }}{% when '/tags.html' %}{{ site.theme-color.tags-color }}{% else %}{{ site.theme-color.default-color }}{% endcase %}”>

<div class="nav-background">
  <div class="ea k" style="background-image: url('{{ site.header-bg | prepend: site.baseurl }}');"></div>
</div>
<div class="nav-wrapper db">
  <!--移动端菜单按钮-->
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
  <!--页面的导航-->
  <ul class="bt hide-on-med-and-down">
    {% assign a = page.url | remove:'.html' | append:'.html' %} {% if page.url == a %}
    <li>
      <a href="{{ site.baseurl }}/">Home</a>
    </li>
    {% else %}
    <li class="k">
      <a href="{{ site.baseurl }}/">Home</a>
    </li>
    {% endif %} {% for my_page in site.pages %} {% if my_page.title %} {% if page.url == my_page.url %}
    <li class="k">
      <a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
    </li>
    {% else %}
    <li>
      <a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
    </li>
    {% endif %} {% endif %} {% endfor %}
    <li class="nav-search">
        <div class="nav-search-wrapper">
          <div>
          <input class="cb-search-content" id="cb-search-content" placeholder="文章标题 日期 标签" ><i class="search material-icons">search</i>
          </div>
        </div>
      </li>
  </ul>
  <style>
  </style>
  <!--页面的标题-->
  <div class="nav-header de">
    {% for page in (1..paginator.total_pages) %} {% if page == paginator.page %}
    <h1>{{ site.title | upcase }}</h1>
    <div class="ge">{{ site.description }}</div>
    {% endif %} {% endfor %} {% if page.url == a %}
    <h1>{{ page.title | upcase}}</h1>
    {% unless page.describe %}
    <div class="ge">{{ page.date | date: "%b %-d, %Y" }}</div>
    {% else %}
    <div class="ge">{{ page.describe }}</div>
    {% endunless %}
    {% else %}
    <h1>{{ site.title | upcase }}</h1>
    <div class="ge">{{ site.description }}</div>
    {% endif %}
  </div>
</div>
<!-- 页面内的导航 -->
{% if page.url != a %}
<div class="categories-wrapper {% case page.url %}{% when '/' %}{{ site.theme-color.home-color }}{% when '/about.html' %}{{ site.theme-color.about-color }}{% when '/archive.html' %}{{ site.theme-color.archive-color }}{% when '/links.html' %}{{ site.theme-color.links-color }}{% when '/tags.html' %}{{ site.theme-color.tags-color }}{% else %}{{ site.theme-color.default-color }}{% endcase %} darken-1">
  <div class="categories-container">
    <ul class="categories db">
      <li class="k"><a class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ site.posts | size }}篇文章" href="#all">All</a></li>
      {% for category in site.categories %}
      <li><a class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ category | last | size }}篇文章" href="#{{ category | first }}">{{ category | first }}</a></li>
      {% endfor %}
    </ul>
  </div>
</div>
{% endif %}
{% if page.url == "/archive.html" %}
<div class="categories-wrapper {% case page.url %}{% when '/' %}{{ site.theme-color.home-color }}{% when '/about.html' %}{{ site.theme-color.about-color }}{% when '/archive.html' %}{{ site.theme-color.archive-color }}{% when '/links.html' %}{{ site.theme-color.links-color }}{% when '/tags.html' %}{{ site.theme-color.tags-color }}{% else %}{{ site.theme-color.default-color }}{% endcase %} darken-1">
  <div class="categories-container">
    <ul class="categories db">
      <li class="k"><a class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ site.posts | size }}篇文章" href="#all">All</a></li>
{% assign postsNum = 0 %}
{% for post in site.posts %}
  {% assign postsNum = postsNum | plus: 1 %}
  {% assign thisYear = post.date | date: "%Y" %}
  {% assign prevYear = post.previous.date | date: "%Y" %}
  {% if thisYear != prevYear %}
    {% if outYear != thisYear %}
      {% assign outYear = thisYear %}
        <li><a class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ postsNum }}篇文章" href="#{{ outYear }}">{{ outYear }}</a></li>
    {% endif %}
  {% assign postsNum = 0 %}
  {% endif %}
{% endfor %}
      </ul>
  </div>
</div>
{% endif %}

</nav> <!–移动端nav–> <ul id=“slide-out” class=“side-nav”>

<li>
  <div class="userView {% if site.mobile-bg=="theme-color" %} {% case page.url %}{% when '/' %}{{ site.theme-color.home-color }}{% when '/about.html' %}{{ site.theme-color.about-color }}{% when '/archive.html' %}{{ site.theme-color.archive-color }}{% when '/links.html' %}{{ site.theme-color.links-color }}{% when '/tags.html' %}{{ site.theme-color.tags-color }}{% else %}{{ site.theme-color.default-color }}{% endcase %} {% endif %}">
    {% if site.mobile-bg != "theme" %}
    <div class="background">
            <img style="width:300px;height:160px;" src="{{ site.mobile-bg | prepend: site.baseurl }}">
    </div>
    {% else %}
    <div class="background {% case page.url %}{% when '/' %}{{ site.theme-color.home-color }}{% when '/about.html' %}{{ site.theme-color.about-color }}{% when '/archive.html' %}{{ site.theme-color.archive-color }}{% when '/links.html' %}{{ site.theme-color.links-color }}{% when '/tags.html' %}{{ site.theme-color.tags-color }}{% else %}{{ site.theme-color.default-color }}{% endcase %}">
      <div class="mobile-background-image" style="background-image: url('{{"/assets/images/bg.png" | prepend: site.baseurl}}');"></div>
    </div>
    {% endif %}
    <a href="{{ site.baseurl }}/"><img class="circle" src="{{ site.mobile-hp | prepend: site.baseurl }}"></a>
    <a href="#!"><span class="white-text name">{{ site.title }}</span></a>
    <a href="mailto:{{ site.email }}"><span class="white-text email">{{ site.email }}</span></a>
  </div>
</li>
<form action="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" method="get">
  <div class="input-field">
    <!--<input type="text" id="search-query" name="q" placeholder="Search" autocomplete="off">-->
    <input class="cb-search-content" type="search" required name="q" placeholder="Search" autocomplete="off">
    <label class="label-icon" for="search"><i class="material-icons">search</i></label>
    <i class="material-icons">close</i>
  </div>
</form>
<section id="search-results" style="display: none;"> </section>
<li>
  <div class="divider"></div>
</li>
<li><a class="subheader">Pages</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-delay="50" data-tooltip="Home" href="{{ site.baseurl }}/">Home</a></li>
{% for my_page in site.pages %} {% if my_page.title %}
<li><a class="waves-effect tooltipped" data-position="right" data-delay="50" data-tooltip="{{ my_page.title }}" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a></li>
{% endif %} {% endfor %}
<li>
  <div class="divider"></div>
</li>

</ul>

{% raw %} <script id=“search-results-template” type=“text/mustache”>

{{#entries}}
  <li>
    <a class="tooltipped" data-position="right" data-delay="50" data-tooltip="{{#date}}{{pubdate}}{{/date}}" href="{% endraw %}{{ site.baseurl }}{% raw %}{{url}}">{{title}}</a>
  </li>
{{/entries}}

</script> <script id=“search-results-nav” type=“text/mustache”>

  <div class="center">
{{#entries}}
 <ul>
 <li class="post-list"><a class="waves-effect post-list black-text" data-tooltip="{{#date}}{{pubdate}}{{/date}}" href="{% endraw %}{{ site.baseurl }}{% raw %}{{url}}">{{title}}</a></li>
 </ul>

{{/entries}}
</div>

</script> {% endraw %}