cosy-jekyll-theme 1.0.6 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 54a9727684b288b41e1aec598cb228e01dd22d9b
-  data.tar.gz: 3cdfed5027f43a508d535cdd824f0f4783aaaecb
+SHA256:
+  metadata.gz: f838ac032b12b10071d988d3f5ac025dd67796380296020e50ee19eb6dadbadd
+  data.tar.gz: cc05843569ec2b342549b5d16b737f9667308b313f99be634994c0ff702bb487
 SHA512:
-  metadata.gz: d2a4626e65bd51a2153175f3f76b9addaeda0ace5b8633df40c4beb98743ae1d2ff7097eeba4da48561d0282a929a227d5918e98c5e21bb7989c207514bb5736
-  data.tar.gz: bc4651ab860a1788fdf1e56dbc1a0e17e60f6383e0a1fd342619bd5251eb2e1c574c0bfd43843465e23851f8674021e3edf364241599b54d297a825bcc7d2f22
+  metadata.gz: 41afb787e2b2544b3d6545d0ac4b0599f831e04779f356df036870f0a471d6e46a92acdeff9f1635425cd5e42f6a3e9158e9f3dd9dea96ed811f25407f0b79e9
+  data.tar.gz: 9b27b69386e8b8bdf8aedc1c85e39c27037c13b4ff90b7bb8ec0663eedc862cd35e82d8fa55425630ed794dc546f0fb4467f783919988e487cf726b383d42fd8

data/License

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) [2017] [Tangwei]
+Copyright (c) [2017] [Tw93]
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.md

