cosy-jekyll-theme 1.0.7 → 1.0.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b1cdf0d8c04117f4d73db43c5a01108f307f8f15
4
- data.tar.gz: aa4aacce6259ad45ad07c68fc9240f6f19b7b38e
3
+ metadata.gz: 562ce56bf1aae2f7829ae41a76f01e4ec6db0645
4
+ data.tar.gz: 03b4bc064b545f202903bf339f7306ebddc45d2d
5
5
  SHA512:
6
- metadata.gz: 8d2fbc798fe525eba887ae18f4fe91ec9563f831cd3959be52b37788454c13bdc09d6c3d25329d5033a2e200bee35ea3f078cbb4539ae586f438672410378a17
7
- data.tar.gz: 920b75bd6f319c2c37d273efb104c5901d20cd9b1a80c989e4d1d40f5abdba4f59695a4032a65db9d7c8008dec7d693c4939aba778654414a109d305cc6b022f
6
+ metadata.gz: 9635ea4b278d7115cd3f5401cbac6fad2cbe190d04dcb7406492e5c7cf75c2ade9f74b146c321a4e0b492c3038f1a462c32b3d2b7f216da4b935817594614143
7
+ data.tar.gz: 9de36b641360253ba894995f5979bcf99ae745ed0d6f886f996652d19cf44f918c4cb7750d480a9abfd349269535ab168b09e9a40ecebdce2b1a24d84ea56c22
data/README.md CHANGED
@@ -2,23 +2,27 @@
2
2
  - This is Tw93's front-end technology blog.
3
3
  - Commonly used to record learning and research front-end technology.
4
4
  - Concerned about the front-end new technology and new thinking.
