jekyll-theme-CMS 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 74269e4d1bfc5f7347c3e41a95e9f3636163d0a8
4
+ data.tar.gz: a766503352d64c985b9a6dfd8780b15fa0bc6a7b
5
+ SHA512:
6
+ metadata.gz: c3f3856758438bae18f222111cbe58d5c70c42c6342b7c8be49157b6a2499e435178e3a0e3816034e52ebef121d5975f8da63b25614b53cf133d975a903db095
7
+ data.tar.gz: 464d8731b0c48592960f23f259a6fc70b50ed934eed05f4c806e17c3cd5c54e9234a1f5f438747f44c0c2df5243d1de0db6a15c89c6cfef354455eb04453b127
@@ -0,0 +1,20 @@
1
+
2
+ <script src="https://cdn.bootcss.com/tether/1.4.0/js/tether.min.js"></script>
3
+ <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
4
+ <script src="https://cdn.bootcss.com/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
5
+ <script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
6
+ <script src="/js/main.js"></script>
7
+ <script async src="/highlight.js/highlight.pack.js"></script>
8
+
9
+ <!-- 谷歌网站分析. -->
10
+ <script>
11
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
12
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
13
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
14
+ })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
15
+
16
+ ga('create', 'UA-58829570-2', 'auto');
17
+ ga('send', 'pageview');
18
+
19
+ </script>
20
+ </body></html>
@@ -0,0 +1,24 @@
1
+ <!DOCTYPE html>
2
+ <html lang="cn">
3
+ <!-- <html lang="cn" manifest="index.manifest"> 缓存文件 -->
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <link rel="icon" type="image/png" href="../favicon-32x32.png" sizes="32x32">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
9
+ {% if page.url == "/404.html" %}
10
+ <meta http-equiv="refresh" content="1; url=/404.html">
11
+ {% endif %}
12
+ <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
13
+ <!-- 标题. 网页标题: 配置文件里自定义; 还有种每篇文章的标题. -->
14
+ <meta name="mate" content="{{ page.meta }}" />
15
+ <link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css">
16
+ <link rel="stylesheet" href="/RougeThemes/monokaiSublime.css">
17
+ <!-- 上面这个是 语法高亮的 css. 需要本地安装rouge 再导出喜欢的css 放到这里才可以高亮 -->
18
+ <link rel="stylesheet" href="/css/main.css" >
19
+
20
+ <script src="//at.alicdn.com/t/font_7yiyg4fnc5uhm2t9.js"></script>
21
+
22
+ </head>
23
+ <body>
24
+
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html>
2
+ <html lang="cn">
3
+ <head>
4
+ <title></title>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <link href="css/style.css" rel="stylesheet">
8
+ </head>
9
+ <body>
10
+
11
+ </body>
12
+ </html>
@@ -0,0 +1,275 @@
1
+ <div id="Div">
2
+ <!-- ----------------------------------------------------------------------------------------------- -->
3
+ <!-- ----------------------------------------------------------------------------------------------- -->
4
+ <!-- ------------------------------------
5
+
6
+
7
+ 取出 json 变量中 . 某大类的所有标签.
8
+ 取出 json 变量中 某标签的所有文章.
9
+ 给文章排序.....
10
+
11
+
12
+
13
+ 这时候
14
+
15
+
16
+
17
+
18
+
19
+
20
+ 然后 ... 加载主页时候. 列出所有大类/标签/文件名/
21
+
22
+ 再然后 点击大类.取出这类的 所有标签. 个 所有文章...
23
+
24
+
25
+
26
+ ----------------------------------------------------------- -->
27
+
28
+ <div style="diaplay: none">
29
+ <script>
30
+ // 这里的变量 JavaScript中是 可以直接用的!!!!
31
+
32
+ var Cate = [
33
+ {% for someCateJson in site.categories %}
34
+ {% assign cateClickedJson = someCateJson | first %}
35
+ {% assign catePostsjson = someCateJson | last %}
36
+ {
37
+ "categories": "{{ cateClickedJson }}"
38
+ }
39
+ {% unless forloop.last %},{% endunless %}
40
+ {% endfor %}
41
+ ];
42
+
43
+
44
+
45
+
46
+ var Tag = [
47
+ {% for tagJson in site.tags %}
48
+ {% assign tJson = tagJson | first %}
49
+ {% assign filesJson = tagJson | last %}
50
+ {
51
+ "Tag": "{{ tJson }}",
52
+ "tagcate":"{{ filesJson[0].categories }}"
53
+ }
54
+ {% unless forloop.last %},{% endunless %}
55
+ {% endfor %}
56
+ ];
57
+
58
+
59
+
60
+
61
+
62
+
63
+ var Post = [
64
+ {% for post in site.posts %}
65
+ {
66
+ "title": "{{ post.title }}",
67
+ "URL": "{{ post.url }}",
68
+ "Time": "{{ post.date }}",
69
+ "Tag": "{{ post.tags }}",
70
+ "categories": "{{ post.categories }}"
71
+ }
72
+ {% unless forloop.last %},{% endunless %}
73
+ {% endfor %}
74
+ ];
75
+
76
+
77
+
78
+
79
+
80
+
81
+
82
+ // 显示 所有的 cate tag filename
83
+ // 显示所有文章吧... 怎么取出某个元素
84
+ // 数组的长度. 然后循环. 应该不难...
85
+
86
+
87
+ // 显示某大类的 tag
88
+
89
+
90
+ // 显示某大类的 文章
91
+
92
+
93
+
94
+
95
+
96
+ //列出所有的title 用 逗号分开. append到li中....
97
+
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+ // 现在 已经成功的把 文章各种信息都放到 json 变量中了...
108
+ // 下面是 取出 json变量中 所有大类.
109
+ /*
110
+ 大类直接写. 保持不变....
111
+ 标签/文件 就要写到数组里面去了....
112
+
113
+
114
+
115
+
116
+
117
+ 大类过滤出标签算完成了..
118
+ 然后 标签也 一个 json 变量.
119
+ 附加标签的第一个文章的 大类标记
120
+ 这样 点击大类 就能去这个变量中 过滤出 含有这个大类的数据了.
121
+ 大类过滤出文章呢:$
122
+ 变量 3
123
+ 每篇文章 都有大类的. 大类过滤出 文章 问题不大..
124
+ 标签过滤出文章... 每篇文章都有标签... 这个问题也不大....
125
+
126
+ */
127
+ // alert(xx);
128
+ // 这里 把第一个json元素的 title 取出来了....
129
+ // 怎么取出所有大类.
130
+
131
+
132
+ </script>
133
+ </div>
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+ <div id="cateDiv">
146
+ <ul id="catenameUL" style="overflow: scroll;" >
147
+ {% for someCate in site.categories %}
148
+ {% assign cateClicked = someCate | first %}
149
+ {% assign catePosts = someCate | last %}
150
+ <li id="{{cateClicked}}" class="cateNames"><span>{{ cateClicked }}</span><sup class="cateSup">{{catePosts | size }}</sup></a></li>
151
+ {% endfor %}
152
+ </ul>
153
+ </div>
154
+
155
+ <!-- ----------------------------------------------------------------------------------------------- -->
156
+
157
+ <div id="tagDiv">
158
+ <ul class="tagsDiv1-allTags" id="tagnameUL" style="overflow: scroll;" >
159
+ {% for tag in site.tags %}
160
+ {% assign t = tag | first %}
161
+ {% assign files = tag | last %}
162
+ <li class="tagNames" id="Tag{{ t }}" data-tagcate="{{ files[0].categories }}"><span>{{ t }}</span><sup>{{files | size}}</sup></li>
163
+ {% endfor %}
164
+ </ul>
165
+ </div>
166
+ <!-- 这里的id 必须不能和catediv 下的id一样. 应为当标签名和大类名一样时候 高亮会出问题.会同时高亮... -->
167
+ <!-- ----------------------------------------------------------------------------------------------- -->
168
+
169
+ <div id="lineLeft">
170
+ <div class="lineFlex">
171
+ <div id="lineLeft-left"> </div>
172
+ <div class="lineInDiv"> </div>
173
+ <div id="lineLeft-right"> </div>
174
+ </div>
175
+ </div>
176
+
177
+ <div id="filenameDiv" >
178
+ <!-- 顶部按钮 栏 -->
179
+ <li id="filenameDivBtnes">
180
+ <svg class="icon" aria-hidden="true" id="filenameDiSearch" style="font-size:16px;" >
181
+ <use xlink:href="#icon-sousuo"></use>
182
+ </svg>
183
+ <a href onclick="showAllTagsandPosts(); return false;" id="allCateTagPostBtn" style="width:150px; text-align: center">
184
+ <!-- 这个函数 在 catefilter.js 里面 -->
185
+ <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;">
186
+ <use xlink:href="#icon-iconfontcolor52"></use>
187
+ </svg>
188
+ <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.categories | size }}</sup>
189
+ <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;" >
190
+ <use xlink:href="#icon-biaoqian"></use>
191
+ </svg>
192
+ <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.tags | size }}</sup>
193
+ <svg class="icon" aria-hidden="true" style="font-size:16px; padding-left: 0; padding-right: 0;">
194
+ <use xlink:href="#icon-wenjianleixing"></use>
195
+ </svg>
196
+ <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">{{site.posts | size }}</sup>
197
+ </a>
198
+ <svg class="icon" aria-hidden="true" id="filenameDivDate"; onclick="fileNameDate(); return false;" style="font-size:16px;">
199
+ <use xlink:href="#icon-eyeblocked"></use>
200
+ </svg>
201
+ <!-- 这个显隐函数 在main.js 里 -->
202
+ </li><br>
203
+ <ul id="filenameUL" style="overflow: scroll;">
204
+ {% for post in site.posts reversed %}
205
+ <a href="{{ post.url }}">
206
+ <li class="postNames" data-cate="{{post.categories}}" data-tag="{{post.tags}}">
207
+ {{ post.title }}<sup class="fileNameDate hidden">{{ post.date | date: "%Y-%m-%d" }}</sup>
208
+ </li></a>
209
+ {% endfor %}
210
+ </ul>
211
+ </div>
212
+
213
+ <div id="lineRight">
214
+ <div class="lineFlex">
215
+ <div id="lineRight-left"> </div>
216
+ <div class="lineInDiv"> </div>
217
+ <div id="lineRight-right"> </div>
218
+ </div>
219
+ </div>
220
+
221
+ <!-- ----------------------------------------------------------------------------------------------- -->
222
+
223
+ <div id="contentDiv" class="markdown-body">
224
+ <div id="contentDiv-Buttons" style="display: flex" >
225
+ {% if page.previous %}
226
+ <a href="{{ page.previous.url }}"> <button class="contentButton">
227
+ <span style="display: inline-block; transform: rotate(180deg);">➤➤</span> {{ page.previous.title }} </button>
228
+ </a>
229
+ {% endif %}
230
+
231
+ <span style="flex-shrink: 1 ;flex-grow: 1;text-align: center;">{{ page.title }}</span>
232
+
233
+ {% if page.next %}
234
+ <a href="{{ page.next.url }}"> <button class="contentButton">
235
+ {{ page.next.title }} ➤➤</button>
236
+ </a>
237
+ {% endif %}
238
+ </div><br>
239
+
240
+
241
+ {% if page.meta != ‘’ %}
242
+ meta: {{page.meta}} <hr>
243
+ {% endif %}
244
+ <!-- 这里判断一下 有没有设置meta 有就显示 没有就不显示 -->
245
+
246
+
247
+ <div id="pageContent">
248
+ {{ content }}
249
+ </div>
250
+ <!-- 带page前缀 就不会显示文件的标题. 没有page前缀就会显示文件标题 -->
251
+
252
+ <!-- 这里 用pjax的时候 有点问题. 首次是有评论的,但是一旦点击某个文章.用了 pjax 就没有多说了... -->
253
+ <!-- 多说评论框 start -->
254
+
255
+
256
+ </div>
257
+
258
+
259
+
260
+ <div id="lineSide">
261
+ <div class="lineFlex">
262
+ <div id="lineSide-left"> </div>
263
+ <div class="lineInDiv"> </div>
264
+ <div id="lineSide-right"> </div>
265
+ </div>
266
+ </div>
267
+ <div id="rightNavbar" >
268
+ <ul id="MDh1" class="CSMDh1">
269
+ <p style='text-align: center'> {{page.title}} </p>
270
+ </ul>
271
+ </div>
272
+ <!-- ----------------------------------------------------------------------------------------------- -->
273
+ <!-- ----------------------------------------------------------------------------------------------- -->
274
+ <!-- ----------------------------------------------------------------------------------------------- -->
275
+ </div>
@@ -0,0 +1,38 @@
1
+ <div id="topbarDiv">
2
+ <svg class="icon" aria-hidden="true" id="topbarToggle" >
3
+ <use xlink:href="#icon-layouts"></use>
4
+ </svg>
5
+
6
+ <a href="{{site.github_url}}" target="_blank" >
7
+ <svg class="icon" aria-hidden="true" id="topbarToggle" >
8
+ <use xlink:href="#icon-Git"></use>
9
+ </svg>
10
+ </a>
11
+
12
+ <a href="{{site.codePen_url}}" target="_blank" >
13
+ <svg class="icon" aria-hidden="true" id="topbarToggle" >
14
+ <use xlink:href="#icon-codepen"></use>
15
+ </svg>
16
+ </a>
17
+
18
+ <div id="test">
19
+ </div>
20
+
21
+
22
+ <button id="readmeBTN">
23
+ <a href="https://github.com/Xu-Jian/Xu-Jian.github.io" target="'_blank";>Read Me (Mamual)</a>
24
+ </button>
25
+
26
+
27
+
28
+
29
+ <svg class="icon" aria-hidden="true" id="topbarStructureToggle">
30
+ <use xlink:href="#icon-layouts"></use>
31
+ </svg>
32
+
33
+
34
+
35
+
36
+ </div>
37
+
38
+
@@ -0,0 +1,327 @@
1
+ {% include header.html %}
2
+ <div id="bigDiv">
3
+ {% include topbar.html %}
4
+ <div id="Div">
5
+
6
+ <div id="cateDiv"> #cateDiv <hr>
7
+
8
+ <hr> 所有类: ✔︎ <hr>
9
+ {% for someCate in site.categories %}
10
+ {{ someCate.first }} <br>
11
+ {% endfor %}
12
+ <hr><br><br>
13
+
14
+
15
+ <hr> coe类标签✔︎ <hr>
16
+ {% for someCate in site.categories.coe %}
17
+ {{ someCate.tags }} <br>
18
+ {% endfor %}
19
+ <hr><br><br>
20
+
21
+
22
+
23
+
24
+
25
+
26
+ <!--
27
+
28
+ 获取 code 类的长度...
29
+ html 存数据. css 获取数据 然后用 capture 捕获数据 给liquid用.
30
+
31
+ 一旦 jekyll 开始编译 . 就可以获得几乎所有数据.
32
+ 但是 怎么把数据 保存出来. 然后在点击标签/类的时候 提取数据就可以了.
33
+ 怎么保存数据.
34
+ 先 定义一个数组. 定义变量试试.
35
+ 然后 push 进去.... push.
36
+
37
+
38
+
39
+ 怎么循环出 某标签下的所有.
40
+
41
+ 分类以及确定.
42
+ 分类下 第一个标签也有了.
43
+ 第二个标签 怎么循环出来.
44
+
45
+ 也就是某类下的 所有标签.
46
+ <hr> code类标签(单标签适用)✔︎ <hr>
47
+ {% for someCate in site.categories.code %}
48
+ {{ someCate.tags }} <br>
49
+ {% endfor %}
50
+ <hr><br><br>
51
+
52
+
53
+ 怎么把一个变量 输入到 html中.....
54
+
55
+ 列出所有的 大类.
56
+ 把大类 储存进一个数组
57
+
58
+ 然后再遍历 数组里面的每一个值.
59
+
60
+
61
+ -->
62
+
63
+
64
+
65
+
66
+
67
+
68
+ <hr> code类 所有文件名✔︎+URL <hr>
69
+ {% for ca in site.categories.code %}
70
+ <a href="{{ca.url}}"> {{ ca.title }} </a>
71
+ {% endfor %}
72
+ <hr><br><br>
73
+
74
+ <hr> 所有标签✔︎ <hr>
75
+ {% for tag in site.tags %}
76
+ {{tag | first }} <br>
77
+ {% endfor %}
78
+ <hr><br><br>
79
+
80
+
81
+
82
+ </div> <hr><br><br>
83
+
84
+
85
+ <div id="tagDiv"> #tagDiv <hr>
86
+ <!-- --------------------------------------------------------------------------------- -->
87
+
88
+
89
+
90
+ <hr> 所有类✔︎ testing <hr>
91
+
92
+ <ul class="cateUL">
93
+
94
+ {% for cateDiv in site.categories %}
95
+ 某分类✔︎: {{ cateDiv.first }} <br>
96
+
97
+ 所有标签✔︎: <br>
98
+ {% for sometag in site.tags %}
99
+ {{sometag.first}}
100
+ {% endfor %} <br>
101
+
102
+
103
+
104
+ <!-- 循环输出 所有分类 ✔︎ -->
105
+
106
+
107
+ <li class="cateLI" data-catefilter="{{cateDiv.first }}">
108
+
109
+ <a href="#" class="cateLIa">
110
+ {% capture haha %}
111
+ {{ site.categories }}
112
+ {% endcapture%}
113
+ 类数组✔︎: <br> {{ site.categories }} <br>
114
+ <!-- haha : {"code"=>[#, #], "code5"=>[#], "code2"=>[#], "jekyll"=>[#]}
115
+ 某文章有两个大类 就会出现两个# 所以用,号分割不准确.用 => 来分割最好.
116
+ -->
117
+
118
+ 类数量✔︎: {{ site.categories | split: "," | size }} <br>
119
+
120
+
121
+
122
+
123
+
124
+ </a>
125
+ </li> <br>
126
+
127
+ {% endfor %}
128
+ </ul> <hr><br><br>
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+ <hr> 所有分类+文件名+url ✔︎ <hr>
138
+ {% for category in site.categories %}
139
+ <span>分类:{{ category | first }}</span>
140
+ <span>文章数:{{ category | last | size }}</span>
141
+ <ul class="arc-list">
142
+ {% for post in category.last %}
143
+ <li>{{ post.date | date:"%d/%m/%Y"}}
144
+ <a href="{{ post.url }}">{{ post.title }}</a>
145
+ </li>
146
+ {% endfor %}
147
+ </ul> <br>
148
+ {% endfor %}
149
+ <hr><br><br>
150
+
151
+
152
+
153
+
154
+ <hr> 各签各文章数 方法1 ✔︎ <hr>
155
+ {% for tag in site.tags %}
156
+ {% assign TagName = tag | first %}
157
+ {% assign TagNum = tag | last %}
158
+ {{TagName | downcase | replace:" ","-" }} has {{ TagNum | size }} posts <br>
159
+ {% endfor %}
160
+ <hr><br><br>
161
+
162
+ <hr> 各签各文章数 方法2 ✔︎ <hr>
163
+ {% for tag in site.tags %}
164
+ <a href="#{{ tag[0] }}">{{ tag[0] }}</a> <sup>{{ tag[1].size }}</sup>
165
+ {% endfor %}
166
+ <hr><br><br>
167
+
168
+ <hr> code类标签(单标签适用)✔︎ <hr>
169
+ {% for someCate in site.categories.code %}
170
+ {{ someCate.tags }} <br>
171
+ {% endfor %}
172
+ <hr><br><br>
173
+
174
+ <hr> code类标签(多标签适用)✗ <hr>
175
+ {% for someCate in site.categories.code %}
176
+ {{ someCate.tags }} <br>
177
+ {% endfor %}
178
+ <hr><br><br>
179
+
180
+
181
+
182
+ <hr> AJAX标签文章名+url ✔︎ <hr>
183
+ {% for ca in site.tags.AJAX %}
184
+ {{ ca.title }}<br>
185
+ {{ ca.url }} <br>
186
+ {% endfor %}
187
+ <hr><br><br>
188
+
189
+
190
+ <hr> Misc标签文章名+url ✔︎ <hr>
191
+ {% for ca in site.tags.Misc %}
192
+ {{ ca.title }} <br>
193
+ {{ ca.url }} <br>
194
+ {% endfor %}
195
+ <hr><br><br>
196
+
197
+
198
+ <hr> 各标签文章名+url ✔︎ <hr>
199
+ <ul class="listing">
200
+ {% for tag in site.tags %}
201
+ <li class="listing-seperator" id="{{ tag[0] }}">{{ tag[0] }}</li>
202
+ {% for post in tag[1] %}
203
+ <li class="listing-item">
204
+ <time >{{ post.date | date:"%Y-%m-%d" }}</time>
205
+ <a href="{{ post.url }}" >{{ post.title }}</a>
206
+ </li>
207
+ {% endfor %}
208
+ {% endfor %}
209
+ </ul>
210
+
211
+
212
+
213
+
214
+ </div>
215
+
216
+
217
+ <div id="lineLeft"> <div class="lineInDiv"></div> </div>
218
+ <!-- ------------------------------------------------------------------------------ -->
219
+ <div id="filenameDiv"> #filenameDiv <hr>
220
+ <ul>
221
+ {% for fileName in site.posts %}
222
+ <a class="fileLink" data-tags="{{ fileName.tags | join: ' ' }}" href="{{ fileName.url }}">
223
+ {{ fileName.title }} <br>
224
+ </a>
225
+ {% endfor %}
226
+ </ul> <hr><br><br><br>
227
+
228
+
229
+
230
+
231
+
232
+
233
+
234
+ <hr> 所有标签 ✔︎ <hr>
235
+ <ul class="blog-tags-list">
236
+ {% assign sorted_tags = site.tags | sort %}
237
+
238
+ {% for tag in sorted_tags %}
239
+ {% assign tt = tag | first %}
240
+ {% assign postst = tag | last %}
241
+ <li class="blog-tag-item" id="{{ tt }}-item">
242
+ <a href onclick="filter('{{ tt }}'); return false;">{{ tt }}</a>
243
+ </li>
244
+ {% endfor %}
245
+ </ul>
246
+
247
+
248
+ {% for tag in site.tags %}
249
+ {% assign t = tag | first %}
250
+ {% assign posts = tag | last %}
251
+ <div class="blog-list-container hidden" id="{{ t }}-container">
252
+ <ul class="blog-list">
253
+ {% for post in posts %}
254
+ {% if post.tags contains t %}
255
+ <li>
256
+ <span class="blog-item-date">{{ post.date | date: "%d %b %Y" }}</span>
257
+ <a href="{{ post.url }}">{{ post.title }}</a>
258
+ </li>
259
+ {% endif %}
260
+ {% endfor %}
261
+ </ul>
262
+
263
+ {% assign numPosts = posts | size %}
264
+ {% if numPosts == 1 %}
265
+ <p>{{ posts | size }} post containing tag <b>{{ t }}</b></p>
266
+ {% else %}
267
+ <p>{{ posts | size }} posts containing tag <b>{{ t }}</b></p>
268
+ {% endif %}
269
+ </div>
270
+ {% endfor %}
271
+
272
+
273
+
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+
291
+ <!--
292
+ 重点就是这个 onclick . 一旦点击 就会触发后面的 js函数.
293
+ 这个函数 有很多功能:
294
+
295
+
296
+
297
+
298
+
299
+
300
+
301
+
302
+ -->
303
+
304
+
305
+
306
+ </div>
307
+ <div id="lineRight"> <div class="lineInDiv"></div> </div>
308
+ <!-- -------------------------------------------------------------------------------------------------------------------------- -->
309
+ <div id="contentDiv"> #cotentDiv <hr> {{ content }} </div>
310
+ <div id="contentDiv2"> #cotentDiv2 <hr> 哈哈</div>
311
+
312
+ <div id="testDiv">
313
+
314
+
315
+ <button class="btn btn-block btn-info" id="toggleLeft" >显/隐左边 </button>
316
+ <button class="btn btn-block btn-info" id="toggleMiddle">显/隐中间 </button>
317
+ <button class="btn btn-block btn-info" id="mouseLeft" >连续左移 </button>
318
+ <button class="btn btn-block btn-info" id="mouseRight" >连续右移 </button>
319
+ <button class="btn btn-block btn-danger" id="finger" >双指左右: 未完成</button>
320
+ </div>
321
+
322
+ <!-- -------------------------------------------------------------------------------------------------------------------------- -->
323
+ <div id="sidebarDiv"> sidebarDiv </div>
324
+ </div>
325
+ </div>
326
+
327
+ {% include footer.html %}