jekyll-theme-materialize 0.0.3 → 0.0.4

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 776ae5cb97e94262ddf773ef73c70a9b2aa9f4b7
4
- data.tar.gz: 944219679a672640230c884168f7a850bfea59ac
3
+ metadata.gz: f5f8f71e6c89a799d63479d01a8956dfe10ae96c
4
+ data.tar.gz: fe78cdd7e2342ae2e4f4b21c6f13ea484923459d
5
5
  SHA512:
6
- metadata.gz: acb7fabd73fb0f7a4793b1dcebb961b9cadabc055976224e515cdb0ff1c2036131008d7dd96e2a39243949f85073bd825918d26933b24221a5b29ac0261fd22a
7
- data.tar.gz: 6d05a51e2522c160c8804c8f95430b497897d954150acb79c5821395a850a8741386c423c98af4fb6b32e60189841cdeb944c2b522414199aad9121e310a5c98
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
- [![Gem Version](https://badge.fury.io/rb/jekyll-theme-materialize.svg)](https://badge.fury.io/rb/jekyll-theme-materialize)
3
+ [![Build Status](https://travis-ci.org/KeJunMao/jekyll-theme-materialize.svg?branch=master)](https://travis-ci.org/KeJunMao/jekyll-theme-materialize)[![Gem Version](https://badge.fury.io/rb/jekyll-theme-materialize.svg)](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
- 这样你就成功引入了`head`,`header`,`main`,`script`,`footer`。然后编辑刚刚新建的`pageName.html`即可添加自定义`html`。
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>
@@ -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>
@@ -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="placeholder">
44
- <div class="gradient"></div>
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>
@@ -7,8 +7,16 @@
7
7
 
8
8
  {% include header.html %}
9
9
 
10
+ {% unless page.toc %}
11
+
10
12
  {% include main.html %}
11
13
 
14
+ {% else%}
15
+
16
+ {% include postmain.html %}
17
+
18
+ {% endunless %}
19
+
12
20
  {% include footer.html %}
13
21
 
14
22
  {% include script.html %}
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="placeholder">
40
- <div class="gradient"></div>
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
@@ -8,6 +8,11 @@ layout: default
8
8
  <span>
9
9
  {{ content }}
10
10
  </span>
11
+ {% if page.comments %}
12
+
13
+ {% include disqus.html %}
14
+
15
+ {% endif %}
11
16
  </div>
12
17
  </div>
13
18
  </div>
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.3
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