updated to v1.3.3

Author: bennyxguo

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 🚀 1.3.3 (Oct 23, 2019)
+
+### Features ✨
+- Added social sharing feature - [`share.js`](https://github.com/overtrue/share.js)
+
+### Changes 🙌
+- Changed the loading icon to `Load Awesome`'s `la-ball-atom`. - [`Load Awesome`](https://github.com/danielcardoso/load-awesome)
+
 ## 🚀 1.3.2 (Oct 21, 2019)
 
 ### Changes 🙌

README.md

@@ -1,8 +1,8 @@
 # Hexo-theme-obsidian
 > A dark Hexo theme, it's responsive, simple but elegant.
 
-- `Latest version: v1.3.2`
-- `Last updated at: 2019-10-21`
+- `Latest version: v1.3.3`
+- `Last updated at: 2019-10-23`
 
 **[PREVIEW](http://tridiamond.me)** |
 **[中文文档](https://github.com/TriDiamond/hexo-theme-obsidian/blob/master/README_CN.md)** |
@@ -34,7 +34,6 @@ theme: obsidian
 Open `/themes/obsidian/_config.yml` can change the theme configs
 
 ``` yaml
-
 #! ---------------------------------------------------------------
 #! Obsidian theme use manual highlight.js
 #! To maintain the code block css display properly
@@ -160,6 +159,12 @@ html_truncate:
 busuanzi:
   enable: true
 
+# Enable social media sharing
+# see https://github.com/overtrue/share.js/
+sharejs:
+  enable: true
+  disabled: 'facebook,douban,linkedin,diandian,tencent,google'
+  
 ```
 
 ### Comments
@@ -168,14 +173,18 @@ You can choose from using Valine or Gitalk
 
 - If you are using `Valine`, you need to turn off `busuanzi`, because Valine has article view count support.
 - If you are using `Gitalk`, you may turn on `busuanzi`, to have article view count enable.
-```
 
 ### Code block style
 
 > Turn off default `highlight` to ensure code block style display properly. 
   Because Obsidian theme use manual highlight.js
   To maintain the code block css display properly
   please change your default highlight setting as off!!
+  
+Hexo configuration file `_config.yml` located at the ROOT path of your blog.
+
+> ⚠️ Please note do not make these changes in the theme's config file, 
+  changing configs in the theme config file `_config.yml` will not work properly. 
 
 ```yaml
 ...
@@ -189,7 +198,7 @@ highlight:
 ...
 ```
 
-> Rebuild files after you changed the config
+Rebuild files after you changed the config
 
 ```bash
 hexo clean && hexo g

README_CN.md

@@ -1,8 +1,8 @@
 # Hexo-theme-obsidian
 > 一款暗色的Hexo主题, 拥有响应式布局, 简约而优雅.
 
-- `最新版本: v1.3.2`
-- `最后更新时间: 2019-10-21`
+- `最新版本: v1.3.3`
+- `最后更新时间: 2019-10-23`
 
 **[预览](http://tridiamond.me)** |
 **[English Doc](https://github.com/TriDiamond/hexo-theme-obsidian/blob/master/README.md)** |
@@ -157,6 +157,12 @@ html_truncate:
 busuanzi:
   enable: true
 
+# Sharejs 分享
+# see https://github.com/overtrue/share.js/
+sharejs:
+  enable: true
+  disabled: 'facebook,douban,linkedin,diandian,tencent,google'
+  
 ```
 
 ### 评论插件
@@ -166,12 +172,15 @@ busuanzi:
 - 如果你是使用 `Valine`, 你需要关闭 `busuanzi`, 因为 Valine 自带有文章浏览量统计.
 - 如果你是使用 `Gitalk`, 你可以打开 `busuanzi` 文章详情页就会显示文章浏览量统计.
 
-
 ### 代码块样式
 
 > 因为Obsidian theme 使用手动启用 highlight.js 代码高亮
   为了可以正常显示代码高亮的样式
   请务必在hexo默认配置里面关闭`highlight`。
+  
+在博客根目录的`_config.yml`修改
+
+> ⚠️ 注意不是主题里面的`_config.yml`，在主题里面加这个是无效的哦
 
 ```yaml
 ...
@@ -185,7 +194,7 @@ highlight:
 ...
 ```
 
-> 修改了默认highlight配置后需要重新生成文件
+修改了默认highlight配置后需要重新生成文件
 
 ```bash
 hexo clean && hexo g

_config.yml

@@ -130,3 +130,8 @@ html_truncate:
 # see http://ibruce.info/2015/04/04/busuanzi/
 busuanzi:
   enable: true
+
+#Enable social media sharing
+sharejs:
+  enable: true
+  disabled: 'facebook,douban,linkedin,diandian,tencent,google'

layout/_partial/head.ejs

@@ -35,7 +35,9 @@ var description = '';
     <% if (theme.favicon){ %><link rel="icon" href="<%- url_for(theme.favicon) %>"> <% } %>
     <link href="/font/Rubik-Bold-kern-latin.woff2" as="font" type="font/woff2" crossorigin="">
     <link href="/font/Rubik-Regular-kern-latin.woff2" as="font" type="font/woff2" crossorigin="">
-    <%- css(['//at.alicdn.com/t/font_1429596_7jr8c7mf4wi.css'])%>
+    <%- css(['//at.alicdn.com/t/font_1429596_nuy6s3evgdk.css'])%>
     <%- css(['//cdn.bootcss.com/animate.css/3.7.2/animate.min.css'])%>
+    <%- css(['//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css'])%>
     <%- css(['css/obsidian.css'])%>
+    <%- css(['css/ball-atom.min.css'])%>
 </head>

layout/_partial/post/header.ejs

@@ -1,18 +1,20 @@
 <div class="scrollbar gradient-bg-rev"></div>
 <div id="top" style="display: block;">
     <div class="bar" style="width: 0;"></div>
-    <a id="home-icon" class="image-icon icon-home iconfont" href="javascript:;" data-url="<%= config.url %>"></a>
-    <div id="play-icon" title="Play/Pause" class="iconfont icon-play"></div>
+    <a id="home-icon" class="image-icon icon-home iconfont animated fadeIn" href="javascript:;" data-url="<%= config.url %>"></a>
+    <div id="play-icon" title="Play/Pause" class="iconfont icon-play animated fadeIn"></div>
     <h3 class="subtitle"><%- page.title %></h3>
     <div class="social">
 <!--        <div class="like-icon">-->
 <!--            <a href="javascript:;" class="likeThis active"><span class="icon-like"></span><span class="count">76</span></a>-->
 <!--        </div>-->
-<!--        <div>-->
-<!--            <div class="share">-->
-<!--                <a title="Get qrcode" id="qr-icon" href="javascript:;" class="iconfont icon-QRcode-o"></a>-->
-<!--            </div>-->
-<!--            <div id="qr"></div>-->
-<!--        </div>-->
+        <div>
+            <div class="share animated fadeIn">
+                <% if (theme.sharejs && theme.sharejs.enable == true) { %>
+                    <a href="javascript:;" class="iconfont icon-share1"></a>
+                    <div class="share-component-cc" data-disabled="<%= theme.sharejs.disabled || '' %>"></div>
+                <% } %>
+            </div>
+        </div>
     </div>
 </div>

layout/_partial/scripts.ejs

@@ -5,6 +5,7 @@
 <%- js(['//cdn.bootcss.com/jquery/3.4.1/jquery.min.js', 'js/plugin.js', 'js/obsidian.js', 'js/jquery.truncate.js'])%>
 <%- js(['//cdn.bootcss.com/typed.js/2.0.10/typed.min.js']) %>
 <%- js(['//cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js']) %>
+<%- js(['//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js']) %>
 
 <% if (theme.busuanzi.enable == true) { %>
     <%- js(['js/busuanzi.min.js']) %>

layout/layout.ejs

@@ -1,5 +1,11 @@
 <%- partial('_partial/head') %>
 <body class="loading">
+    <div class="la-ball-atom la-2x">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
     <span id="config-title" style="display:none"><%= config.title %></span>
     <div id="loader"></div>
     <%- body %>
@@ -19,8 +25,8 @@
         Theme
         <span class="gradient-text">
             <%- link_to("https://github.com/TriDiamond/hexo-theme-obsidian", "Obsidian", {external: true})%>
-            <small><%- link_to("https://github.com/TriDiamond/hexo-theme-obsidian/blob/master/CHANGELOG.md", theme.version, {external: true})%></small>
         </span>
+        <small><%- link_to("https://github.com/TriDiamond/hexo-theme-obsidian/blob/master/CHANGELOG.md", 'v'+theme.version, {external: true})%></small>
     </p>
 </footer>
 <%- partial('_partial/scripts', null, {cache: true}) %>