<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>