jekyll-theme-wapiti 0.1.0
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 +7 -0
- data/.gitignore +9 -0
- data/Gemfile +4 -0
- data/README.md +36 -0
- data/Rakefile +2 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/jekyll-theme-wapiti.gemspec +34 -0
- data/lib/.gitignore +2 -0
- data/lib/404.html +25 -0
- data/lib/LICENSE +21 -0
- data/lib/README.md +20 -0
- data/lib/_config.yml +74 -0
- data/lib/_includes/footer.html +219 -0
- data/lib/_includes/head.html +37 -0
- data/lib/_includes/nav.html +85 -0
- data/lib/_layouts/default.html +17 -0
- data/lib/_layouts/page.html +199 -0
- data/lib/_layouts/post.html +205 -0
- data/lib/_posts/2017-03-25-markdown-test.md +19 -0
- data/lib/_posts/2017-03-26-catalog-test.md +24 -0
- data/lib/about.md +9 -0
- data/lib/css/backtop.css +23 -0
- data/lib/css/bootstrap.min.css +5 -0
- data/lib/css/clean-blog.min.css +1 -0
- data/lib/css/material.min.css +9 -0
- data/lib/css/print.css +15 -0
- data/lib/css/style.css +1091 -0
- data/lib/css/syntax.css +84 -0
- data/lib/feed.xml +30 -0
- data/lib/fonts/glyphicons-halflings-regular.eot +0 -0
- data/lib/fonts/glyphicons-halflings-regular.svg +288 -0
- data/lib/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/lib/fonts/glyphicons-halflings-regular.woff +0 -0
- data/lib/fonts/glyphicons-halflings-regular.woff2 +0 -0
- data/lib/img/avatar.png +0 -0
- data/lib/img/favicon.png +0 -0
- data/lib/img/index.jpg +0 -0
- data/lib/index.html +42 -0
- data/lib/jekyll/theme/wapiti/version.rb +7 -0
- data/lib/jekyll/theme/wapiti.rb +9 -0
- data/lib/js/animatescroll.min.js +2 -0
- data/lib/js/bootstrap.min.js +7 -0
- data/lib/js/jquery.js +9205 -0
- data/lib/js/jquery.min.js +4 -0
- data/lib/js/jquery.nav.js +224 -0
- data/lib/js/jquery.tagcloud.js +81 -0
- data/lib/js/js.js +84 -0
- data/lib/js/js.min.js +1 -0
- data/lib/js/material.min.js +10 -0
- data/lib/less/hux-blog.less +1028 -0
- data/lib/less/mixins.less +52 -0
- data/lib/less/side-catalog.less +81 -0
- data/lib/less/sidebar.less +58 -0
- data/lib/less/variables.less +8 -0
- data/lib/offline.html +25 -0
- data/lib/package.json +22 -0
- data/lib/pwa/icons/192.png +0 -0
- data/lib/pwa/manifest.json +17 -0
- data/lib/sw.js +146 -0
- data/lib/tags.html +53 -0
- metadata +131 -0
@@ -0,0 +1,199 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<!-- Page Header -->
|
6
|
+
<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
|
7
|
+
<div class="container">
|
8
|
+
<div class="row">
|
9
|
+
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
|
10
|
+
<div class="site-heading">
|
11
|
+
<h1>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
|
12
|
+
<!--<hr class="small">-->
|
13
|
+
<span class="subheading">{{ page.description }}</span>
|
14
|
+
</div>
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
</div>
|
18
|
+
</header>
|
19
|
+
|
20
|
+
<!-- Main Content -->
|
21
|
+
<div class="container">
|
22
|
+
<div class="row">
|
23
|
+
{% if site.sidebar == false %}
|
24
|
+
<!-- NO SIDEBAR -->
|
25
|
+
<!-- PostList Container -->
|
26
|
+
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 postlist-container">
|
27
|
+
{{ content }}
|
28
|
+
</div>
|
29
|
+
<!-- Sidebar Container -->
|
30
|
+
<div class="print-hide
|
31
|
+
col-lg-8 col-lg-offset-2
|
32
|
+
col-md-10 col-md-offset-1
|
33
|
+
sidebar-container">
|
34
|
+
|
35
|
+
<!-- Featured Tags -->
|
36
|
+
{% if site.featured-tags %}
|
37
|
+
<section>
|
38
|
+
<!-- no hr -->
|
39
|
+
<h5><a href="{{'/tags/' | prepend: site.baseurl }}">FEATURED TAGS</a></h5>
|
40
|
+
<div class="tags">
|
41
|
+
{% for tag in site.tags %}
|
42
|
+
{% if tag[1].size > {{site.featured-condition-size}} %}
|
43
|
+
<a href="{{ site.baseurl }}/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">
|
44
|
+
{{ tag[0] }}
|
45
|
+
</a>
|
46
|
+
{% endif %}
|
47
|
+
{% endfor %}
|
48
|
+
</div>
|
49
|
+
</section>
|
50
|
+
{% endif %}
|
51
|
+
|
52
|
+
<!-- Friends Blog -->
|
53
|
+
{% if site.friends %}
|
54
|
+
<hr>
|
55
|
+
<h5>FRIENDS</h5>
|
56
|
+
<ul class="list-inline">
|
57
|
+
{% for friend in site.friends %}
|
58
|
+
<li><a href="{{friend.href}}">{{friend.title}}</a></li>
|
59
|
+
{% endfor %}
|
60
|
+
</ul>
|
61
|
+
{% endif %}
|
62
|
+
</div>
|
63
|
+
{% else %}
|
64
|
+
|
65
|
+
<!-- USE SIDEBAR -->
|
66
|
+
<!-- PostList Container -->
|
67
|
+
<div class="
|
68
|
+
col-lg-8 col-lg-offset-1
|
69
|
+
col-md-8 col-md-offset-1
|
70
|
+
col-sm-12
|
71
|
+
col-xs-12
|
72
|
+
postlist-container
|
73
|
+
">
|
74
|
+
{{ content }}
|
75
|
+
</div>
|
76
|
+
<!-- Sidebar Container -->
|
77
|
+
<div class="print-hide
|
78
|
+
col-lg-3 col-lg-offset-0
|
79
|
+
col-md-3 col-md-offset-0
|
80
|
+
col-sm-12
|
81
|
+
col-xs-12
|
82
|
+
sidebar-container
|
83
|
+
">
|
84
|
+
<!-- Featured Tags -->
|
85
|
+
{% if site.featured-tags %}
|
86
|
+
<section>
|
87
|
+
<hr class="hidden-sm hidden-xs">
|
88
|
+
<h5><a href="{{'/tags/' | prepend: site.baseurl }}">FEATURED TAGS</a></h5>
|
89
|
+
<div class="tags">
|
90
|
+
{% for tag in site.tags %}
|
91
|
+
{% if tag[1].size > {{site.featured-condition-size}} %}
|
92
|
+
<a href="{{ site.baseurl }}/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">
|
93
|
+
{{ tag[0] }}
|
94
|
+
</a>
|
95
|
+
{% endif %}
|
96
|
+
{% endfor %}
|
97
|
+
</div>
|
98
|
+
</section>
|
99
|
+
{% endif %}
|
100
|
+
|
101
|
+
<!-- Short About -->
|
102
|
+
<section class="visible-md visible-lg">
|
103
|
+
<hr><h5><a href="{{'/about/' | prepend: site.baseurl }}">ABOUT ME</a></h5>
|
104
|
+
<div class="short-about">
|
105
|
+
{% if site.sidebar-avatar %}
|
106
|
+
<img src="{{site.sidebar-avatar}}" />
|
107
|
+
{% endif %}
|
108
|
+
{% if site.sidebar-about-description %}
|
109
|
+
<p>{{site.sidebar-about-description}}</p>
|
110
|
+
{% endif %}
|
111
|
+
<!-- SNS Link -->
|
112
|
+
<ul class="list-inline">
|
113
|
+
{% if site.RSS %}
|
114
|
+
<li>
|
115
|
+
<a href="{{ "/feed.xml" | prepend: site.baseurl }}">
|
116
|
+
<span class="fa-stack fa-lg">
|
117
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
118
|
+
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
|
119
|
+
</span>
|
120
|
+
</a>
|
121
|
+
</li>
|
122
|
+
{% endif %}
|
123
|
+
{% if site.twitter_username %}
|
124
|
+
<li>
|
125
|
+
<a href="https://twitter.com/{{ site.twitter_username }}">
|
126
|
+
<span class="fa-stack fa-lg">
|
127
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
128
|
+
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
|
129
|
+
</span>
|
130
|
+
</a>
|
131
|
+
</li>
|
132
|
+
{% endif %}
|
133
|
+
{% if site.zhihu_username %}
|
134
|
+
<li>
|
135
|
+
<a target="_blank" href="https://www.zhihu.com/people/{{ site.zhihu_username }}">
|
136
|
+
<span class="fa-stack fa-lg">
|
137
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
138
|
+
<i class="fa fa-stack-1x fa-inverse">知</i>
|
139
|
+
</span>
|
140
|
+
</a>
|
141
|
+
</li>
|
142
|
+
{% endif %}
|
143
|
+
{% if site.weibo_username %}
|
144
|
+
<li>
|
145
|
+
<a target="_blank" href="http://weibo.com/{{ site.weibo_username }}">
|
146
|
+
<span class="fa-stack fa-lg">
|
147
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
148
|
+
<i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
|
149
|
+
</span>
|
150
|
+
</a>
|
151
|
+
</li>
|
152
|
+
{% endif %}
|
153
|
+
{% if site.facebook_username %}
|
154
|
+
<li>
|
155
|
+
<a target="_blank" href="https://www.facebook.com/{{ site.facebook_username }}">
|
156
|
+
<span class="fa-stack fa-lg">
|
157
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
158
|
+
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
|
159
|
+
</span>
|
160
|
+
</a>
|
161
|
+
</li>
|
162
|
+
{% endif %}
|
163
|
+
{% if site.github_username %}
|
164
|
+
<li>
|
165
|
+
<a target="_blank" href="https://github.com/{{ site.github_username }}">
|
166
|
+
<span class="fa-stack fa-lg">
|
167
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
168
|
+
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
|
169
|
+
</span>
|
170
|
+
</a>
|
171
|
+
</li>
|
172
|
+
{% endif %}
|
173
|
+
{% if site.linkedin_username %}
|
174
|
+
<li>
|
175
|
+
<a target="_blank" href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
|
176
|
+
<span class="fa-stack fa-lg">
|
177
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
178
|
+
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
|
179
|
+
</span>
|
180
|
+
</a>
|
181
|
+
</li>
|
182
|
+
{% endif %}
|
183
|
+
</ul>
|
184
|
+
</div>
|
185
|
+
</section>
|
186
|
+
<!-- Friends Blog -->
|
187
|
+
{% if site.friends %}
|
188
|
+
<hr>
|
189
|
+
<h5>FRIENDS</h5>
|
190
|
+
<ul class="print-hide list-inline">
|
191
|
+
{% for friend in site.friends %}
|
192
|
+
<li><a href="{{friend.href}}">{{friend.title}}</a></li>
|
193
|
+
{% endfor %}
|
194
|
+
</ul>
|
195
|
+
{% endif %}
|
196
|
+
</div>
|
197
|
+
{% endif %}
|
198
|
+
</div>
|
199
|
+
</div>
|
@@ -0,0 +1,205 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<!-- Image to hack wechat -->
|
6
|
+
<!-- <img src="/img/icon_wechat.png" width="0" height="0"> -->
|
7
|
+
<!-- <img src="{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}" width="0" height="0"> -->
|
8
|
+
|
9
|
+
<!-- Post Header -->
|
10
|
+
<style type="text/css">
|
11
|
+
header.intro-header{
|
12
|
+
position: relative;
|
13
|
+
background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')
|
14
|
+
}
|
15
|
+
|
16
|
+
{% if page.header-mask %}
|
17
|
+
header.intro-header .header-mask{
|
18
|
+
width: 100%;
|
19
|
+
height: 100%;
|
20
|
+
position: absolute;
|
21
|
+
background: rgba(0,0,0, {{ page.header-mask }});
|
22
|
+
}
|
23
|
+
{% endif %}
|
24
|
+
</style>
|
25
|
+
<header class="intro-header" >
|
26
|
+
<div class="header-mask"></div>
|
27
|
+
<div class="container">
|
28
|
+
<div class="row">
|
29
|
+
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
30
|
+
<div class="post-heading">
|
31
|
+
<div class="tags">
|
32
|
+
{% for tag in page.tags %}
|
33
|
+
<a class="tag" href="{{ site.baseurl }}/tags/#{{ tag }}" title="{{ tag }}">{{ tag }}</a>
|
34
|
+
{% endfor %}
|
35
|
+
</div>
|
36
|
+
<h1>{{ page.title }}</h1>
|
37
|
+
{% comment %}
|
38
|
+
always create a h2 for keeping the margin ,
|
39
|
+
{% endcomment %}
|
40
|
+
{% comment %} if page.subtitle {% endcomment %}
|
41
|
+
<h2 class="subheading">{{ page.subtitle }}</h2>
|
42
|
+
{% comment %} endif {% endcomment %}
|
43
|
+
<span class="meta">Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on {{ page.date | date: "%B %-d, %Y" }}</span>
|
44
|
+
</div>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
</div>
|
48
|
+
</header>
|
49
|
+
|
50
|
+
<!-- Post Content -->
|
51
|
+
<article>
|
52
|
+
<div class="container">
|
53
|
+
<div class="row">
|
54
|
+
|
55
|
+
<!-- Post Container -->
|
56
|
+
<div class="
|
57
|
+
col-lg-8 col-lg-offset-2
|
58
|
+
col-md-10 col-md-offset-1
|
59
|
+
post-container">
|
60
|
+
|
61
|
+
{{ content }}
|
62
|
+
|
63
|
+
<hr style="visibility: hidden;">
|
64
|
+
|
65
|
+
<ul class="print-hide pager">
|
66
|
+
{% if page.previous.url %}
|
67
|
+
<li class="previous">
|
68
|
+
<a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">
|
69
|
+
Previous<br>
|
70
|
+
<span>{{page.previous.title}}</span>
|
71
|
+
</a>
|
72
|
+
</li>
|
73
|
+
{% endif %}
|
74
|
+
{% if page.next.url %}
|
75
|
+
<li class="print-hide next">
|
76
|
+
<a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">
|
77
|
+
Next<br>
|
78
|
+
<span>{{page.next.title}}</span>
|
79
|
+
</a>
|
80
|
+
</li>
|
81
|
+
{% endif %}
|
82
|
+
</ul>
|
83
|
+
|
84
|
+
{% if site.disqus_username %}
|
85
|
+
<!-- disqus 评论框 start -->
|
86
|
+
<div class="print-hide comment">
|
87
|
+
<div id="disqus_thread" class="disqus-thread"></div>
|
88
|
+
</div>
|
89
|
+
<!-- disqus 评论框 end -->
|
90
|
+
{% endif %}
|
91
|
+
|
92
|
+
</div>
|
93
|
+
|
94
|
+
<!-- Side Catalog Container -->
|
95
|
+
{% if page.catalog %}
|
96
|
+
<div class="
|
97
|
+
col-lg-2 col-lg-offset-0
|
98
|
+
visible-lg-block
|
99
|
+
sidebar-container
|
100
|
+
catalog-container">
|
101
|
+
<div class="side-catalog">
|
102
|
+
<hr class="hidden-sm hidden-xs">
|
103
|
+
<h5>
|
104
|
+
<a class="catalog-toggle" href="#">CATALOG</a>
|
105
|
+
</h5>
|
106
|
+
<ul class="catalog-body"></ul>
|
107
|
+
</div>
|
108
|
+
</div>
|
109
|
+
{% endif %}
|
110
|
+
|
111
|
+
<!-- Sidebar Container -->
|
112
|
+
<div class="
|
113
|
+
col-lg-8 col-lg-offset-2
|
114
|
+
col-md-10 col-md-offset-1
|
115
|
+
sidebar-container">
|
116
|
+
|
117
|
+
<!-- Featured Tags -->
|
118
|
+
{% if site.featured-tags %}
|
119
|
+
<div class="print-hide">
|
120
|
+
<section>
|
121
|
+
<hr class="hidden-sm hidden-xs">
|
122
|
+
<h5><a href="/tags/">FEATURED TAGS</a></h5>
|
123
|
+
<div class="tags">
|
124
|
+
{% for tag in site.tags %}
|
125
|
+
{% if tag[1].size > {{site.featured-condition-size}} %}
|
126
|
+
<a href="/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">
|
127
|
+
{{ tag[0] }}
|
128
|
+
</a>
|
129
|
+
{% endif %}
|
130
|
+
{% endfor %}
|
131
|
+
</div>
|
132
|
+
</section>
|
133
|
+
</div>
|
134
|
+
{% endif %}
|
135
|
+
|
136
|
+
<!-- Friends Blog -->
|
137
|
+
{% if site.friends %}
|
138
|
+
<hr>
|
139
|
+
<div class="print-hide">
|
140
|
+
<h5>FRIENDS</h5>
|
141
|
+
<ul class="list-inline">
|
142
|
+
{% for friend in site.friends %}
|
143
|
+
<li><a href="{{friend.href}}">{{friend.title}}</a></li>
|
144
|
+
{% endfor %}
|
145
|
+
</ul>
|
146
|
+
</div>
|
147
|
+
{% endif %}
|
148
|
+
</div>
|
149
|
+
</div>
|
150
|
+
</div>
|
151
|
+
</article>
|
152
|
+
|
153
|
+
{% if site.disqus_username %}
|
154
|
+
<!-- disqus 公共JS代码 start (一个网页只需插入一次) -->
|
155
|
+
<script type="text/javascript">
|
156
|
+
/* * * CONFIGURATION VARIABLES * * */
|
157
|
+
var disqus_shortname = "{{site.disqus_username}}";
|
158
|
+
var disqus_identifier = "{{page.id}}";
|
159
|
+
var disqus_url = "{{site.url}}{{page.url}}";
|
160
|
+
|
161
|
+
(function() {
|
162
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
163
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
164
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
165
|
+
})();
|
166
|
+
</script>
|
167
|
+
<!-- disqus 公共JS代码 end -->
|
168
|
+
{% endif %}
|
169
|
+
|
170
|
+
|
171
|
+
{% if site.anchorjs %}
|
172
|
+
<!-- async load function -->
|
173
|
+
<script>
|
174
|
+
function async(u, c) {
|
175
|
+
var d = document, t = 'script',
|
176
|
+
o = d.createElement(t),
|
177
|
+
s = d.getElementsByTagName(t)[0];
|
178
|
+
o.src = u;
|
179
|
+
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
|
180
|
+
s.parentNode.insertBefore(o, s);
|
181
|
+
}
|
182
|
+
</script>
|
183
|
+
<!-- anchor-js, Doc:http://bryanbraun.github.io/anchorjs/ -->
|
184
|
+
<script>
|
185
|
+
async("//cdnjs.cloudflare.com/ajax/libs/anchor-js/1.1.1/anchor.min.js",function(){
|
186
|
+
anchors.options = {
|
187
|
+
visible: 'always',
|
188
|
+
placement: 'right',
|
189
|
+
icon: '#'
|
190
|
+
};
|
191
|
+
anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5');
|
192
|
+
})
|
193
|
+
</script>
|
194
|
+
<style>
|
195
|
+
/* place left on bigger screen */
|
196
|
+
@media all and (min-width: 800px) {
|
197
|
+
.anchorjs-link{
|
198
|
+
position: absolute;
|
199
|
+
left: -0.75em;
|
200
|
+
font-size: 1.1em;
|
201
|
+
margin-top : -0.1em;
|
202
|
+
}
|
203
|
+
}
|
204
|
+
</style>
|
205
|
+
{% endif %}
|
data/lib/about.md
ADDED
data/lib/css/backtop.css
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
/* Back Top Button */
|
2
|
+
#back-top {
|
3
|
+
position: fixed;
|
4
|
+
bottom: 30px;
|
5
|
+
margin-left: 1040px;
|
6
|
+
}
|
7
|
+
#back-top a {
|
8
|
+
width: 54px;
|
9
|
+
height: 54px;
|
10
|
+
display: block;
|
11
|
+
background: #ddd url(/img/Back-Top_Arrow.png) no-repeat center center;
|
12
|
+
background-color: #aaa;
|
13
|
+
-webkit-border-radius: 7px;
|
14
|
+
-moz-border-radius: 7px;
|
15
|
+
border-radius: 7px;
|
16
|
+
-webkit-transition: 1s;
|
17
|
+
-moz-transition: 1s;
|
18
|
+
transition: 1s;
|
19
|
+
}
|
20
|
+
#back-top a:hover {
|
21
|
+
background-color: #777;
|
22
|
+
}
|
23
|
+
/* Back Top Button End */
|