---

layout: default

---

<link rel="stylesheet" href="/js/prettify/prettify.css" />

<style type="text/css">

body { background:#e8e8e8; }

@media screen and (max-width: 750px){

body { background:#fff; }

}

@media screen and (max-width: 1020px){

body { background:#fff; }

}

<div id="content">

<div class="entry">

<h1 class="entry-title"><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h1>

<p class="entry-date">{{ page.date|date:"%Y-%m-%d" }}</p>

{{ content }}

<div id="disqus_container">

<!-- 多说评论框 start -->

<div class="ds-thread" data-title="{{ page.title }}" data-url="{{ site.url }}{{ page.url }}"></div>

<!-- 多说评论框 end -->

<!-- 多说公共JS代码 start (一个网页只需插入一次) -->

<script type="text/javascript">

var duoshuoQuery = {short_name:"yangqian"};

(function() {

var ds = document.createElement('script');

ds.type = 'text/javascript';ds.async = true;

ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';

ds.charset = 'UTF-8';

(document.getElementsByTagName('head')[0]

|| document.getElementsByTagName('body')[0]).appendChild(ds);

})();

</script>

<!-- 多说公共JS代码 end -->

</div>

</div>

<div class="sidenav">

<h2>Blog</h2>

<ul class="artical-list">

{% for post in site.categories.blog%}

<li><a href="{{ post.url }}">{{ post.title }}</a></li>

{% endfor %}

</ul>

<h2>Life</h2>

<ul class="artical-list">

{% for post in site.categories.life%}

<li><a href="{{ post.url }}">{{ post.title }}</a></li>

{% endfor %}

</ul>

<h2>Project</h2>

<ul class="artical-list">

{% for post in site.categories.project%}

<li><a href="{{ post.url }}">{{ post.title }}</a></li>

{% endfor %}

</ul>

</div>

<script src="/js/post.js" type="text/javascript"></script>