jekyll-theme-mdui 0.4.1 → 0.4.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.
- 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
|