@@ -1,32 +1,59 @@
-## [tw93.github.io]((http://tw93.github.io/))
-- This is Tw93 Front-End Blog. The blog theme named [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is created by Tw93.
+## [tw93.github.io](http://tw93.github.io/)
+
+- This is Tw93's front-end technology blog.
+- Commonly used to record learning and research front-end technology.
+- Concerned about the front-end new technology and new thinking.
+- The blog theme named [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is created by [Tw93](http://tw93.github.io/about/).
 
 ## [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme)
-- Modern and minimal design. **No jQuery**, More concise、More geeks and Faster than other jekyll theme.
-- Responsive templates for post, page, and post index _layouts. Looks great on mobile, tablet, and desktop devices; also has a better reading experience.
-- More suitable for China. (You Know。。。
-  
-### PC Preview
 
-  ![demo.png](http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8ex7f19zj31kw19l11d.jpg)
+- cosy-jekyll-theme is a responsive blog template providing a good reading experience.
+- **No jQuery**, No other redundant resources.
+- Modern and minimal design, **More concise and Faster** than other jekyll theme.
+- **Responsive templates for post, page**,Looks great on mobile, tablet, and desktop devices.
+- **Loading resources selectively on different platforms.**
+- **Support Lazyload.**
+- Compress JavaScript and CSS.
+- By using SVG and Canvas Makes this blog more geeks.
+- When running in PC,It will show a QRcode that you can read on mobile.
+- When the picture in articles is **too complicated to see it clearly，you can zoom it in full-screen.** .
+- Funny [custom 404 page](http://tw93.github.io/err),You will like it.
+- **More suitable for China**:
+
+  - Dropping Google webfont, using proxy webfont.
+  - Delay loading of resources that are not immediately required.
+  - When Discus failed to load, It will be a good suggestion.
+  - Add Buy Me A Coffee by using WeChat payment.
+
+## [PC Preview](http://tw93.github.io/)
+
+![demo.png](http://gtms02.alicdn.com/tfs/TB1W3NFQVXXXXaUXpXXXXXXXXXX-2316-1537.jpg)
+
+## H5 Preview
 
-### H5 Preview
+<img src="http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8ex6yyh3j30xp1iy0z1.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8eyalu16j30xp1iyq7g.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8ex5vn9dj30xp1iyafo.jpg" width="290"/>
 
-   <img src="http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8ex6yyh3j30xp1iy0z1.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8eyalu16j30xp1iyq7g.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8ex5vn9dj30xp1iyafo.jpg" width="290"/>
+## QR code
 
-### QR code
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;![](http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8eyyn0msj305k05kglf.jpg)
+
+## How To Use
 
-  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;![](http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8eyyn0msj305k05kglf.jpg)
-  
-#### How To Use
 1. [Fork the repo](https://github.com/tw93/tw93.github.io)
-2. Clone down the repo with $ git clone git@github.com:username/reponame.git
-3. Install bundler with $ gem install bundler
-4. Install gems with $ bundle install
-5. Run Jekyll with $ npm run dev
-6. Begin hacking for your project
+2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
+3. Install bundler with `$ gem install bundler`
+4. Install gems with `$ bundle install`
+5. Run Jekyll with `$ npm run dev`
+6. Begin hacking for your project,You need modify `about.md` and `_config.yml`
 7. For more details, read [documentation](http://jekyllrb.com/)
 
-### License
+## Support
+
+- **Feel free to fork. I'll Appreciate it if you keep the Author & Github link at footer**.
+- Give it **a Star** if you like, fork or just clone to use.
+- Having a problem getting something to work or want to know why I setup something in a certain way? [File a GitHub Issue](https://github.com/tw93/tw93.github.io/issues/new).
+- If you make something cool with this theme feel free to let me know.
+
+## License
+
 - The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-- Last but not least,[cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is inspired by [neo-hpstr-jekyll-theme(MIT License)](http://github.com/aron-bordin/neo-hpstr-jekyll-theme).

data/_includes/buy-me-coffee.html

@@ -1,6 +1,6 @@
 {% if site.showBuyCoffee != false %}
 <div class="coffee">
   <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>
-  <img src="{{ site.payImage }}" class="my-pay-img" id="J_my_pay_image">
+  <img data-src="{{ site.payImage }}" class="my-pay-img lazyload" id="J_my_pay_image">
 </div>
 {% endif %}

data/_includes/footer.html

@@ -1,29 +1,46 @@
 <div class="footer-wrapper">
   <footer role="contentinfo">
-    <a href="https://github.com/tw93/tw93.github.io" rel="nofollow" target="_blank">&copy; {{ site.time | date: '%Y' }} Cosy Jekyll Theme By Tw93.</a>
+    &copy; {{ site.time | date: '%Y' }} Using <a href="https://github.com/tw93/tw93.github.io" rel="nofollow" target="_blank" class="need_dotted">cosy jekyll theme</a> by Tw93.
   </footer>
 </div>
 
-<script type="text/javascript" src="{{ site.url }}/js/index.js"></script>
+<script type="text/javascript" src="{{ site.url }}/js/index.min.js"></script>
 
 {% if site.google_analytics %}
-<!-- Asynchronous Google Analytics snippet -->
 <script type="text/javascript">
-  (function (i, s, o, g, r, a, m) {
-    i['GoogleAnalyticsObject'] = r;
-    i[r] = i[r] || function () {
-        (i[r].q = i[r].q || []).push(arguments)
-      }, i[r].l = 1 * new Date();
-    a = s.createElement(o),
-      m = s.getElementsByTagName(o)[0];
-    a.async = 1;
-    a.src = g;
-    m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+  setTimeout(function () {
+    (function (i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r;
+      i[r] = i[r] || function () {
+          (i[r].q = i[r].q || []).push(arguments)
+        }, i[r].l = 1 * new Date();
+      a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0];
+      a.async = 1;
+      a.src = g;
+      m.parentNode.insertBefore(a, m)
+    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 
-  ga('create', '{{ site.google_analytics }}', 'auto');
-  ga('require', 'linkid', 'linkid.js');
-  ga('send', 'pageview');
+    ga('create', '{{ site.google_analytics }}', 'auto');
+    ga('require', 'linkid', 'linkid.js');
+    ga('send', 'pageview');
+  }, 3000);
+</script>
+{% endif %}
+
+{% if page.comments != false %}
+<script type="text/javascript">
+  setTimeout(function(){
+    new Gitalk({
+        clientID: 'ca11229a5275e8e1c2fd',
+        clientSecret: '61557a125b1b9c0db677239575f816f64114845f',
+        repo: 'tw93.github.io',
+        owner: 'tw93',
+        admin: 'tw93',
+        id: md5(location.pathname),
+        distractionFreeMode: false
+      }).render('gitalk-container');
+  },300)
 </script>
 {% endif %}
 
@@ -35,7 +52,7 @@
   var string = hereDoc(function () {/*
 
 
-   _                               ___                  _____           _       _
+    _                               ___                  _____           _       _
    | |                             |_  |                /  ___|         (_)     | |
    | |     ___  __ _ _ __ _ __       | | __ ___   ____ _\ `--.  ___ _ __ _ _ __ | |_
    | |    / _ \/ _` | '__| '_ \      | |/ _` \ \ / / _` |`--. \/ __| '__| | '_ \| __|
@@ -43,39 +60,9 @@
    \_____/\___|\__,_|_|  |_| |_| \____/ \__,_| \_/ \__,_\____/ \___|_|  |_| .__/ \__|
 
 
-   Tw93 Stay hungry. Stay foolish.
-
+   This is Tw93's front-end technology blog, Commonly used to record learning and research front-end technology, Concerned about the front-end new technology and new thinking.
    */
   });
   console.log(string);
 </script>
 {% endif %}
-
-{% if page.comments != false and site.disqus_shortname %}
-<script type="text/javascript">
-  /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
-  var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
-
-  /* * * DON'T EDIT BELOW THIS LINE * * */
-  (function () {
-    var dsq = document.createElement('script');
-    dsq.type = 'text/javascript';
-    dsq.async = true;
-    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
-    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-  })();
-
-  /* * * DON'T EDIT BELOW THIS LINE * * */
-  (function () {
-    var s = document.createElement('script');
-    s.async = true;
-    s.type = 'text/javascript';
-    s.src = '//' + disqus_shortname + '.disqus.com/count.js';
-    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
-  }());
-</script>
-<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
-</noscript>
-{% endif %}
-
-

data/_includes/gitalk.html

@@ -0,0 +1,4 @@
+{% if page.comments != false %}
+<section id="gitalk-container"></section>
+{% endif %}
+

data/_includes/head.html

@@ -1,45 +1,56 @@
 <head>
-<meta charset="utf-8">
-<title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>
-<meta name="description" content="{{ site.description }}{% if page.categories %}{{ page.categories }}{% endif %}{% if page.summary %}{{ page.summary }}{% endif %}">
-{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
-
-<!-- Open Graph -->
-<meta property="og:locale" content="{{ site.locale }}">
-<meta property="og:type" content="article">
-<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
-<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
-<meta property="og:url" content="{{ site.url }}{{ page.url }}">
-<meta property="og:site_name" content="{{ site.title }}">
-<meta name="baidu-site-verification" content="kxGpkpWG7G" />
-
-{% if page.image.feature %}
-<meta property="og:image" content="{{ site.url }}/images/{{ page.image.feature }}">
-{% else %}
-<meta property="og:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
-{% endif %}
-
-{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
-<link rel="canonical" href="{{ canonical }}">
-<link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
-
-<!-- http://t.co/dKP3o1e -->
-<meta name="HandheldFriendly" content="True">
-<meta name="MobileOptimized" content="320">
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
-
-<link rel="stylesheet" href="{{ site.url }}/css/index.css">
-
-<link href="//fonts.proxy.ustclug.org/css?family=Lato:300,400,700,300italic,400italic" rel="stylesheet" type="text/css">
-
-<meta http-equiv="cleartype" content="on">
-
-
-<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
-
-{% if page.image.background or site.background %}
-{% capture background %}{% if page.image.background %}{{ page.image.background }}{% else %}{{ site.background }}{% endif %}{% endcapture %}
-{% unless background contains 'http://' or background contains 'https://' %}{% capture background %}{{ site.url }}/images/{{ background }}{% endcapture %}{% endunless %}
-<style type="text/css">body {background-image:url({{ background }});}</style>
-{% endif %}
+  <meta charset="utf-8">
+  <title>{% if page.layout =='post' or page.hideHomeActive or page.is404 %}{{ page.title }} - {% endif %}{{ site.title }}</title>
+  <meta name="description"
+        content="{{ site.description }}{% if page.categories %}{{ page.categories }}{% endif %}{% if page.summary %}{{ page.summary }}{% endif %}">
+  {% if page.tags %}
+  <meta name="keywords" content="{{ page.tags | join: ', ' }}">
+  {% endif %}
+  <!-- Open Graph -->
+  <meta property="og:locale" content="{{ site.locale }}">
+  <meta property="og:type" content="article">
+  <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta property="og:description"
+        content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <meta property="og:url" content="{{ site.url }}{{ page.url }}">
+  <meta property="og:site_name" content="{{ site.title }}">
+
+  {% if site.baidu_verify %}
+  <meta name="baidu-site-verification" content="{{site.baidu_verify}}"/>
+  {% endif %}
+
+  {% if site.google_verify %}
+  <meta name="google-site-verification" content="{{ site.google_verify }}">
+  {% endif %}
+
+  {% if page.image.feature %}
+  <meta property="og:image" content="{{ site.url }}/images/{{ page.image.feature }}">
+  {% else %}
+  <meta property="og:image"
+        content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
+  {% endif %}
+
+  {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url |
+  remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
+  <link rel="canonical" href="{{ canonical }}">
+  <link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
+
+  <!-- http://t.co/dKP3o1e -->
+  <meta name="HandheldFriendly" content="True">
+  <meta name="MobileOptimized" content="320">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+
+  <link rel="stylesheet" href="{{ site.url }}/css/index.css">
+
+  <meta http-equiv="cleartype" content="on">
+
+  <link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
+
+  {% if page.layout == "post" %}
+  <script src="//gw.alipayobjects.com/os/rmsportal/PIYOQOcFoeIvZLKgqukk.js" async></script>
+  {% endif %}
+
+  {% if page.comments != false %}
+  <script src="//gw.alipayobjects.com/os/rmsportal/hLaEIutAxSUpcpcRhdtd.js" async></script>
+  {% endif %}
 </head>

data/_includes/header.html

@@ -32,9 +32,9 @@
   <svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
     <path id="svg-title-path">
-      <animate attributeName="d" from="m0,110 h0" to="m0,110 h1100" dur="1s" repeatCount="1" fill="freeze" begin="0s" />
+      <animate attributeName="d" from="m0,110 h0" to="m0,110 h1100" dur="2s" repeatCount="1" fill="freeze" begin="0s" />
     </path>
-    <text font-size="36" fill='#ffffff' x="50%" y="50%" text-anchor="middle">
+    <text font-size="36" fill='#ffffff' x="50%" y="50%" text-anchor="middle" word-spacing="4" letter-spacing="1">
       <textPath xlink:href="#svg-title-path">{{ page.title }}</textPath>
     </text>
   </svg>

data/_includes/read-more.html

@@ -1,4 +1,4 @@
-{% if page.previous.url %}
+{% if page.previous.url and site.related_posts.size > 0 and page.previous.hide !=true%}
 <a class="read-more" href="{{ site.url }}{{ page.previous.url }}" title="{{ page.previous.url.title }}">
   <div class="read-more-header">
     <div  class="read-more-btn">Read More</div>

data/_layouts/home.html

@@ -1,17 +1,11 @@
 <!doctype html>
-<html class="no-js" lang="en">
-
+<html class="no-js" lang="{{site.lang}}">
 {% include head.html %}
-
 <body id="post-index">
-
 {% include header.html %}
-
 <div id="main" role="main">
   {{ content }}
 </div>
-
 {% include footer.html %}
-
 </body>
 </html>

data/_layouts/page.html

@@ -1,23 +1,16 @@
 <!doctype html>
-<html class="no-js" lang="en">
+<html class="no-js" lang="{{site.lang}}">
 {% include head.html %}
-
 <body id="page">
-
 {% include header.html %}
-
 <div id="main" role="main">
   <article class="hentry">
     <div class="entry-content">
       {{ content }}
     </div>
-    {% if page.comments != false and site.disqus_shortname %}
-    <section id="disqus_thread">Disqus评论正在推倒墙......</section>
-    {% endif %}
+    {% include gitalk.html %}
   </article>
 </div>
-
 {% include footer.html %}
-
 </body>
 </html>

data/_layouts/post.html

@@ -1,27 +1,12 @@
 <!doctype html>
-<html class="no-js" lang="en">
+<html class="no-js" lang="{{site.lang}}">
 {% include head.html %}
-
-<body id="post" {% if page.image.feature %}class="feature" {% endif %}>
-
+<body id="post">
 {% include header.html %}
-
 <div id="main" role="main">
   <article class="hentry">
     <div class="entry-content">
-
-      {% if page.image.feature %}
-      <div class="entry-image-index">
-        <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }}">
-        {% if page.image.credit %}
-        <div class="image-credit">Image source:
-          <a target="_blank" href="{{ page.image.creditlink }}">{{page.image.credit }}</a>
-        </div>
-        {% endif %}
-      </div>
-      {% endif %}
       <h1 class="post-title entry-title">{{ page.title }}</h1>
-
       <h4 class="page-info">
         <span>Categories:&nbsp;&nbsp;{{page.categories}}</span>
         <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%Y-%m-%d" }}</time>
@@ -30,21 +15,12 @@
         </div>
       </h4>
       {{ content }}
-
       {% include buy-me-coffee.html %}
-
     </div>
-    {% if page.comments != false and site.disqus_shortname %}
-    <section id="disqus_thread">Disqus评论正在推倒墙......</section>
-    {% endif %}
-
-    {% if site.related_posts.size > 0 %}
+    {% include gitalk.html %}
     {% include read-more.html %}
-    {% endif %}
   </article>
 </div>
-
 {% include footer.html %}
-
 </body>
 </html>