jekyll-theme-materialize 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +20 -3
- data/_includes/disqus.html +9 -0
- data/_includes/postmain.html +22 -0
- data/_includes/script.html +1 -0
- data/_layouts/archive.html +16 -2
- data/_layouts/default.html +8 -0
- data/_layouts/index.html +17 -13
- data/_layouts/post.html +5 -0
- metadata +3 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f5f8f71e6c89a799d63479d01a8956dfe10ae96c
|
|
4
|
+
data.tar.gz: fe78cdd7e2342ae2e4f4b21c6f13ea484923459d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 36284f7ffb0086f521083889ffbc102d1a88c93ed0ff0d7cd9b5675a782ab4553852b03970b16a662e8080427e32818d3b149698210059f1a65f65d3ae299599
|
|
7
|
+
data.tar.gz: 63fa12e809342011262e7ae2f9956153983e20c2df7658cfdfef590c415f7e2fa7300d3e7a6d456e47c4f4cb3ebb04aea8dc135b42bace8e7eafede8a9f6ebb1
|
data/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# jekyll-theme-materialize
|
|
2
2
|
|
|
3
|
-
[](https://badge.fury.io/rb/jekyll-theme-materialize)
|
|
3
|
+
[](https://travis-ci.org/KeJunMao/jekyll-theme-materialize)[](https://badge.fury.io/rb/jekyll-theme-materialize)
|
|
4
4
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
@@ -51,35 +51,46 @@ theme-color: {
|
|
|
51
51
|
# mobile nav
|
|
52
52
|
mobile-hp: /images/tx.jpg # 头像
|
|
53
53
|
mobile-bg: /images/userbg.png # 背景
|
|
54
|
+
|
|
55
|
+
# disqus
|
|
56
|
+
disqus-shortname: blog-kejun-tk #disqus shortname
|
|
54
57
|
```
|
|
55
58
|
每一个新的文章均需要添加如下yaml:
|
|
56
59
|
|
|
57
60
|
```yaml
|
|
58
61
|
---
|
|
59
62
|
layout: post # 指定模板
|
|
60
|
-
categories: NoImage #
|
|
63
|
+
categories: NoImage # 分类，首页显示,该项经常用于检测是否为post。
|
|
61
64
|
image: # 图像，用于首页，若留空将以NoImage的形式显示
|
|
62
65
|
tags: jekyll ubuntu # 标签，用于tags页面，允许多个
|
|
66
|
+
toc: * # 确定是否显示toc目录，默认为不显示。
|
|
67
|
+
comments: true # 是否显示评论
|
|
63
68
|
---
|
|
64
69
|
```
|
|
65
70
|
|
|
66
71
|
如需新增page，建议按：
|
|
67
72
|
|
|
68
73
|
* 根目录新建 `pageName.md`,并在头信息中键入如下：
|
|
74
|
+
|
|
69
75
|
```yaml
|
|
70
76
|
---
|
|
71
77
|
title: pageName # 标题
|
|
72
78
|
layout: pageName # 模板,建议为标题或文件名，若以文章形式输出，layout 填写 about 并编辑该.md文件即可，无需下一步 。
|
|
73
79
|
describe: pageName page # 描述
|
|
80
|
+
toc: * # 确定是否显示toc目录。
|
|
81
|
+
comments: true # 是否显示评论
|
|
74
82
|
---
|
|
75
83
|
```
|
|
84
|
+
|
|
76
85
|
* 在`_layout`目录下新建`pageName.html`，并键入如下：
|
|
86
|
+
|
|
77
87
|
```yaml
|
|
78
88
|
---
|
|
79
89
|
layout: default
|
|
80
90
|
---
|
|
81
91
|
```
|
|
82
|
-
|
|
92
|
+
|
|
93
|
+
这样你就成功引入了`head`，`header`，`main`，`script`，`footer`。然后编辑刚刚新建的`pageName.html`即可添加自定义`html`。
|
|
83
94
|
|
|
84
95
|
> 你新增的页面将以`_config.yml`文件中的 `default-color` 作为主题色。如果你知道你在干什么，你也可以编辑`header`和`footer`。
|
|
85
96
|
|
|
@@ -108,6 +119,12 @@ layout: default
|
|
|
108
119
|
|defaultColor | Fallback color for when color thief fails. Default: '#444'|
|
|
109
120
|
|fillScreen | Enable the full width image transition style. Default: false|
|
|
110
121
|
|
|
122
|
+
## TODO
|
|
123
|
+
|
|
124
|
+
* disqus # 完成,努力实现home和archive评论
|
|
125
|
+
* toc # 完成
|
|
126
|
+
* 图像加载动画 # 完成
|
|
127
|
+
* 二次元化选项 # 二次元最棒惹～
|
|
111
128
|
|
|
112
129
|
## Development
|
|
113
130
|
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<hr>
|
|
2
|
+
<div class="row">
|
|
3
|
+
<div class="col s12 disqus center">
|
|
4
|
+
<button id="load-disqus" class="btn waves-effect waves-light green" onclick="disqus.load();" data="{{ site.disqus-shortname }}">
|
|
5
|
+
阅读评论 「请确保 disq.us & disquscdn.com & disqus.com 可以正常加载」
|
|
6
|
+
</button>
|
|
7
|
+
<div id="disqus_thread"></div>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<main>
|
|
2
|
+
<div class="db">
|
|
3
|
+
<div class="content">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="toc col s12 m9 l10">
|
|
6
|
+
{{ content }}
|
|
7
|
+
</div>
|
|
8
|
+
<div class="col hide-on-small-only m3 l2">
|
|
9
|
+
<div class="toc-wrapper pin-top" style="top: 0px;">
|
|
10
|
+
<div id="toc"></div>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
</div>
|
|
18
|
+
<div class="fixed-action-btn">
|
|
19
|
+
<a href="#top" id="toTop" class="btn-floating btn-large waves-effect waves-light" style="display: none;"><i
|
|
20
|
+
class="material-icons">expand_less</i></a>
|
|
21
|
+
</div>
|
|
22
|
+
</main>
|
data/_includes/script.html
CHANGED
|
@@ -3,4 +3,5 @@
|
|
|
3
3
|
<script type="text/javascript" src="{{ "/js/jquery.scrollToTop.min.js" | prepend: site.baseurl }}"></script>
|
|
4
4
|
<script type="text/javascript" src="{{ "/js/gallery.min.opt.js" | prepend: site.baseurl }}"></script>
|
|
5
5
|
<script type="text/javascript" src="{{ "/js/jquery.lazyload.min.js" | prepend: site.baseurl }}"></script>
|
|
6
|
+
<script type="text/javascript" src="{{ "/js/toc.js" | prepend: site.baseurl }}"></script>
|
|
6
7
|
<script type="text/javascript" src="{{ "/js/main.js" | prepend: site.baseurl }}"></script>
|
data/_layouts/archive.html
CHANGED
|
@@ -40,8 +40,22 @@ layout: default
|
|
|
40
40
|
<div class="placeholder">
|
|
41
41
|
<div class="gallery-curve-wrapper">
|
|
42
42
|
<a class="gallery-cover gray" style="height: 300px;">
|
|
43
|
-
<img class="lazy" data-original="{{ post.image | prepend: site.baseurl }}" src="" crossorigin="anonymous" alt="
|
|
44
|
-
<div class="gradient"
|
|
43
|
+
<img class="lazy" data-original="{{ post.image | prepend: site.baseurl }}" src="" crossorigin="anonymous" alt=" ">
|
|
44
|
+
<div class="center gradient">
|
|
45
|
+
<div class="preloader-wrapper small active">
|
|
46
|
+
<div class="spinner-layer spinner-red-only">
|
|
47
|
+
<div class="circle-clipper left">
|
|
48
|
+
<div class="circle"></div>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="gap-patch">
|
|
51
|
+
<div class="circle"></div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="circle-clipper right">
|
|
54
|
+
<div class="circle"></div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
45
59
|
</a>
|
|
46
60
|
<div class="gallery-header">
|
|
47
61
|
<span>{{post.title}}</span>
|
data/_layouts/default.html
CHANGED
data/_layouts/index.html
CHANGED
|
@@ -36,8 +36,22 @@ layout: default
|
|
|
36
36
|
<div class="placeholder">
|
|
37
37
|
<div class="gallery-curve-wrapper">
|
|
38
38
|
<a class="gallery-cover gray" style="height: 300px;">
|
|
39
|
-
<img class="lazy" data-original="{{ post.image | prepend: site.baseurl }}" src="" crossorigin="anonymous" alt="
|
|
40
|
-
<div class="gradient"
|
|
39
|
+
<img class="lazy" data-original="{{ post.image | prepend: site.baseurl }}" src="" crossorigin="anonymous" alt=" ">
|
|
40
|
+
<div class="center gradient">
|
|
41
|
+
<div class="preloader-wrapper small active">
|
|
42
|
+
<div class="spinner-layer spinner-green-only">
|
|
43
|
+
<div class="circle-clipper left">
|
|
44
|
+
<div class="circle"></div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="gap-patch">
|
|
47
|
+
<div class="circle"></div>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="circle-clipper right">
|
|
50
|
+
<div class="circle"></div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
41
55
|
</a>
|
|
42
56
|
<div class="gallery-header">
|
|
43
57
|
<span>{{post.title}}</span>
|
|
@@ -59,14 +73,4 @@ layout: default
|
|
|
59
73
|
</div>
|
|
60
74
|
{% endunless %}
|
|
61
75
|
{% endfor %}
|
|
62
|
-
</div>
|
|
63
|
-
|
|
64
|
-
<style>
|
|
65
|
-
/*.highlight{
|
|
66
|
-
border-left: 3px solid rgb(183, 160, 134)!important;
|
|
67
|
-
box-shadow: -1px 0px 0px 0px rgb(183, 160, 134), 0px 0px 0px 1px rgb(183, 160, 134)!important;
|
|
68
|
-
}*/
|
|
69
|
-
.post-data{
|
|
70
|
-
margin-bottom: 0px;
|
|
71
|
-
}
|
|
72
|
-
</style>
|
|
76
|
+
</div>
|
data/_layouts/post.html
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-materialize
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- KeJun
|
|
@@ -61,10 +61,12 @@ extra_rdoc_files: []
|
|
|
61
61
|
files:
|
|
62
62
|
- LICENSE
|
|
63
63
|
- README.md
|
|
64
|
+
- _includes/disqus.html
|
|
64
65
|
- _includes/footer.html
|
|
65
66
|
- _includes/head.html
|
|
66
67
|
- _includes/header.html
|
|
67
68
|
- _includes/main.html
|
|
69
|
+
- _includes/postmain.html
|
|
68
70
|
- _includes/script.html
|
|
69
71
|
- _layouts/about.html
|
|
70
72
|
- _layouts/archive.html
|