From 74ca4f723b4024947cd145c9991bae4070566e8a Mon Sep 17 00:00:00 2001
From: xaoxuu <xaoxuu@gmail.com>
Date: Sat, 27 Feb 2021 20:08:36 +0800
Subject: [PATCH] toast

---
 _config.yml                                 |  6 ++---
 languages/en.yml                            |  3 +++
 languages/zh-CN.yml                         |  3 +++
 languages/zh-TW.yml                         |  3 +++
 layout/_partial/main/article/references.ejs | 16 +++++++++----
 layout/_partial/sidebar/index.ejs           |  9 +++++++-
 source/css/_plugins/common/toast.styl       | 15 +++++++++++++
 source/js/main.js                           | 25 +++++++++++++++++----
 8 files changed, 68 insertions(+), 12 deletions(-)
 create mode 100644 source/css/_plugins/common/toast.styl

diff --git a/_config.yml b/_config.yml
index 99f64ab..b040148 100755
--- a/_config.yml
+++ b/_config.yml
@@ -87,11 +87,11 @@ footer:
     - icon: '<img src="https://7.dusays.com/2021/02/14/25678f144c438.svg"/>'
       url: /atom.xml
     - icon: '<img src="https://7.dusays.com/2021/02/14/08a41b181ce68.svg"/>'
-      url: https://github.com/xaoxuu
+      url: /
     - icon: '<img src="https://7.dusays.com/2021/02/14/cf1ae151f9e83.svg"/>'
-      url: https://music.163.com/#/user/home?id=63035382
+      url: /
     - icon: '<img src="https://7.dusays.com/2021/02/14/942ebbf1a4b91.svg"/>'
-      url: /comments/
+      url: /
   license: '[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)'
   source: #'[GitHub](https://github.com/xaoxuu/hexo-theme-stellar)'
 
diff --git a/languages/en.yml b/languages/en.yml
index 2d3cdf8..b836186 100755
--- a/languages/en.yml
+++ b/languages/en.yml
@@ -49,6 +49,9 @@ page:
   filter: "%s's %s has %s articles"
   wiki: "%s has %s %s in total"
 
+message:
+  copied: Copied!
+
 symbol:
   comma: ", "
   period: ". "
diff --git a/languages/zh-CN.yml b/languages/zh-CN.yml
index 54a51e5..3153045 100755
--- a/languages/zh-CN.yml
+++ b/languages/zh-CN.yml
@@ -49,6 +49,9 @@ page:
   filter: '%s的%s共有%s篇文章'
   wiki: '%s共有%s个%s'
 
+message:
+  copied: 复制成功
+
 symbol:
   comma: "，"
   period: "。"
diff --git a/languages/zh-TW.yml b/languages/zh-TW.yml
index fb068d2..995b077 100755
--- a/languages/zh-TW.yml
+++ b/languages/zh-TW.yml
@@ -49,6 +49,9 @@ page:
   filter: '%s的%s共有%s篇文章'
   wiki: '%s共有%s个%s'
 
+message:
+  copied: 複製成功
+
 symbol:
   comma: "，"
   period: "。"
