{% include header.html %} <div id=“bigDiv”>
{% include topbar.html %} <div id=“Div”>
<div id="cateDiv"> #cateDiv <hr>
<hr> 所有类: ✔︎ <hr>
{% for someCate in site.categories %} {{ someCate.first }} <br> {% endfor %}
<hr>
<hr> coe类标签✔︎ <hr>
{% for someCate in site.categories.coe %} {{ someCate.tags }} <br> {% endfor %}
<hr>
<!–
获取 code 类的长度... html 存数据. css 获取数据 然后用 capture 捕获数据 给liquid用. 一旦 jekyll 开始编译 . 就可以获得几乎所有数据. 但是 怎么把数据 保存出来. 然后在点击标签/类的时候 提取数据就可以了. 怎么保存数据. 先 定义一个数组. 定义变量试试. 然后 push 进去.... push. 怎么循环出 某标签下的所有. 分类以及确定. 分类下 第一个标签也有了. 第二个标签 怎么循环出来. 也就是某类下的 所有标签. <hr> code类标签(单标签适用)✔︎ <hr> {% for someCate in site.categories.code %} {{ someCate.tags }} <br> {% endfor %}
<hr>
怎么把一个变量 输入到 html中.….
列出所有的 大类. 把大类 储存进一个数组
然后再遍历 数组里面的每一个值.
-->
<hr> code类 所有文件名✔︎+URL <hr>
{% for ca in site.categories.code %} <a href="{{ca.url}}"> {{ ca.title }} </a> {% endfor %}
<hr>
<hr> 所有标签✔︎ <hr>
{% for tag in site.tags %} {{tag | first }} <br> {% endfor %}
<hr>
</div> <hr>
<div id="tagDiv"> #tagDiv <hr>
<!– ——————————————————————————— –>
<hr> 所有类✔︎ testing <hr>
<ul class=“cateUL”>
{% for cateDiv in site.categories %}
某分类✔︎: {{ cateDiv.first }} <br> 所有标签✔︎: <br> {% for sometag in site.tags %} {{sometag.first}} {% endfor %} <br>
<!– 循环输出 所有分类 ✔︎ –>
<li class="cateLI" data-catefilter="{{cateDiv.first }}"> <a href="#" class="cateLIa"> {% capture haha %} {{ site.categories }} {% endcapture%} 类数组✔︎: <br> {{ site.categories }} <br> <!-- haha : {"code"=>[#, #], "code5"=>[#], "code2"=>[#], "jekyll"=>[#]} 某文章有两个大类 就会出现两个# 所以用,号分割不准确.用 => 来分割最好. --> 类数量✔︎: {{ site.categories | split: "," | size }} <br> </a> </li> <br> {% endfor %}
</ul> <hr>
<hr> 所有分类+文件名+url ✔︎ <hr> {% for category in site.categories %}
<span>分类:{{ category | first }}</span> <span>文章数:{{ category | last | size }}</span> <ul class="arc-list"> {% for post in category.last %} <li>{{ post.date | date:"%d/%m/%Y"}} <a href="{{ post.url }}">{{ post.title }}</a> </li> {% endfor %} </ul> <br>
{% endfor %} <hr>
<hr> 各签各文章数 方法1 ✔︎ <hr>
{% for tag in site.tags %} {% assign TagName = tag | first %} {% assign TagNum = tag | last %} {{TagName | downcase | replace:" ","-" }} has {{ TagNum | size }} posts <br> {% endfor %}
<hr>
<hr> 各签各文章数 方法2 ✔︎ <hr>
{% for tag in site.tags %} <a href="#{{ tag[0] }}">{{ tag[0] }}</a> <sup>{{ tag[1].size }}</sup> {% endfor %}
<hr>
<hr> code类标签(单标签适用)✔︎ <hr>
{% for someCate in site.categories.code %} {{ someCate.tags }} <br> {% endfor %}
<hr>
<hr> code类标签(多标签适用)✗ <hr>
{% for someCate in site.categories.code %} {{ someCate.tags }} <br> {% endfor %}
<hr>
<hr> AJAX标签文章名+url ✔︎ <hr> {% for ca in site.tags.AJAX %}
{{ ca.title }}<br> {{ ca.url }} <br>
{% endfor %} <hr>
<hr> Misc标签文章名+url ✔︎ <hr> {% for ca in site.tags.Misc %}
{{ ca.title }} <br> {{ ca.url }} <br>
{% endfor %} <hr>
<hr> 各标签文章名+url ✔︎ <hr> <ul class=“listing”>
{% for tag in site.tags %} <li class="listing-seperator" id="{{ tag[0] }}">{{ tag[0] }}</li> {% for post in tag[1] %} <li class="listing-item"> <time >{{ post.date | date:"%Y-%m-%d" }}</time> <a href="{{ post.url }}" >{{ post.title }}</a> </li> {% endfor %}
{% endfor %} </ul>
</div>
<div id=“lineLeft”> <div class=“lineInDiv”></div> </div> <!– —————————————————————————— –>
<div id=“filenameDiv”> filenameDiv <hr> <ul>
{% for fileName in site.posts %} <a class="fileLink" data-tags="{{ fileName.tags | join: ' ' }}" href="{{ fileName.url }}"> {{ fileName.title }} <br> </a> {% endfor %}
</ul> <hr>
<hr> 所有标签 ✔︎ <hr>
<ul class="blog-tags-list"> {% assign sorted_tags = site.tags | sort %} {% for tag in sorted_tags %} {% assign tt = tag | first %} {% assign postst = tag | last %} <li class="blog-tag-item" id="{{ tt }}-item"> <a href onclick="filter('{{ tt }}'); return false;">{{ tt }}</a> </li> {% endfor %}
</ul>
{% for tag in site.tags %} {% assign t = tag | first %} {% assign posts = tag | last %} <div class="blog-list-container hidden" id="{{ t }}-container"> <ul class="blog-list"> {% for post in posts %} {% if post.tags contains t %} <li> <span class="blog-item-date">{{ post.date | date: "%d %b %Y" }}</span> <a href="{{ post.url }}">{{ post.title }}</a> </li> {% endif %} {% endfor %} </ul> {% assign numPosts = posts | size %} {% if numPosts == 1 %} <p>{{ posts | size }} post containing tag <b>{{ t }}</b></p> {% else %} <p>{{ posts | size }} posts containing tag <b>{{ t }}</b></p> {% endif %} </div>
{% endfor %}
<!–
重点就是这个 onclick . 一旦点击 就会触发后面的 js函数. 这个函数 有很多功能:
–>
</div> <div id=“lineRight”> <div class=“lineInDiv”></div> </div> <!– ————————————————————————————————————————– –>
<div id="contentDiv"> #cotentDiv <hr> {{ content }} </div> <div id="contentDiv2"> #cotentDiv2 <hr> 哈哈</div> <div id="testDiv"> <button class="btn btn-block btn-info" id="toggleLeft" >显/隐左边 </button> <button class="btn btn-block btn-info" id="toggleMiddle">显/隐中间 </button> <button class="btn btn-block btn-info" id="mouseLeft" >连续左移 </button> <button class="btn btn-block btn-info" id="mouseRight" >连续右移 </button> <button class="btn btn-block btn-danger" id="finger" >双指左右: 未完成</button> </div>
<!– ————————————————————————————————————————– –>
<div id="sidebarDiv"> sidebarDiv </div>
</div> </div>
{% include footer.html %}