jekyll-theme-mdui 0.4.1 → 0.4.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +33 -188
- data/_includes/header.html +38 -0
- data/_includes/page_tags.html +18 -0
- data/_includes/script.html +116 -8
- data/_layouts/home.html +9 -0
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +1 -0
- data/assets/css/main.css +53 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3072d6794fb268e825cdbdf198f60cf77fe70119
|
|
4
|
+
data.tar.gz: 1fbdbc61dbe4a16fc25fb358cff6ecf5d0c154e3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2286c8866dcdad5fd7c7a5f6223570250ea8b938c367931cdf7034aa51a611b4aa1c4e81b5bcf4760353b357a0adf394d83eff61e04c854684f2ac6b0b5ac051
|
|
7
|
+
data.tar.gz: 0c25a17e3353a57da56e23c2d71eedf4476f5ef47a5b1103985846a834bebaa8242b1ead6169dc6b82efbfd413386243f40fd1845f6e5bd577e938f9870b199c
|
data/README.md
CHANGED
|
@@ -1,10 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
# Jekyll Theme MDUI
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
> A Jekyll theme based on mdui
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## Contents
|
|
8
|
+
|
|
9
|
+
* [General](#general)
|
|
10
|
+
* [Demo](#demo)
|
|
11
|
+
* [Quick start](#quick-start)
|
|
12
|
+
* [Docs](#docs)
|
|
13
|
+
* [TODO](#todo)
|
|
14
|
+
* [Note](#note)
|
|
15
|
+
* [Contributing](#contributing)
|
|
16
|
+
* [Development](#development)
|
|
17
|
+
* [License](#license)
|
|
18
|
+
|
|
19
|
+
## General
|
|
20
|
+
|
|
21
|
+
[]()
|
|
8
22
|
[](https://jekyllrb.com/)
|
|
9
23
|
[](https://rubygems.org/gems/jekyll-theme-mdui/)
|
|
10
24
|
|
|
@@ -14,196 +28,31 @@ A Jekyll theme based on mdui
|
|
|
14
28
|
|
|
15
29
|
[](https://blog.kejun.space)
|
|
16
30
|
|
|
17
|
-
##
|
|
18
|
-
|
|
19
|
-
**Now,we have `build` branch ,you can clone this branch to install.**
|
|
20
|
-
|
|
21
|
-
We have two ways to install themes.
|
|
22
|
-
|
|
23
|
-
But,**We recommend you use the second ways.**
|
|
24
|
-
|
|
25
|
-
### First ways
|
|
31
|
+
## Demo
|
|
26
32
|
|
|
27
|
-
|
|
33
|
+
[KeJun's Blog](https://kejun.space)
|
|
28
34
|
|
|
29
|
-
|
|
30
|
-
gem "jekyll-theme-mdui"
|
|
31
|
-
```
|
|
35
|
+
## Quick start
|
|
32
36
|
|
|
33
|
-
|
|
37
|
+
[Quick start](http://mdui.kejun.space/#/quickstart)
|
|
34
38
|
|
|
35
|
-
|
|
36
|
-
theme: jekyll-theme-mdui
|
|
37
|
-
```
|
|
39
|
+
[快速开始](http://mdui.kejun.space/#/zh-cn/quickstart)
|
|
38
40
|
|
|
39
|
-
|
|
41
|
+
## Docs
|
|
40
42
|
|
|
41
|
-
|
|
43
|
+
[Docs](http://mdui.kejun.space/#/)
|
|
42
44
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
$ gem install jekyll-theme-mdui
|
|
46
|
-
|
|
47
|
-
### Second ways
|
|
48
|
-
|
|
49
|
-
Fork this repo to your repo:
|
|
50
|
-
|
|
51
|
-
```shell
|
|
52
|
-
git clone https://github.com/yourname/jekyll-theme-mdui.git
|
|
53
|
-
cd jekyll-theme-mdui
|
|
54
|
-
bundle install
|
|
55
|
-
jekyll s -w
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
Or **direct clone**:
|
|
59
|
-
|
|
60
|
-
```shell
|
|
61
|
-
git clone https://github.com/KeJunMao/jekyll-theme-mdui.git
|
|
62
|
-
cd jekyll-theme-mdui
|
|
63
|
-
bundle install
|
|
64
|
-
jekyll s -w
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
## Usage
|
|
68
|
-
|
|
69
|
-
### _config
|
|
70
|
-
|
|
71
|
-
```yml
|
|
72
|
-
title: "Jekyll-Theme-MDUI" # Your site title
|
|
73
|
-
description: "A Jekyll theme based on MDUI" # Your site description
|
|
74
|
-
url: # Your site url
|
|
75
|
-
baseurl: # baseurl
|
|
76
|
-
author: "KeJun" # Your name
|
|
77
|
-
|
|
78
|
-
paginate: 5 # paginate
|
|
79
|
-
paginate_path: "/blog/page:num/" # paginate path
|
|
80
|
-
|
|
81
|
-
gems: # paginate gem
|
|
82
|
-
- jekyll-paginate
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
### _data
|
|
86
|
-
|
|
87
|
-
* friends.yml
|
|
88
|
-
```yml
|
|
89
|
-
- name: MDUI # name
|
|
90
|
-
image: # avatar or logo
|
|
91
|
-
url: https://www.mdui.org/ # url
|
|
92
|
-
describe: 一套用于开发 Material Design 网页的前端框架
|
|
93
|
-
```
|
|
94
|
-
* menus.yml
|
|
95
|
-
```yml
|
|
96
|
-
- name: SEARCH # name
|
|
97
|
-
url: /pages/menus/search.html # path
|
|
98
|
-
icon: search # icon from https://www.mdui.org/docs/material_icon
|
|
99
|
-
```
|
|
100
|
-
Default does not display the editor.If you want the editor to appear in the menu:
|
|
101
|
-
```yml
|
|
102
|
-
- name: Editor # name
|
|
103
|
-
url: /pages/editor.html # path
|
|
104
|
-
icon: edit # icon from https://www.mdui.org/docs/material_icon
|
|
105
|
-
```
|
|
106
|
-
* sns.yml
|
|
107
|
-
```yml
|
|
108
|
-
- name: bilibili # name
|
|
109
|
-
url: # url , if it is empty, it is not enabled
|
|
110
|
-
```
|
|
111
|
-
Supported:bilibili,facebook,github,gplus,instagram,linkedin,telegram,tumblr,twitter,weibo,zhihu
|
|
112
|
-
|
|
113
|
-
* **site.yml**
|
|
114
|
-
```yml
|
|
115
|
-
head:
|
|
116
|
-
favicon: "https://ooo.0o0.ooo/2017/05/27/59294212bc16e.png" # the favicon
|
|
117
|
-
high_res_favicon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" # the favicon using high quality format
|
|
118
|
-
apple_touch_icon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" # the iOS Home button icon
|
|
119
|
-
keywords: "blog jekyll mdui theme" # the site keywords
|
|
120
|
-
|
|
121
|
-
uiux:
|
|
122
|
-
android_chrome_color: "#eeeeee" # the color of the Chrome address bar
|
|
123
|
-
nprogress_color: "#29d" # the color of the top loading progress bar
|
|
124
|
-
nprogress_buffer: 200 # the top loading progress bar buffers
|
|
125
|
-
|
|
126
|
-
background:
|
|
127
|
-
purecolor: "#eeeeee" # the background color
|
|
128
|
-
|
|
129
|
-
img:
|
|
130
|
-
avatar: "https://ooo.0o0.ooo/2017/05/26/5928368d409dd.png" # your avatar
|
|
131
|
-
|
|
132
|
-
card:
|
|
133
|
-
card_shadow: 1 # card shadow (0-24), 0 is not displayed
|
|
134
|
-
card_hoverable: false # When the hover to deepen the shadow
|
|
135
|
-
|
|
136
|
-
sns_share: # SNS Share Switch
|
|
137
|
-
twitter: true
|
|
138
|
-
facebook: false
|
|
139
|
-
googleplus: false
|
|
140
|
-
weibo: true
|
|
141
|
-
linkedin: false
|
|
142
|
-
qq: true
|
|
143
|
-
telegram: true
|
|
144
|
-
|
|
145
|
-
disqus:
|
|
146
|
-
disqus_shortname: "" # Your disqus
|
|
147
|
-
disqus_button: true # disqus load button
|
|
148
|
-
disqus_proxy: false # # disqus proxy(Do not use)
|
|
149
|
-
disqus_proxy_url: "" # (Do not use)
|
|
150
|
-
disqus_api_key: "" # (Do not use)
|
|
151
|
-
|
|
152
|
-
google_analytics: "" # google analytics code
|
|
153
|
-
|
|
154
|
-
lang: "en-US" # lang
|
|
155
|
-
```
|
|
156
|
-
|
|
157
|
-
### manifest.json
|
|
158
|
-
```json
|
|
159
|
-
{
|
|
160
|
-
"name": "KeJun BLOG",
|
|
161
|
-
"short_name": "KeJun",
|
|
162
|
-
"icons": [{
|
|
163
|
-
"src": "assets/images/touch/icon-128x128.png",
|
|
164
|
-
"sizes": "128x128",
|
|
165
|
-
"type": "image/png"
|
|
166
|
-
}, {
|
|
167
|
-
"src": "assets/images/touch/apple-touch-icon.png",
|
|
168
|
-
"sizes": "152x152",
|
|
169
|
-
"type": "image/png"
|
|
170
|
-
}, {
|
|
171
|
-
"src": "assets/images/touch/ms-touch-icon-144x144-precomposed.png",
|
|
172
|
-
"sizes": "144x144",
|
|
173
|
-
"type": "image/png"
|
|
174
|
-
}, {
|
|
175
|
-
"src": "assets/images/touch/chrome-touch-icon-192x192.png",
|
|
176
|
-
"sizes": "192x192",
|
|
177
|
-
"type": "image/png"
|
|
178
|
-
}],
|
|
179
|
-
"start_url": "/index.html?homescreen=1",
|
|
180
|
-
"display": "standalone",
|
|
181
|
-
"background_color": "#fdfdfd",
|
|
182
|
-
"theme_color": "#2a7ae2"
|
|
183
|
-
}
|
|
184
|
-
```
|
|
185
|
-
Replace it with your logo:`assets/images/touch`
|
|
186
|
-
|
|
187
|
-
### _post
|
|
188
|
-
|
|
189
|
-
Add the following format to your posts:
|
|
190
|
-
|
|
191
|
-
```liquid
|
|
192
|
-
{% include tips.html content="protips" %}
|
|
193
|
-
{% include note.html content="note" %}
|
|
194
|
-
{% include warn.html content="warnings" %}
|
|
195
|
-
```
|
|
196
|
-
|
|
197
|
-
[demo](https://blog.kejun.space/living/2017/05/29/jekyll-theme-mdui.html)
|
|
45
|
+
[中文文档](http://mdui.kejun.space/#/zh-cn/)
|
|
198
46
|
|
|
199
47
|
## TODO
|
|
200
48
|
|
|
201
|
-
|
|
49
|
+
- [ ] Editor - Online preview
|
|
50
|
+
- [ ] Category - Better style
|
|
51
|
+
- [ ] Site style - More custom options
|
|
202
52
|
|
|
203
53
|
## Note
|
|
204
54
|
|
|
205
|
-
|
|
206
|
-
If you use the first ways to install, you need to download the following files to your jekyll website root directory Or create a new file,And replace it with your own information:
|
|
55
|
+
File Required or Optional:
|
|
207
56
|
|
|
208
57
|
|files|Required or Optional|Description|
|
|
209
58
|
|--- |--- |--- |
|
|
@@ -217,13 +66,7 @@ If you use the first ways to install, you need to download the following files t
|
|
|
217
66
|
|_data/lang.yml|Required|It is language config.|
|
|
218
67
|
|_data/menus.yml|Required|It is site menus config.|
|
|
219
68
|
|
|
220
|
-
How to use? See
|
|
221
|
-
|
|
222
|
-
### service workers
|
|
223
|
-
|
|
224
|
-
If you use the first ways to install, You will not be able to use service workers!!!!
|
|
225
|
-
|
|
226
|
-
Why? See `sw.js` content.
|
|
69
|
+
How to use? See Docs.
|
|
227
70
|
|
|
228
71
|
## Contributing
|
|
229
72
|
|
|
@@ -239,5 +82,7 @@ When your theme is released, only the files in `_layouts`, `_includes`, and `ass
|
|
|
239
82
|
|
|
240
83
|
## License
|
|
241
84
|
|
|
85
|
+
[](https://github.com/KeJunMao/jekyll-theme-mdui/blob/master/LICENSE.txt)
|
|
86
|
+
|
|
242
87
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
243
88
|
|
data/_includes/header.html
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
{% for menu in site.data.menus %}
|
|
2
|
+
{% if menu.name == "navSearch" %}
|
|
3
|
+
{% if menu.switch == true %}
|
|
4
|
+
{% assign navSearch = true %}
|
|
5
|
+
{% else %}
|
|
6
|
+
{% assign navSearch = false %}
|
|
7
|
+
{% endif %}
|
|
8
|
+
{% endif %}
|
|
9
|
+
{% endfor %}
|
|
1
10
|
<header mdui-headroom class="mdui-appbar mdui-shadow-0 mdui-appbar-fixed">
|
|
2
11
|
<div class="mdui-toolbar">
|
|
3
12
|
<a href="javascript:;" class="mdui-btn mdui-btn-icon mdui-hidden-sm-up" mdui-drawer="{target: '#k-menu'}"><i class="mdui-icon material-icons"></i></a>
|
|
@@ -5,18 +14,47 @@
|
|
|
5
14
|
<div class="mdui-toolbar-spacer"></div>
|
|
6
15
|
<div class="mdui-hidden-xs-down">
|
|
7
16
|
{% for menu in site.data.menus %}
|
|
17
|
+
{% if menu.name != "navSearch" %}
|
|
8
18
|
<a href="{{menu.url | prepend: site.baseurl }}" class="mdui-btn {% if menu.url == page.url %}mdui-list-item-active{% endif %}">{{menu.name}}</a>
|
|
19
|
+
{% endif %}
|
|
9
20
|
{% endfor %}
|
|
21
|
+
{% if navSearch == true %}
|
|
22
|
+
<div class="mdui-textfield k-navsearch-btn mdui-textfield-expandable">
|
|
23
|
+
<button class="mdui-textfield-icon k-navsearch-open mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></button>
|
|
24
|
+
<div class="typeahead__container">
|
|
25
|
+
<div class="typeahead__field">
|
|
26
|
+
<span class="typeahead__query">
|
|
27
|
+
<input class="mdui-textfield-input k-nav-search" type="text" placeholder="Search"/>
|
|
28
|
+
</span>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<button class="mdui-textfield-close k-navsearch-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></button>
|
|
32
|
+
</div>
|
|
33
|
+
{% endif %}
|
|
10
34
|
</div>
|
|
11
35
|
</div>
|
|
12
36
|
</header>
|
|
13
37
|
<div class="mdui-drawer mdui-drawer-close" id="k-menu">
|
|
38
|
+
{% if navSearch == true %}
|
|
39
|
+
<div class="mdui-textfield">
|
|
40
|
+
<div class="typeahead__container">
|
|
41
|
+
<div class="typeahead__field">
|
|
42
|
+
<span class="typeahead__query">
|
|
43
|
+
<i class="mdui-icon material-icons"></i>
|
|
44
|
+
<input class="mdui-textfield-input k-nav-search" type="text" placeholder="Search"/>
|
|
45
|
+
</span>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
{% endif %}
|
|
14
50
|
<ul class="mdui-list">
|
|
15
51
|
{% for menu in site.data.menus %}
|
|
52
|
+
{% if menu.name != "navSearch" %}
|
|
16
53
|
<a href="{{menu.url | prepend: site.baseurl }}" class="mdui-list-item mdui-ripple {% if menu.url == page.url %}mdui-list-item-active{% endif %}">
|
|
17
54
|
<i class="mdui-list-item-icon mdui-icon material-icons">{{menu.icon}}</i>
|
|
18
55
|
<div class="mdui-list-item-content">{{menu.name}}</div>
|
|
19
56
|
</a>
|
|
57
|
+
{% endif %}
|
|
20
58
|
{% endfor %}
|
|
21
59
|
</ul>
|
|
22
60
|
</div>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{% if site.data.site.lang == 'zh-CN' %}
|
|
2
|
+
{% assign lang = site.data.lang[site.data.site.lang] %}
|
|
3
|
+
{% else %}
|
|
4
|
+
{% assign lang = site.data.lang.en-US %}
|
|
5
|
+
{% endif %}
|
|
6
|
+
{% for ta in site.pages %}
|
|
7
|
+
{% if ta.layout == "tags" %}
|
|
8
|
+
{% assign tag = ta.url %}
|
|
9
|
+
{% endif %}
|
|
10
|
+
{% endfor %}
|
|
11
|
+
<button class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '{{lang.post.tags }}', delay: 100}" mdui-menu="{target: '#k-page-tag',align:'right',covered:false}"><i class="mdui-icon material-icons">bookmark</i></button>
|
|
12
|
+
<ul class="mdui-menu" id="k-page-tag">
|
|
13
|
+
{% for t in page.tags %}
|
|
14
|
+
<li class="mdui-menu-item">
|
|
15
|
+
<a class="mdui-text-center" href="{{tag | prepend: site.baseurl }}?tag={{t}}" class="mdui-ripple">{{t}}</a>
|
|
16
|
+
</li>
|
|
17
|
+
{% endfor %}
|
|
18
|
+
</ul>
|
data/_includes/script.html
CHANGED
|
@@ -24,6 +24,45 @@ $('#nprogress .spinner-icon').css({
|
|
|
24
24
|
setTimeout(function() {
|
|
25
25
|
NProgress.done();
|
|
26
26
|
},{{site.data.site.uiux.nprogress_buffer}});
|
|
27
|
+
/* Drag Out Menu */
|
|
28
|
+
var inst = new mdui.Drawer('#k-menu');
|
|
29
|
+
var drawer = document.getElementById('k-menu');
|
|
30
|
+
drawer.addEventListener('opened.mdui.drawer', function () {
|
|
31
|
+
$('#k-menu').removeClass('mdui-drawer-open');
|
|
32
|
+
$('#k-menu').css('transform','translateX(0)');
|
|
33
|
+
$('.mdui-overlay').on('click',function(){
|
|
34
|
+
$('#k-menu').css('transform',"");
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
drawer.addEventListener('closed.mdui.drawer', function () {
|
|
38
|
+
$("body").unbind("touchend");
|
|
39
|
+
$("body").unbind("touchmove");
|
|
40
|
+
$('#k-menu').css('transform',"");
|
|
41
|
+
});
|
|
42
|
+
$('body').on('touchstart',function(e){
|
|
43
|
+
var touch = e.targetTouches[0];
|
|
44
|
+
if (touch.pageX < 15){
|
|
45
|
+
console.log(touch.pageX);
|
|
46
|
+
var touchstartX = touch.pageX;
|
|
47
|
+
$('body').on('touchmove',function(e){
|
|
48
|
+
if (e.targetTouches[0].pageX < 240-touchstartX){
|
|
49
|
+
var touch = e.targetTouches[0];
|
|
50
|
+
var x = touch.pageX - 240 + touchstartX;
|
|
51
|
+
$('#k-menu').css('transform',"translateX("+x+"px)");
|
|
52
|
+
$('body').on('touchend',function(){
|
|
53
|
+
if (x >= -120){
|
|
54
|
+
$('#k-menu').css('transform',"");
|
|
55
|
+
inst.open();
|
|
56
|
+
}
|
|
57
|
+
if (x < -120){
|
|
58
|
+
$('#k-menu').css('transform',"");
|
|
59
|
+
inst.close();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
});
|
|
27
66
|
/* serviceWorker */
|
|
28
67
|
$(function(){
|
|
29
68
|
if ('serviceWorker' in navigator) {
|
|
@@ -61,6 +100,63 @@ $(function() {
|
|
|
61
100
|
{% endif %}
|
|
62
101
|
<!--/* home-script-end */-->
|
|
63
102
|
<!--/* search-script-start */-->
|
|
103
|
+
{% for se in site.data.menus %}
|
|
104
|
+
{% if se.name == "navSearch" %}
|
|
105
|
+
{% if se.switch == true %}
|
|
106
|
+
{% if page.layout !='search' %}
|
|
107
|
+
<script src="{{ "/assets/js/jquery.typeahead.min.js" | prepend: site.baseurl }}"></script>
|
|
108
|
+
{% endif %}
|
|
109
|
+
|
|
110
|
+
<script>
|
|
111
|
+
$('.k-navsearch-close').on('click',function(){
|
|
112
|
+
$('.k-nav-search-card').hide();
|
|
113
|
+
});
|
|
114
|
+
$('.k-navsearch-open').on('click',function(){
|
|
115
|
+
$('.k-nav-search-card').show();
|
|
116
|
+
});
|
|
117
|
+
$('#k-menu').on('click',function(e){
|
|
118
|
+
$('.k-nav-search-card').hide();
|
|
119
|
+
});
|
|
120
|
+
$('#k-menu .mdui-textfield').on('click',function(e){
|
|
121
|
+
e.stopPropagation();
|
|
122
|
+
$('.k-nav-search-card').show();
|
|
123
|
+
});
|
|
124
|
+
$(window).scroll(function() {
|
|
125
|
+
$('.k-navsearch-close').click();
|
|
126
|
+
});
|
|
127
|
+
var names = new Array();
|
|
128
|
+
var urls = new Array();
|
|
129
|
+
$.getJSON("{{ "/search.json" | relative_url }}").done(function(data){
|
|
130
|
+
for (var index in data){
|
|
131
|
+
var item = data[index];
|
|
132
|
+
names[index] = item.title;
|
|
133
|
+
urls[names[index]] = item.url
|
|
134
|
+
}
|
|
135
|
+
$.typeahead({
|
|
136
|
+
input: '.k-nav-search',
|
|
137
|
+
order: "desc",
|
|
138
|
+
source: {
|
|
139
|
+
data: names
|
|
140
|
+
},
|
|
141
|
+
selector: {
|
|
142
|
+
container: "typeahead__container",
|
|
143
|
+
result: " mdui-card k-nav-search-card",
|
|
144
|
+
list: "mdui-list",
|
|
145
|
+
item: "mdui-list-item"
|
|
146
|
+
},
|
|
147
|
+
callback: {
|
|
148
|
+
onClick: function (node,a,item,event){
|
|
149
|
+
window.location.href = urls[item.display];
|
|
150
|
+
},
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
});
|
|
154
|
+
</script>
|
|
155
|
+
|
|
156
|
+
{% endif %}
|
|
157
|
+
{% endif %}
|
|
158
|
+
{% endfor %}
|
|
159
|
+
|
|
64
160
|
{% if page.layout =='search' %}
|
|
65
161
|
<script src="{{ "/assets/js/jquery.typeahead.min.js" | prepend: site.baseurl }}"></script>
|
|
66
162
|
<script>
|
|
@@ -277,23 +373,24 @@ $(function(){
|
|
|
277
373
|
{% if page.layout == "tags" %}
|
|
278
374
|
<script>
|
|
279
375
|
$(function(){
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
376
|
+
function getUrlParam(name) {
|
|
377
|
+
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
|
378
|
+
var r = window.location.search.substr(1).match(reg);
|
|
379
|
+
if (r != null) return unescape(r[2]); return null;
|
|
380
|
+
}
|
|
381
|
+
function getTagList(id){
|
|
285
382
|
$.ajax({
|
|
286
383
|
type: "GET",
|
|
287
384
|
url:"{{ "/tags.json" | relative_url }}",
|
|
288
385
|
dataType:"json",
|
|
386
|
+
cache: true,
|
|
289
387
|
success: function(data){
|
|
290
388
|
var content = "<ul class='mdui-list'>";
|
|
291
389
|
$.each(data,function(i,n){
|
|
292
|
-
if(n.id ===
|
|
390
|
+
if(n.id === id){
|
|
293
391
|
var posts = n.post;
|
|
294
392
|
$.each(posts,function(i,n){
|
|
295
|
-
content+="<li class='mdui-list-item mdui-ripple'><a href='"+n.url+"'><div class='mdui-list-item-content'><div class='mdui-list-item-title mdui-list-item-one-line'>"+n.title+"</div><div class='mdui-list-item-text mdui-list-item-one-line'>"+n.excerpt+"</div>
|
|
296
|
-
</div></li>";
|
|
393
|
+
content+="<li class='mdui-list-item mdui-ripple'><a href='"+n.url+"'><div class='mdui-list-item-content'><div class='mdui-list-item-title mdui-list-item-one-line'>"+n.title+"</div><div class='mdui-list-item-text mdui-list-item-one-line'>"+n.excerpt+"</div></div></li>";
|
|
297
394
|
});
|
|
298
395
|
}
|
|
299
396
|
});
|
|
@@ -302,6 +399,17 @@ $(function(){
|
|
|
302
399
|
}
|
|
303
400
|
})
|
|
304
401
|
}
|
|
402
|
+
var tagid;
|
|
403
|
+
var urltag = getUrlParam("tag");
|
|
404
|
+
if(urltag!=null){
|
|
405
|
+
getTagList(urltag);
|
|
406
|
+
}
|
|
407
|
+
$(".k-tagcloud").on("click",function(e){
|
|
408
|
+
var $this = $(this);
|
|
409
|
+
tagid = $this.attr("id");
|
|
410
|
+
if(tagid!=null){
|
|
411
|
+
getTagList(tagid);
|
|
412
|
+
}
|
|
305
413
|
});
|
|
306
414
|
})
|
|
307
415
|
</script>
|
data/_layouts/home.html
CHANGED
|
@@ -6,6 +6,7 @@ layout: default
|
|
|
6
6
|
{% else %}
|
|
7
7
|
{% assign lang = site.data.lang.en-US %}
|
|
8
8
|
{% endif %}
|
|
9
|
+
|
|
9
10
|
<div class="k-container">
|
|
10
11
|
<div class="k-posts-list">
|
|
11
12
|
{% for post in paginator.posts %}
|
|
@@ -22,6 +23,14 @@ layout: default
|
|
|
22
23
|
</div>
|
|
23
24
|
<div class="mdui-divider"></div>
|
|
24
25
|
<div class="mdui-card-header">
|
|
26
|
+
<div class="mdui-card-menu mdui-typo">
|
|
27
|
+
{% for p in site.pages %}
|
|
28
|
+
{% if p.layout == "category" %}
|
|
29
|
+
{% assign ca = p.url %}
|
|
30
|
+
{% endif %}
|
|
31
|
+
{% endfor %}
|
|
32
|
+
<a class="k-post-categories" href="{{ca | prepend: site.baseurl }}?category={{post.categories}}">{{post.categories}}</a>
|
|
33
|
+
</div>
|
|
25
34
|
<img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
|
|
26
35
|
<div class="mdui-card-header-title">{{site.author}}</div>
|
|
27
36
|
<div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div>
|
data/_layouts/page.html
CHANGED
|
@@ -14,6 +14,10 @@ layout: default
|
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
16
|
<div class="mdui-card-header">
|
|
17
|
+
<div class="mdui-card-menu">
|
|
18
|
+
{% include qrcode.html %}
|
|
19
|
+
{% include sns_share.html %}
|
|
20
|
+
</div>
|
|
17
21
|
<img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
|
|
18
22
|
<div class="mdui-card-header-title">{{site.author}}</div>
|
|
19
23
|
<div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>
|
data/_layouts/post.html
CHANGED
|
@@ -16,6 +16,7 @@ layout: default
|
|
|
16
16
|
<div class="mdui-card-header">
|
|
17
17
|
<div class="mdui-card-menu">
|
|
18
18
|
{% include qrcode.html %}
|
|
19
|
+
{% include page_tags.html %}
|
|
19
20
|
{% include sns_share.html %}
|
|
20
21
|
</div>
|
|
21
22
|
<img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
|
data/assets/css/main.css
CHANGED
|
@@ -1,6 +1,59 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: compress
|
|
3
3
|
---
|
|
4
|
+
.k-nav-search-card{
|
|
5
|
+
position: fixed;
|
|
6
|
+
width: 268px;
|
|
7
|
+
z-index: 9999;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
#k-menu .typeahead__field{
|
|
11
|
+
margin: 0 10px;
|
|
12
|
+
}
|
|
13
|
+
#k-menu .k-nav-search-card{
|
|
14
|
+
width: 240px;
|
|
15
|
+
}
|
|
16
|
+
.mdui-textfield-expandable.mdui-textfield-expanded{
|
|
17
|
+
width: 300px;
|
|
18
|
+
}
|
|
19
|
+
.k-navsearch-btn{
|
|
20
|
+
position: relative;
|
|
21
|
+
display: inline-block;
|
|
22
|
+
height: 36px;
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
padding: 0 16px;
|
|
25
|
+
margin: 0;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
font-size: 14px;
|
|
28
|
+
font-weight: 500;
|
|
29
|
+
line-height: 36px;
|
|
30
|
+
color: inherit;
|
|
31
|
+
text-align: center;
|
|
32
|
+
text-decoration: none;
|
|
33
|
+
text-transform: uppercase;
|
|
34
|
+
letter-spacing: .04em;
|
|
35
|
+
white-space: nowrap;
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
-ms-touch-action: manipulation;
|
|
38
|
+
touch-action: manipulation;
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
zoom: 1;
|
|
41
|
+
-webkit-user-select: none;
|
|
42
|
+
-moz-user-select: none;
|
|
43
|
+
-ms-user-select: none;
|
|
44
|
+
user-select: none;
|
|
45
|
+
background: 0 0;
|
|
46
|
+
border: none;
|
|
47
|
+
border-radius: 2px;
|
|
48
|
+
outline: 0;
|
|
49
|
+
-webkit-transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1);
|
|
50
|
+
transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1);
|
|
51
|
+
will-change: box-shadow;
|
|
52
|
+
-webkit-user-drag: none;
|
|
53
|
+
}
|
|
54
|
+
.k-post-categories{
|
|
55
|
+
line-height:40px;
|
|
56
|
+
}
|
|
4
57
|
|
|
5
58
|
#k-qrcode{
|
|
6
59
|
padding-bottom: 0px;
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-mdui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.4.
|
|
4
|
+
version: 0.4.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- KeJun
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-06-
|
|
11
|
+
date: 2017-06-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -82,6 +82,7 @@ files:
|
|
|
82
82
|
- _includes/header.html
|
|
83
83
|
- _includes/main.html
|
|
84
84
|
- _includes/note.html
|
|
85
|
+
- _includes/page_tags.html
|
|
85
86
|
- _includes/qrcode.html
|
|
86
87
|
- _includes/script.html
|
|
87
88
|
- _includes/sns_share.html
|