jekyll-theme-mdui 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ab00294c8ea9ce48a3d14edc59e2fb1642136560
-  data.tar.gz: 973ad6cf99d1a30d767a412a6a0d7aebee648583
+  metadata.gz: ac2bd0c0f0ccad2815364e221a107a7dd5f6492d
+  data.tar.gz: e1335725c0a2f89f1f9d99c4ac97b8a2f9bf6401
 SHA512:
-  metadata.gz: 971edcdd246fdefe090aa15c7500ea8b05d1012622986f51ff90345eb1d7c37d8447baeceecbbc28d6eba86981054d21ab04b4f2e9c36a08ee305e730333a499
-  data.tar.gz: 95cbb8f7dfaa1423b2df9125f390c840bb28519b79d1e74ca5aeb107293b6c7aee383fec79bb21630b251a35eb57a808f8cb345e0c97b4ca4cb809ee633b00ac
+  metadata.gz: bc2aa06531044ccbf899c300d19317a7c976bcab2f9426d70e492478d65d1fe2d6a6f1f56ddbd9a23fed2521ed75375a8a3685025ab9f6def62b42c641a501e2
+  data.tar.gz: 5234762aba5713ef7602f96f14bcbedac19e2ed2a8cc09920993c424566bb8dc6c7f02267fe9335f937668c6d2a3f3f0c58a492d73fa7d7a25e2bb3b3ce8202b

data/README.md

