layout: default
<!– Image to hack wechat –> <!– <img src=“/img/icon_wechat.png” width=“0” height=“0”> –> <!– <img src=“{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}” width=“0” height=“0”> –>
<!– Post Header –> <style type=“text/css”>
header.intro-header{ position: relative; background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}') } {% if page.header-mask %} header.intro-header .header-mask{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0, {{ page.header-mask }}); } {% endif %}
</style> <header class=“intro-header” >
<div class="header-mask"></div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <div class="post-heading"> <div class="tags"> {% for tag in page.tags %} <a class="tag" href="{{ site.baseurl }}/tags/#{{ tag }}" title="{{ tag }}">{{ tag }}</a> {% endfor %} </div> <h1>{{ page.title }}</h1> {% comment %} always create a h2 for keeping the margin , {% endcomment %} {% comment %} if page.subtitle {% endcomment %} <h2 class="subheading">{{ page.subtitle }}</h2> {% comment %} endif {% endcomment %} <span class="meta">Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on {{ page.date | date: "%B %-d, %Y" }}</span> </div> </div> </div> </div>
</header>
<!– Post Content –> <article>
<div class="container"> <div class="row"> <!-- Post Container --> <div class=" col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 post-container"> {{ content }} <hr style="visibility: hidden;"> <ul class="print-hide pager"> {% if page.previous.url %} <li class="previous"> <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}"> Previous<br> <span>{{page.previous.title}}</span> </a> </li> {% endif %} {% if page.next.url %} <li class="print-hide next"> <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}"> Next<br> <span>{{page.next.title}}</span> </a> </li> {% endif %} </ul> {% if site.disqus_username %} <!-- disqus 评论框 start --> <div class="print-hide comment"> <div id="disqus_thread" class="disqus-thread"></div> </div> <!-- disqus 评论框 end --> {% endif %} </div> <!-- Side Catalog Container --> {% if page.catalog %} <div class=" col-lg-2 col-lg-offset-0 visible-lg-block sidebar-container catalog-container"> <div class="side-catalog"> <hr class="hidden-sm hidden-xs"> <h5> <a class="catalog-toggle" href="#">CATALOG</a> </h5> <ul class="catalog-body"></ul> </div> </div> {% endif %} <!-- Sidebar Container --> <div class=" col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 sidebar-container"> <!-- Featured Tags --> <!--{% if site.featured-tags %} <div class="print-hide"> <section> <hr class="hidden-sm hidden-xs"> <h5><a href="/tags/">FEATURED TAGS</a></h5> <div class="tags"> {% for tag in site.tags %} {% if tag[1].size > {{site.featured-condition-size}} %} <a href="/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}"> {{ tag[0] }} </a> {% endif %} {% endfor %} </div> </section> </div> {% endif %}--> <!-- Friends Blog --> {% if site.friends %} <hr> <div class="print-hide"> <h5>FRIENDS</h5> <ul class="list-inline"> {% for friend in site.friends %} <li><a href="{{friend.href}}">{{friend.title}}</a></li> {% endfor %} </ul> </div> {% endif %} </div> </div> </div>
</article>
{% if site.disqus_username %} <!– disqus 公共JS代码 start (一个网页只需插入一次) –> <script type=“text/javascript”>
/* * * CONFIGURATION VARIABLES * * */ var disqus_shortname = "{{site.disqus_username}}"; var disqus_identifier = "{{page.id}}"; var disqus_url = "{{site.url}}{{page.url}}"; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script> <!– disqus 公共JS代码 end –> {% endif %}
{% if site.anchorjs %} <!– async load function –> <script>
function async(u, c) { var d = document, t = 'script', o = d.createElement(t), s = d.getElementsByTagName(t)[0]; o.src = u; if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); } s.parentNode.insertBefore(o, s); }
</script> <!– anchor-js, Doc:bryanbraun.github.io/anchorjs/ –> <script>
async("//cdnjs.cloudflare.com/ajax/libs/anchor-js/1.1.1/anchor.min.js",function(){ anchors.options = { visible: 'always', placement: 'right', icon: '#' }; anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5'); })
</script> <style>
/* place left on bigger screen */ @media all and (min-width: 800px) { .anchorjs-link{ position: absolute; left: -0.75em; font-size: 1.1em; margin-top : -0.1em; } }
</style> {% endif %}