---

layout: default

title: Home

cover: /assets/images/cover.jpg

about: 'about.html'

---

<header class="main-header {% if page.cover %}" style="background-image: url({{ page.cover }}) {%else%}no-cover{% endif %}">

<nav class="main-nav overlay clearfix">

{% if page.logo %}

<a class="blog-logo" href="{{ site.baseurl }}">

<img src="{{ page.logo }}" alt="Blog Logo" />

</a>

{% endif %}

<a class="subscribe-button icon-feed" href="{{ site.baseurl }}feed.xml">订阅RSS</a>

</nav>

<div class="vertical">

<div class="main-header-content inner">

<h1 class="page-title">{{ site.name }}</h1>

<h2 class="page-description">

{% if site.description %} {{ site.description }}. {% endif %}

<br>

{% if page.about %} <a href='{{ site.baseurl }}{{ page.about }}'> About me </a> {% endif %}

</h2>

</div>

</div>

<a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>

<main id="content" class="content" role="main">

<div class="extra-pagination inner">

{% include pagination.html %}

</div>

{% for post in paginator.posts %}

<article class="post">

<header class="post-header">

<h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>

</header>

<section class="post-excerpt">

{{ post.excerpt }} <a class="read-more" href="{{ post.url }}">&raquo;</a>

</section>

<footer class="post-meta">

{% if site.author %}

<img class="author-thumb" src="/assets/images/profile.jpeg" alt="Author's profile picture" nopin="nopin" />

{{ site.author }}

{% endif %}

{% if post.categories.size > 0 %}

{{ post.categories | array_to_sentence_string | prepend: ' post on ' }}

{% endif %}

<time class="post-date" datetime="{{ post.date | date:"%Y-%m-%d" }}">

{{ post.date | date_to_string }}

</time>

</footer>

</article>

{% endfor %}

{% include pagination.html %}