@@ -4,7 +4,7 @@ A Jekyll theme based on mdui
 
 [demo](https://blog.kejun.space)
 
-[![Version](https://img.shields.io/badge/version-0.3.0-green.svg?style=flat-square)]()
+[![Version](https://img.shields.io/badge/version-0.4.0-green.svg?style=flat-square)]()
 [![Jekyll](https://img.shields.io/badge/Jekyll-3.4+-green.svg?style=flat-square)](https://jekyllrb.com/)
 [![Gem](https://img.shields.io/gem/dt/jekyll-theme-mdui.svg?style=flat-square)](https://rubygems.org/gems/jekyll-theme-mdui/)
 
@@ -16,6 +16,8 @@ A Jekyll theme based on mdui
 
 ## Installation
 
+**Now,we have `build` branch ,you can clone this branch to install.**
+
 We have two ways to install themes.
 
 But,**We recommend you use the second ways.**
@@ -108,31 +110,48 @@ Default does not display the editor.If you want the editor to appear in the menu
 ```
 Supported:bilibili,facebook,github,gplus,instagram,linkedin,telegram,tumblr,twitter,weibo,zhihu
 
-* site.yml
+* **site.yml**
 ```yml
 head: 
-   favicon: "https://ooo.0o0.ooo/2017/05/27/59294212bc16e.png" # 网站的favicon
-   high_res_favicon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" # 高清favicon
-   apple_touch_icon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" # ios主屏按钮图标
-   keywords: "blog jekyll mdui theme" # 页面关键字
+   favicon: "https://ooo.0o0.ooo/2017/05/27/59294212bc16e.png" #  the favicon
+   high_res_favicon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" #  the favicon using high quality format
+   apple_touch_icon: "https://ooo.0o0.ooo/2017/06/08/5939484dc618e.png" # the iOS Home button icon
+   keywords: "blog jekyll mdui theme" #  the site keywords
+
 uiux:
-   android_chrome_color: "#607D8B" # 安卓 Chrome 浏览器的地址栏颜色。
-   nprogress_color: "#29d" # 页面加载时顶部加载进度条的颜色。
-   nprogress_buffer: 200 # 页面加载时顶部加载进度条的缓冲时间。
+   android_chrome_color: "#eeeeee" #  the color of the Chrome address bar
+   nprogress_color: "#29d" #  the color of the top loading progress bar
+   nprogress_buffer: 200 # the top loading progress bar buffers
+
 background: 
-   purecolor: "#eeeeee" # 背景颜色
+   purecolor: "#eeeeee" # the background color
+
 img: 
-   avatar: "https://ooo.0o0.ooo/2017/05/26/5928368d409dd.png" # 你的头像设置。
-card: # 首页卡片
-   card_shadow: 1 # 卡片阴影 0-24,0为不显示
-   card_hoverable: false # 悬浮时加深阴影
+   avatar: "https://ooo.0o0.ooo/2017/05/26/5928368d409dd.png" # your avatar
+
+card: 
+   card_shadow: 1 # card shadow (0-24), 0 is not displayed
+   card_hoverable: false # When the hover to deepen the shadow
+
+sns_share: # SNS Share Switch
+   twitter: true
+   facebook: false
+   googleplus: false
+   weibo: true
+   linkedin: false
+   qq: true
+   telegram: true
+
 disqus:
-   disqus_shortname: "kejun" # Your disqus 
-   disqus_proxy: false
-   disqus_proxy_url: "" # disqus proxy(Do not use)
+   disqus_shortname: "" # Your disqus 
+   disqus_button: true # disqus load button
+   disqus_proxy: false # # disqus proxy(Do not use)
+   disqus_proxy_url: "" # (Do not use)
    disqus_api_key: "" # (Do not use)
-google_analytics: "" # (Do not use)
-lang: "zh-CN"  # lang
+
+google_analytics: ""  # google analytics code
+
+lang: "en-US"  # lang
 ```
 
 ### manifest.json
@@ -186,15 +205,17 @@ Add the following format to your posts:
 ### file
 If you use the first ways to install, you need to download the following files to your jekyll website root directory Or create a new file,And replace it with your own information:
 
-* mainifest.json
-* sw.js
-* search.json
-* tags.json
-* _data/friends.yml
-* _data/menus.yml
-* _data/sns.yml
-* assets/images/touch/*
-* pages/*
+|files|Required or Optional|Description|
+|---  |---                 |---        |
+|mainifest.json|Optional   |Is the only file that every WebExtension must contain.See [here](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json).|
+|sw.js|Optional            |Service Workers.See [here](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers).|
+|search.json|Optional|If you use the search page, it is required.|
+|tags.json|Optional|If you use the tags page, it is required.|
+|_data/friends.yml|Optional|If you use the friends page, it is required.|
+|_data/sns.yml|Optional|It is footer sns,if you want userd, it is required.|
+|_data/site.yml|Required|It is theme config.|
+|_data/lang.yml|Required|It is language config.|
+|_data/menus.yml|Required|It is site menus config.|
 
 How to use? See Usage.
 
@@ -203,9 +224,10 @@ How to use? See Usage.
 If you use the first ways to install, You will not be able to use service workers!!!!
 
 Why? See `sw.js` content.
+
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Bug reports and pull requests are welcome on GitHub at https://github.com/KeJunMao/jekyll-theme-mdui. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 
 ## Development
 
@@ -213,7 +235,7 @@ To set up your environment to develop this theme, run `bundle install`.
 
 Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
 
-When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
+When your theme is released, only the files in `_layouts`, `_includes`, and `assets` tracked with Git will be released.
 
 ## License
 

data/_includes/disqus.html

@@ -1,9 +1,18 @@
+{% if  site.data.site.lang == 'zh-CN' %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% else %}
+{% assign lang = site.data.lang.en-US %}
+{% endif %}
 {% if site.data.site.disqus.disqus_shortname != "" %}
 <div class="mdui-divider"></div>
     {% if site.data.site.disqus.disqus_proxy == false %}
-    <button id="load-disqus" class="mdui-btn mdui-btn-block mdui-center" onclick="disqus.load();" data="{{ site.data.site.disqus.disqus_shortname }}">阅读评论 「请确保 Disqus 可以正常加载」</button>
+    {% if site.data.site.disqus.disqus_button == true %}
+    <button id="load-disqus" class="mdui-btn mdui-btn-block mdui-center" onclick="disqus.load();" data="{{ site.data.site.disqus.disqus_shortname }}">{{lang.post.comments_load_button}}</button>
+    <div id="disqus_thread"></div>
+    {% else %}
     <div id="disqus_thread"></div>
     {% endif %}
+    {% endif %}
 {% if site.data.site.disqus.disqus_proxy %}
 <div class="mdui-divider"></div>
 <div id="disqusreadonly" style="padding-top: 16px;">

data/_includes/qrcode.html

@@ -0,0 +1,20 @@
+{% if  site.data.site.lang == 'zh-CN' %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% else %}
+{% assign lang = site.data.lang.en-US %}
+{% endif %}
+    <button class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '{{lang.post.qrcode }}', delay: 100}" mdui-menu="{target: '#k-qrcode',align:'right',covered:false}"><i class="mdui-icon material-icons">devices other</i></button>
+    <ul  class="mdui-menu mdui-menu-cascade" id="k-qrcode">
+        <li class="mdui-menu-item">
+            <a class="mdui-text-center" href="javascript:;" class="mdui-ripple">{{lang.post.qrcodeContent}}</a>
+        </li>
+        {% if  site.data.site.lang == 'zh-CN' %}
+        <li class="mdui-menu-item">
+            <img class="mdui-center" src="https://pan.baidu.com/share/qrcode?w=200&h=200&url={{page.url | absolute_url |url_encode}}" alt="">
+        </li>
+        {% else %}
+        <li class="mdui-menu-item">
+            <img class="mdui-center" src="https://chart.googleapis.com/chart?chs=210x210&cht=qr&chl={{page.url | absolute_url |url_encode}}" alt="">
+        </li>
+        {% endif %}
+    </ul>

data/_includes/script.html

@@ -82,7 +82,7 @@ $(function(){
 <!--/* search-script-end */-->
 <!--/* post-script-start */-->
 {% if page.layout == "post" or page.layout == "page"%}
-
+{% if site.data.site.disqus.disqus_button == true  %}
 <script>
 /* Disqus */
 var disqus = {
@@ -100,6 +100,22 @@ var disqus = {
     }
 };
 </script>
+{% else %}
+<script>
+    function disqus(){
+        var disqus_shortname = '{{ site.data.site.disqus.disqus_shortname }}';
+        if(typeof DISQUS !== 'object') {
+            (function () {
+                var s = document.createElement('script'); s.async = true;
+                s.type = 'text/javascript';
+                s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+                (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+            }());
+        }
+    }
+    disqus();
+</script>
+{% endif %}
 {% endif %}
 
 {% if page.layout == "post" %}

data/_includes/sns_share.html

@@ -0,0 +1,43 @@
+{% if  site.data.site.lang == 'zh-CN' %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% else %}
+{% assign lang = site.data.lang.en-US %}
+{% endif %}
+    <button class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '{{lang.share.share }}', delay: 100}" mdui-menu="{target: '#k-sns_share',align:'right',covered:false}"><i class="mdui-icon material-icons">&#xe80d;</i></button>
+    <ul class="mdui-menu" id="k-sns_share">
+        {% if site.data.site.sns_share.weibo == true %}
+        <li class="mdui-menu-item">
+            <a href="http://service.weibo.com/share/share.php?appkey=&title={{page.title}}&url={{page.url | absolute_url }}&pic=&searchPic=false&style=simple" target="_blank" class="mdui-ripple">{{lang.share.toWeibo }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.twitter == true %}
+        <li class="mdui-menu-item">
+            <a href="https://twitter.com/intent/tweet?text={{page.title}}&url={{page.url | absolute_url }}&via={{site.author}}" target="_blank" class="mdui-ripple">{{lang.share.toTwitter }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.facebook == true %}
+        <li class="mdui-menu-item">
+            <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url | absolute_url }}" target="_blank" class="mdui-ripple">{{lang.share.toFacebook }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.googleplus == true %}
+        <li class="mdui-menu-item">
+            <a href="https://plus.google.com/share?url={{page.url | absolute_url }}" target="_blank" class="mdui-ripple">{{lang.share.toGoogleplus }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.linkedin == true %}
+        <li class="mdui-menu-item">
+            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{page.url | absolute_url }}&title={{page.title}}" target="_blank" class="mdui-ripple">{{lang.share.toLinkedin }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.qq == true %}
+        <li class="mdui-menu-item">
+            <a href="http://connect.qq.com/widget/shareqq/index.html?site={{site.title}}&title={{page.title}}&summary={{ page.excerpt | strip_html}}&pics={{site.data.site.head.favicon | absolute_url }}&url={{page.url | absolute_url }}" target="_blank" class="mdui-ripple">{{lang.share.toQq }}</a>
+        </li>
+        {% endif %}
+        {% if site.data.site.sns_share.telegram == true %}
+        <li class="mdui-menu-item">
+            <a href="javascript:;" target="_blank" class="mdui-ripple">{{lang.share.toTelegram }}</a>
+        </li>
+        {% endif %}
+    </ul>

data/_layouts/home.html

@@ -1,6 +1,11 @@
 ---
 layout: default
 ---
+{% if  site.data.site.lang == 'zh-CN' %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% else %}
+{% assign lang = site.data.lang.en-US %}
+{% endif %}
 <div class="k-container">
   <div class="k-posts-list">
     {% for post in paginator.posts %}
@@ -12,8 +17,8 @@ layout: default
           </div>
         </div>
       </div>
-      <div class="mdui-card-content mdui-text-color-black-secondary">
-        {{ post.excerpt | strip_html}} <a class="mdui-typo" href="{{post.url | prepend: site.baseurl}}">阅读更多</a>
+      <div class="mdui-card-content mdui-text-color-black-secondary mdui-typo">
+        {{ post.excerpt | strip_html}} <a href="{{post.url | prepend: site.baseurl}}">{{lang.post.continue}}</a>
       </div>
       <div class="mdui-divider"></div>
       <div class="mdui-card-header">

data/_layouts/post.html

@@ -14,6 +14,10 @@ layout: default
                     </div>
                 </div>
                 <div class="mdui-card-header">
+                    <div class="mdui-card-menu">
+                    {% include qrcode.html %}
+                    {% include sns_share.html %}
+                    </div>
                     <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
                     <div class="mdui-card-header-title">{{site.author}}</div>
                     <div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>

data/assets/css/main.css

@@ -2,6 +2,11 @@
 layout: compress
 ---
 
+#k-qrcode{
+    padding-bottom: 0px;
+    width: 215px;
+}
+
 body{
     transition: opacity .2s;
     opacity: 1!important;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-mdui
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - KeJun
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-06-09 00:00:00.000000000 Z
+date: 2017-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -82,7 +82,9 @@ files:
 - _includes/header.html
 - _includes/main.html
 - _includes/note.html
+- _includes/qrcode.html
 - _includes/script.html
+- _includes/sns_share.html
 - _includes/test.html
 - _includes/tips.html
 - _includes/toc.html