xiangyingchang.github.com/1-categories.html at master · xiangyingchang/xiangyingchang.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
---
title: Categories
layout: page
description: "Not categories, but the ability to discern categories."
---


<!--文章归档，横排-->
<p class="post-meta">{% for cat in site.categories %}
<a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }} ({{ cat[1].size }})</a>
{% endfor %}</p>

<!--文章归档，竖排-->
<!--<ul class="archives">
{% for cat in site.categories %}
  <li class="listing-seperator" id="{{ cat[0] }}"><a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }} ({{ cat[1].size }})</a></li>
{% endfor %}
</ul> -->

<!--文章，竖排-->
<ul class="archives">
{% for cat in site.categories %}
<br>
  <li class="listing-seperator" id="{{ cat[0] }}"><b>{{ cat[0] }}</b></li>
{% for post in cat[1] %}
  <li class="row">
        <div class="col-sm-9">
            <a href="{{ post.url }}">{{ post.title }}</a>
        </div>
        <div class="col-sm-3 text-muted">
            <time>{{ post.date | date: "%Y-%m-%d" }}</time>
        </div>
    </li>
{% endfor %}
{% endfor %}
</ul>

<!--分栏测试-->
<!--<html>
<head>
<style type="text/css">
div#menu {width:150px; float:left; background:;}
div#content {margin-left:160px; }
</style>
</head>

<body>

<div id="menu">
<ul class="archives">
{% for cat in site.categories %}
  <li class="listing-seperator" id="{{ cat[0] }}"><a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }} ({{ cat[1].size }})</a></li>
{% endfor %}
</ul>
</div>

<div id="content"><ul class="archives">
{% for cat in site.categories %}
  <li class="listing-seperator" id="{{ cat[0] }}"><b>{{ cat[0] }}</b></li>
{% for post in cat[1] %}
  <li class="row">
        <div class="col-sm-9">
            <a href="{{ post.url }}">{{ post.title }}</a>
        </div>
        <div class="col-sm-3 text-muted">
            <time>{{ post.date | date: "%Y-%m-%d" }}</time>
        </div>
    </li>
{% endfor %}
{% endfor %}
</ul></div>

</body>
</html>-->