5
- - The blog theme named [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is created by Tw93.
5
+ - The blog theme named [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is created by [Tw93](http://tw93.github.io/about/).
6
6
 
7
7
 
8
- ## Features About [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme)
9
- - cosy-jekyll-theme is a responsive and better reading experience blog template.
8
+ ## [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme)
9
+ - cosy-jekyll-theme is a responsive blog template providing a good reading experience.
10
10
  - **No jQuery**, No other redundant resources.
11
11
  - Modern and minimal design, **More concise and Faster than other jekyll theme.**
12
- - Responsive templates for post, page,Looks great on mobile, tablet, and desktop devices.
13
- - According to different platforms have selected to load resources.
12
+ - **Responsive templates for post, page**,Looks great on mobile, tablet, and desktop devices.
13
+ - **Loading resources selectively on different platforms.**
14
+ - **Support Lazyload.**
15
+ - **Minimize HTML、CSS and JavaScript.**
14
16
  - By using SVG and Canvas Makes this blog more geeks.
15
- - More suitable for China:
17
+ - When running in PC,It will show a QRcode that you can read on mobile.
18
+ - when the picture in articles is **too complicated to see it clearly,you can zoom it in full-screen.** .
19
+ - **More suitable for China**:
16
20
  - Dropping Google webfont, using proxy webfont.
17
21
  - Delay loading of resources that are not immediately required.
18
22
  - When Discus failed to load, It will be a good suggestion.
19
23
  - Add Buy Me A Coffee by using WeChat payment.
20
24
 
21
- ## PC Preview
25
+ ## [PC Preview](http://tw93.github.io/)
22
26
 
23
27
  ![demo.png](http://7vihmc.com1.z0.glb.clouddn.com/Jietu20170203-222805.jpg)
24
28
 
@@ -1,6 +1,6 @@
1
1
  {% if site.showBuyCoffee != false %}
2
2
  <div class="coffee">
3
3
  <div class="buy-me-coffee" id="J_buy-me-coffee" onclick="document.getElementById('J_my_pay_image').classList.toggle('active');this.classList.toggle('active');">Buy Me a Coffee !</div>
4
- <img src="{{ site.assetUrl }}{{ site.payImage }}" class="my-pay-img" id="J_my_pay_image">
4
+ <img data-src="{{ site.assetUrl }}{{ site.payImage }}" class="my-pay-img lazyload" id="J_my_pay_image">
5
5
  </div>
6
6
  {% endif %}
@@ -1,13 +1,13 @@
1
1
  <div class="footer-wrapper">
2
2
  <footer role="contentinfo">
3
- <a href="https://github.com/tw93/tw93.github.io" rel="nofollow" target="_blank">&copy; {{ site.time | date: '%Y' }} Cosy Jekyll Theme By Tw93.</a>
3
+ <a href="https://github.com/tw93/tw93.github.io" rel="nofollow" target="_blank">&copy; {{ site.time | date: '%Y' }}
4
+ cosy-jekyll-theme By Tw93.</a>
4
5
  </footer>
5
6
  </div>
6
7
 
7
8
  <script type="text/javascript" src="{{ site.url }}/js/index.js"></script>
8
9
 
9
10
  {% if site.google_analytics %}
10
- <!-- Asynchronous Google Analytics snippet -->
11
11
  <script type="text/javascript">
12
12
  setTimeout(function () {
13
13
  (function (i, s, o, g, r, a, m) {
@@ -25,7 +25,7 @@
25
25
  ga('create', '{{ site.google_analytics }}', 'auto');
26
26
  ga('require', 'linkid', 'linkid.js');
27
27
  ga('send', 'pageview');
28
- },4000);
28
+ }, 4000);
29
29
  </script>
30
30
  {% endif %}
31
31
 
@@ -37,7 +37,7 @@
37
37
  var string = hereDoc(function () {/*
38
38
 
39
39
 
40
- _ ___ _____ _ _
40
+ _ ___ _____ _ _
41
41
  | | |_ | / ___| (_) | |
42
42
  | | ___ __ _ _ __ _ __ | | __ ___ ____ _\ `--. ___ _ __ _ _ __ | |_
43
43
  | | / _ \/ _` | '__| '_ \ | |/ _` \ \ / / _` |`--. \/ __| '__| | '_ \| __|
@@ -55,10 +55,8 @@
55
55
 
56
56
  {% if page.comments != false and site.disqus_shortname %}
57
57
  <script type="text/javascript">
58
- /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
59
- var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
60
-
61
58
  setTimeout(function () {
59
+ var disqus_shortname = '{{ site.disqus_shortname }}';
62
60
  (function () {
63
61
  var dsq = document.createElement('script');
64
62
  dsq.type = 'text/javascript';
@@ -75,7 +73,7 @@
75
73
  s.src = '//' + disqus_shortname + '.disqus.com/count.js';
76
74
  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
77
75
  }());
78
- },2000);
76
+ }, 2000);
79
77
  </script>
80
78
  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
81
79
  </noscript>
data/_includes/head.html CHANGED
@@ -1,44 +1,54 @@
1
1
  <head>
2
- <meta charset="utf-8">
3
- <title>{% if page.layout =='post' or page.hideHomeActive %}{{ page.title }} - {% endif %}{{ site.title }}</title>
4
- <meta name="description" content="{{ site.description }}{% if page.categories %}{{ page.categories }}{% endif %}{% if page.summary %}{{ page.summary }}{% endif %}">
5
- {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
6
-
7
- <!-- Open Graph -->
8
- <meta property="og:locale" content="{{ site.locale }}">
9
- <meta property="og:type" content="article">
10
- <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
11
- <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
12
- <meta property="og:url" content="{{ site.url }}{{ page.url }}">
13
- <meta property="og:site_name" content="{{ site.title }}">
14
- <meta name="baidu-site-verification" content="kxGpkpWG7G" />
15
-
16
- {% if page.image.feature %}
17
- <meta property="og:image" content="{{ site.url }}/images/{{ page.image.feature }}">
18
- {% else %}
19
- <meta property="og:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
20
- {% endif %}
21
-
22
- {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
23
- <link rel="canonical" href="{{ canonical }}">
24
- <link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
25
-
26
- <!-- http://t.co/dKP3o1e -->
27
- <meta name="HandheldFriendly" content="True">
28
- <meta name="MobileOptimized" content="320">
29
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
30
-
31
- <link rel="stylesheet" href="{{ site.url }}/css/index.css">
32
-
33
- <link href="//fonts.css.network/css?family=Lato:300,400,700,300italic,400italic" rel="stylesheet" type="text/css">
34
-
35
- <meta http-equiv="cleartype" content="on">
36
-
37
- <link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
38
-
39
- {% if page.image.background or site.background %}
40
- {% capture background %}{% if page.image.background %}{{ page.image.background }}{% else %}{{ site.background }}{% endif %}{% endcapture %}
41
- {% unless background contains 'http://' or background contains 'https://' %}{% capture background %}{{ site.url }}/images/{{ background }}{% endcapture %}{% endunless %}
42
- <style type="text/css">body {background-image:url({{ background }});}</style>
43
- {% endif %}
2
+ <meta charset="utf-8">
3
+ <title>{% if page.layout =='post' or page.hideHomeActive %}{{ page.title }} - {% endif %}{{ site.title }}</title>
4
+ <meta name="description"
5
+ content="{{ site.description }}{% if page.categories %}{{ page.categories }}{% endif %}{% if page.summary %}{{ page.summary }}{% endif %}">
6
+ {% if page.tags %}
7
+ <meta name="keywords" content="{{ page.tags | join: ', ' }}">
8
+ {% endif %}
9
+
10
+ <!-- Open Graph -->
11
+ <meta property="og:locale" content="{{ site.locale }}">
12
+ <meta property="og:type" content="article">
13
+ <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
14
+ <meta property="og:description"
15
+ content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
16
+ <meta property="og:url" content="{{ site.url }}{{ page.url }}">
17
+ <meta property="og:site_name" content="{{ site.title }}">
18
+
19
+ {% if site.baidu_verify %}
20
+ <meta name="baidu-site-verification" content="{{site.baidu_verify}}"/>
21
+ {% endif %}
22
+ {% if site.google_verify %}
23
+ <meta name="google-site-verification" content="{{ site.google_verify }}">
24
+ {% endif %}
25
+
26
+ {% if page.image.feature %}
27
+ <meta property="og:image" content="{{ site.url }}/images/{{ page.image.feature }}">
28
+ {% else %}
29
+ <meta property="og:image"
30
+ content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
31
+ {% endif %}
32
+
33
+ {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url |
34
+ remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
35
+ <link rel="canonical" href="{{ canonical }}">
36
+ <link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
37
+
38
+ <!-- http://t.co/dKP3o1e -->
39
+ <meta name="HandheldFriendly" content="True">
40
+ <meta name="MobileOptimized" content="320">
41
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
42
+
43
+ <link rel="stylesheet" href="{{ site.url }}/css/index.css">
44
+
45
+ <link href="//fonts.css.network/css?family=Lato:300,400,700,300italic,400italic" rel="stylesheet" type="text/css">
46
+
47
+ <meta http-equiv="cleartype" content="on">
48
+
49
+ <link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
50
+
51
+ {% if page.layout == "post" %}
52
+ <script src="{{site.assetUrl}}lazysizes.min.js" async></script>
53
+ {% endif %}
44
54
  </head>
@@ -1,4 +1,4 @@
1
- {% if page.previous.url %}
1
+ {% if page.previous.url and site.related_posts.size > 0%}
2
2
  <a class="read-more" href="{{ site.url }}{{ page.previous.url }}" title="{{ page.previous.url.title }}">
3
3
  <div class="read-more-header">
4
4
  <div class="read-more-btn">Read More</div>
data/_layouts/home.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html class="no-js" lang="en">
2
+ <html class="no-js" lang="{{site.lang}}">
3
3
 
4
4
  {% include head.html %}
5
5
 
data/_layouts/page.html CHANGED
@@ -1,5 +1,6 @@
1
1
  <!doctype html>
2
- <html class="no-js" lang="en">
2
+ <html class="no-js" lang="{{site.lang}}">
3
+
3
4
  {% include head.html %}
4
5
 
5
6
  <body id="page">
@@ -11,10 +12,12 @@
11
12
  <div class="entry-content">
12
13
  {{ content }}
13
14
  </div>
15
+
14
16
  {% if page.comments != false and site.disqus_shortname %}
15
17
  <section id="disqus_thread">Disqus is climbing the Great Fire Wall of China, Maybe She needs <a href="https://sodatea.github.io/2015/12/23/all-i-know-about-the-wall/" target="_blank" class="need_dotted">a ladder.</a>&nbsp;&nbsp; 🤦🏼‍️ 🤷🏼‍️
16
18
  </section>
17
19
  {% endif %}
20
+
18
21
  </article>
19
22
  </div>
20
23
 
data/_layouts/post.html CHANGED
@@ -1,8 +1,8 @@
1
1
  <!doctype html>
2
- <html class="no-js" lang="en">
2
+ <html class="no-js" lang="{{site.lang}}">
3
3
  {% include head.html %}
4
4
 
5
- <body id="post" {% if page.image.feature %}class="feature" {% endif %}>
5
+ <body id="post">
6
6
 
7
7
  {% include header.html %}
8
8
 
@@ -20,6 +20,7 @@
20
20
  {% endif %}
21
21
  </div>
22
22
  {% endif %}
23
+
23
24
  <h1 class="post-title entry-title">{{ page.title }}</h1>
24
25
 
25
26
  <h4 class="page-info">
@@ -29,18 +30,22 @@
29
30
  <div id="J_qr_code" class="qr-code" onmouseover="this.title='';"></div>
30
31
  </div>
31
32
  </h4>
33
+
32
34
  {{ content }}
33
35
 
34
36
  {% include buy-me-coffee.html %}
35
37
 
36
38
  </div>
39
+
37
40
  {% if page.comments != false and site.disqus_shortname %}
38
- <section id="disqus_thread">Disqus is climbing the Great Fire Wall of China, Maybe She needs <a href="https://sodatea.github.io/2015/12/23/all-i-know-about-the-wall/" target="_blank" class="need_dotted">a ladder.</a>&nbsp;&nbsp; 🤦🏼‍️ 🤷🏼‍️ </section>
41
+ <section id="disqus_thread">
42
+ Disqus is climbing the Great Fire Wall of China, Maybe She needs <a
43
+ href="https://sodatea.github.io/2015/12/23/all-i-know-about-the-wall/" target="_blank" class="need_dotted">a ladder.</a>&nbsp;&nbsp; 🤦🏼‍️ 🤷🏼‍️
44
+ </section>
39
45
  {% endif %}
40
46
 
41
- {% if site.related_posts.size > 0 %}
42
47
  {% include read-more.html %}
43
- {% endif %}
48
+
44
49
  </article>
45
50
  </div>
46
51
 
data/_sass/_page.scss CHANGED
@@ -641,3 +641,21 @@ body {
641
641
  cursor: -moz-zoom-in;
642
642
  cursor: zoom-in;
643
643
  }
644
+
645
+ .lazyload {
646
+ -webkit-filter: blur(4px);
647
+ filter: blur(4px);
648
+ opacity: 1;
649
+ transition: opacity 0.5s ease-in;
650
+ }
651
+
652
+ .lazyload,
653
+ .lazyloading {
654
+ -webkit-filter: blur(5px);
655
+ filter: blur(5px);
656
+ transition: filter 400ms, -webkit-filter 400ms;
657
+ }
658
+ .lazyloaded {
659
+ -webkit-filter: blur(0);
660
+ filter: blur(0);
661
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: cosy-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.7
4
+ version: 1.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Tw93
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-02-03 00:00:00.000000000 Z
11
+ date: 2017-02-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -106,6 +106,6 @@ rubyforge_project:
106
106
  rubygems_version: 2.6.8
107
107
  signing_key:
108
108
  specification_version: 4
109
- summary: cosy-jekyll-theme is a responsive and better reading experience blog template.
110
- No jQuery,And More concise,More geeks and Faster than other jekyll theme.
109
+ summary: cosy-jekyll-theme is a responsive blog template providing a good reading
110
+ experience. No jQuery,And More concise,More geeks and Faster than other jekyll theme.
111
111
  test_files: []