<div id=“Div”> <!– ———————————————————————————————– –> <!– ———————————————————————————————– –> <!– ————————————

取出 json 变量中 . 某大类的所有标签. 取出 json 变量中 某标签的所有文章. 给文章排序.….

这时候

然后 … 加载主页时候. 列出所有大类/标签/文件名/

再然后 点击大类.取出这类的 所有标签. 个 所有文章…

———————————————————– –>

<div style=“diaplay: none”> <script> // 这里的变量 JavaScript中是 可以直接用的!!!!

var Cate = [

{% for someCateJson in site.categories %}
{% assign cateClickedJson = someCateJson | first %}    
{% assign catePostsjson = someCateJson | last %}
  {
   "categories": "{{ cateClickedJson }}"
  }
  {% unless forloop.last %},{% endunless %}
{% endfor %}

];

var Tag = [

{% for tagJson in site.tags %}
    {% assign tJson = tagJson | first %}
    {% assign filesJson = tagJson | last %}
      { 
        "Tag": "{{ tJson }}",
        "tagcate":"{{ filesJson[0].categories }}"
      }
      {% unless forloop.last %},{% endunless %}
{% endfor %}

];

var Post = [
  {% for post in site.posts %}
    {
          "title": "{{ post.title }}",
            "URL": "{{ post.url }}",
           "Time": "{{ post.date }}",
            "Tag": "{{ post.tags }}",
     "categories": "{{ post.categories }}"
    }
    {% unless forloop.last %},{% endunless %}
  {% endfor %}
];

// 显示 所有的 cate tag filename

// 显示所有文章吧...  怎么取出某个元素 
// 数组的长度.  然后循环. 应该不难...

// 显示某大类的 tag

// 显示某大类的 文章

//列出所有的title 用 逗号分开. append到li中.…

// 现在 已经成功的把 文章各种信息都放到 json 变量中了…

// 下面是 取出 json变量中 所有大类. /* 大类直接写. 保持不变.… 标签/文件 就要写到数组里面去了.…

大类过滤出标签算完成了.. 然后 标签也 一个 json 变量. 附加标签的第一个文章的 大类标记 这样 点击大类 就能去这个变量中 过滤出 含有这个大类的数据了.

大类过滤出文章呢:$ 变量 3 每篇文章 都有大类的. 大类过滤出 文章 问题不大.. 标签过滤出文章… 每篇文章都有标签… 这个问题也不大.…

*/ // alert(xx); // 这里 把第一个json元素的 title 取出来了.… // 怎么取出所有大类.

</script> </div>

<div id=“cateDiv”>

<ul id="catenameUL" style="overflow: scroll;" >     
    {% for someCate in site.categories %}
        {% assign cateClicked = someCate | first %}    
        {% assign catePosts = someCate | last %}
            <li id="{{cateClicked}}" class="cateNames"><span>{{ cateClicked }}</span><sup class="cateSup">{{catePosts | size }}</sup></a></li>
    {% endfor %}
</ul>

</div>

<!– ———————————————————————————————– –>

<div id=“tagDiv”>

<ul class="tagsDiv1-allTags" id="tagnameUL" style="overflow: scroll;" >
    {% for tag in site.tags %}
        {% assign t = tag | first %}
        {% assign files = tag | last %}
          <li class="tagNames" id="Tag{{ t }}" data-tagcate="{{ files[0].categories }}"><span>{{ t }}</span><sup>{{files | size}}</sup></li>
    {% endfor %}
</ul>

</div> <!– 这里的id 必须不能和catediv 下的id一样. 应为当标签名和大类名一样时候 高亮会出问题.会同时高亮… –> <!– ———————————————————————————————– –>

<div id=“lineLeft”>

<div class="lineFlex">
  <div id="lineLeft-left">  </div>
    <div class="lineInDiv"> </div> 
  <div id="lineLeft-right"> </div>
</div>

</div>

  <div id="filenameDiv" >
          <!--  顶部按钮 栏 -->
          <li id="filenameDivBtnes">
<svg class="icon" aria-hidden="true" id="filenameDiSearch" style="font-size:16px;" >
  <use xlink:href="#icon-sousuo"></use>
</svg>  
            <a href onclick="showAllTagsandPosts(); return false;"   id="allCateTagPostBtn" style="width:150px; text-align: center"> 
                    <!-- 这个函数 在 catefilter.js 里面 -->
  <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;">
      <use xlink:href="#icon-iconfontcolor52"></use>
  </svg>
      <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.categories | size }}</sup> 
  <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;" >
    <use xlink:href="#icon-biaoqian"></use>
  </svg>
      <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.tags | size }}</sup>
  <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;">
    <use xlink:href="#icon-wenjianleixing"></use>
  </svg>
      <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.posts | size }}</sup>
                  </a>  
<svg class="icon" aria-hidden="true" id="filenameDivDate"; onclick="fileNameDate();  return false;" style="font-size:16px;">
  <use xlink:href="#icon-eyeblocked"></use>
</svg>
                  <!-- 这个显隐函数 在main.js 里 -->
          </li><br>
          <ul id="filenameUL" style="overflow: scroll;">
                  {% for post in site.posts reversed %}
<a href="{{ post.url }}">
                          <li class="postNames" data-cate="{{post.categories}}" data-tag="{{post.tags}}">
                                   {{ post.title }}<sup class="fileNameDate hidden">{{ post.date | date: "%Y-%m-%d" }}</sup>
                  </li></a>
                  {% endfor %}
          </ul>
  </div>

<div id=“lineRight”>

<div class="lineFlex">
  <div id="lineRight-left">  </div>
    <div class="lineInDiv"> </div> 
  <div id="lineRight-right"> </div>
</div>

</div>

<!– ———————————————————————————————– –>

<div id=“contentDiv” class=“markdown-body”>

<div id="contentDiv-Buttons" style="display: flex" >
    {% if page.previous %}
        <a href="{{ page.previous.url }}"> <button class="contentButton">
         <span style="display: inline-block; transform: rotate(180deg);">➤➤</span> {{ page.previous.title }} </button>  
        </a>
    {% endif %}     

    <span style="flex-shrink: 1 ;flex-grow: 1;text-align: center;">{{ page.title }}</span>  

    {% if page.next %}
        <a href="{{ page.next.url }}">      <button class="contentButton">
          {{ page.next.title }} ➤➤</button> 
        </a>
    {% endif %}     
</div><br>

    {% if page.meta != ‘’ %}
            meta: {{page.meta}} <hr>
    {% endif %}
    <!-- 这里判断一下 有没有设置meta 有就显示 没有就不显示 -->

    <div id="pageContent">
    {{ content }}
    </div>
    <!-- 带page前缀 就不会显示文件的标题.  没有page前缀就会显示文件标题 -->

    <!-- 这里 用pjax的时候 有点问题. 首次是有评论的,但是一旦点击某个文章.用了 pjax 就没有多说了... -->
    <!-- 多说评论框 start -->

</div>

<div id=“lineSide”>

<div class="lineFlex">
  <div id="lineSide-left">  </div>
    <div class="lineInDiv"> </div> 
  <div id="lineSide-right"> </div>
</div>

</div> <div id=“rightNavbar” >

<ul id="MDh1" class="CSMDh1">
        <p style='text-align: center'> {{page.title}} </p>
</ul>

</div> <!– ———————————————————————————————– –> <!– ———————————————————————————————– –> <!– ———————————————————————————————– –> </div>