1. 先看 根目录的 index.html
    这里的layout 是 default…

  2. 我们来看 layout 文件夹 有三个文件. compress.html default.html post.html

  3. 我们看 default.html 这里的 layout 有变成 compress 了…

  4. 看 compress.html 压缩的意思… 看不懂 不管..
  5. 回去看 default.html 这个是主要的布局方式. 就引入了include里面的 头文件 和 sidebar 文件 再加个显示文章contet内容??

那就去看 头文件 和 sidebar 头文件 没啥好看的…. 就引入写文件 …

  1. sidebar.html 主题设计 主要布局 就是在这个sidebar.html

至于知道.. 点击tag 会刷选出来 是应为 deafult.html 里的:

<button id="menu">
   <span id="menu-icons"></span>
</button>
{% include scripts.html %}

来看 script 脚本把

<script src="{{ "/assets/js/jquery-2.1.3.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/assets/js/jquery.pjax.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/assets/js/nprogress.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>

{% if site.google_analytics %}
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', '{{ site.google_analytics }}', 'auto');
  ga('send', 'pageview');
</script>
{% endif %}

就是引入了 一些脚本 把所有的脚本 都集中在这里… 估计 还是 main.js 重要

这个链接筛选功能 靠的是 pjax!!! 类似 ajax pjax能改变url… ajax 不能..