diff --git a/layout/_partial/main/article/references.ejs b/layout/_partial/main/article/references.ejs
index 389ffe5..153270c 100644
--- a/layout/_partial/main/article/references.ejs
+++ b/layout/_partial/main/article/references.ejs
@@ -13,7 +13,12 @@ function layoutDiv() {
     el += '<div class="body"><ul>';
     page.references.forEach((item, i) => {
       el += '<li class="post-title">';
-      el += '<a href="' + item.url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+      el += '<a href="' + item.url + '"';
+      if (item.url.includes('://')) {
+        el += ' target="_blank" rel="external nofollow noopener noreferrer">';
+      } else {
+        el += ' rel="noopener noreferrer">';
+      }
       el += item.title || item.url;
       el += '</a>';
       el += '</li>';
@@ -44,9 +49,12 @@ function layoutDiv() {
       el += '<div class="social-wrap">';
       theme.article.share.forEach((item, i) => {
         if (['wechat', 'weibo', 'email', 'link'].includes(item)) {
-          el += '<a class="social share-item ' + item + '" target="_blank" rel="external nofollow noopener noreferrer"';
+          el += '<a class="social share-item ' + item + '"';
+          if (item == 'weibo') {
+            el += ' target="_blank" rel="external nofollow noopener noreferrer"';
+          }
           if (item == 'wechat') {
-            el += ' onclick="util.toggle_qrcode()"';
+            el += ' onclick="util.toggle(&quot;qrcode-wechat&quot)"';
           } else if (item == 'weibo') {
             el += ' href="https://service.weibo.com/share/share.php?url=' + page.permalink;
             el += '&title=' + (page.seo_title || page.title) + ' - ' + config.title;
@@ -61,7 +69,7 @@ function layoutDiv() {
             el += ' href="mailto:?subject=' + (page.title || page.seo_title) + ' - ' + config.title + '&amp;'
             el += 'body=' + page.permalink + '"';
           } else if (item == 'link') {
-            el += ' onclick="util.copy_link()"';
+            el += ' onclick="util.copy(&quot;copy-link&quot;, &quot;' + __('message.copied') + '&quot;)"';
           }
           el += '>';
           if (item == 'wechat') {
diff --git a/layout/_partial/sidebar/index.ejs b/layout/_partial/sidebar/index.ejs
index fde920a..948cb2b 100755
--- a/layout/_partial/sidebar/index.ejs
+++ b/layout/_partial/sidebar/index.ejs
@@ -14,7 +14,14 @@ function layoutFooterDiv() {
     var el = '<footer class="footer"><div class="social-wrap">';
     theme.footer.social.forEach(item => {
       if (item.icon && item.url) {
-        el += '<a class="social" href="' + url_for(item.url) + '" target="_blank" rel="external nofollow noopener noreferrer">' + item.icon + '</a>';
+        el += '<a class="social" href="' + url_for(item.url) + '"';
+        if (item.url.includes('://')) {
+          el += ' target="_blank" rel="external nofollow noopener noreferrer">';
+        } else {
+          el += ' rel="noopener noreferrer">';
+        }
+        el += item.icon;
+        el += '</a>';
       }
     });
     el += '</div></footer>';
diff --git a/source/css/_plugins/common/toast.styl b/source/css/_plugins/common/toast.styl
new file mode 100644
index 0000000..30ee552
--- /dev/null
+++ b/source/css/_plugins/common/toast.styl
@@ -0,0 +1,15 @@
+div.toast
+  max-width: 60%
+  padding: 2rem 3rem
+  line-height: 1.5
+  color: var(--text-p1)
+  font-weight: 500
+  text-align: center
+  border-radius: $border-card
+  background: var(--card)
+  position: fixed
+  top: 50%
+  left: 50%
+  transform: translate(-50%, -50%)
+  z-index: 9
+  box-shadow: $boxshadow-float
diff --git a/source/js/main.js b/source/js/main.js
index a44f094..eb89930 100644
--- a/source/js/main.js
+++ b/source/js/main.js
@@ -127,22 +127,39 @@ const util = {
     }
   },
 
-  copy_link: () => {
-    const el = document.getElementById("copy-link");
+  copy: (id, msg) => {
+    const el = document.getElementById(id);
     if (el) {
       el.select();
       document.execCommand("Copy");
+      hud.toast(msg);
     }
   },
 
-  toggle_qrcode: () => {
-    const el = document.getElementById("qrcode-wechat");
+  toggle: (id) => {
+    const el = document.getElementById(id);
     if (el) {
       el.classList.toggle("display");
     }
   },
 }
 
+const hud = {
+  toast: (msg, duration) => {
+    duration=isNaN(duration)?2000:duration;
+    var el = document.createElement('div');
+    el.classList.add('toast');
+    el.innerHTML = msg;
+    document.body.appendChild(el);
+    setTimeout(function() {
+      var d = 0.5;
+      el.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
+      el.style.opacity = '0';
+      setTimeout(function() { document.body.removeChild(el) }, d * 1000);
+    }, duration);
+  },
+
+}
 
 // defines