update

_config.yml

@@ -54,6 +54,10 @@ article:
   # 分类颜色
   category_color:
     '新闻稿': '#DA0F47'
+  # 文章许可协议
+  license: '本文采用 [署名-非商业性使用-相同方式共享 4.0 国际](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh) 许可协议，转载请注明出处。'
+  # 分享
+  share: [wechat, weibo, email, link]
   # 相关文章，需要安装插件 (for layout: post)
   # npm i hexo-related-popular-posts
   related_posts:

languages/en.yml

@@ -24,6 +24,8 @@ meta:
   more: 'More %s'
   created: 'Posted on'
   updated: 'Updated on'
+  license: License
+  share: Share
   date_suffix:
     just: Just
     min: minutes ago

languages/zh-CN.yml

@@ -24,6 +24,8 @@ meta:
   more: '更多%s'
   created: 发布于
   updated: 更新于
+  license: 许可协议
+  share: 分享文章
   date_suffix:
     just: 刚刚
     min: 分钟前
@@ -32,7 +34,7 @@ meta:
     month: 个月前
 
 footer:
-  license: '本博客所有文章除特别声明外，均采用 %s 许可协议。转载请注明出处！'
+  license: '本博客所有文章除特别声明外，均采用 %s 许可协议，转载请注明出处。'
   info_not_open_source: '本站由 %s 创建，使用 %s 作为主题。'
   info_open_source: '本站由 %s 创建，使用 %s 作为主题，您可以在 %s 找到本站源码。'
 

languages/zh-TW.yml

@@ -24,6 +24,8 @@ meta:
   more: '更多%s'
   created: 發表於
   updated: 更新於
+  license: 許可協議
+  share: 分享文章
   date_suffix:
     just: 剛剛
     min: 分鐘前
@@ -32,7 +34,7 @@ meta:
     month: 個月前
 
 footer:
-  license: '本網誌所有文章除特別聲明外，均採用 %s 許可協議。轉載請註明出處！'
+  license: '本網誌所有文章除特別聲明外，均採用 %s 許可協議，轉載請註明出處。'
   info_not_open_source: '本站由 %s 創建，使用 %s 作為主題。'
   info_open_source: '本站由 %s 創建，使用 %s 作為主題，您可以在 %s 找到本站源碼。'
 

layout/_partial/main/article/references.ejs

@@ -1,23 +1,73 @@
 <%
 function layoutDiv() {
+  let el = '';
+  el += '<div class="references-wrap">';
   if (page.references && page.references.length > 0) {
-    let wrapper = '';
+    el += '<section id="references">';
-    wrapper += '<div class="references-wrap">';
+    el += '<div class="header">';
-    wrapper += '<section class="header">';
+    el += '<span>' + __('meta.references') + '</span>';
-    wrapper += '<span>' + __('meta.references') + '</span>';
+    el += '</div>';
-    wrapper += '</section>';
+    el += '<div class="body"><ul>';
-    wrapper += '<section class="body"><ul>';
     page.references.forEach((item, i) => {
-      wrapper += '<li class="post-title">';
+      el += '<li class="post-title">';
-      wrapper += '<a href="' + item.url + '">';
+      el += '<a href="' + item.url + '">';
-      wrapper += item.title;
+      el += item.title;
-      wrapper += '</a>';
+      el += '</a>';
-      wrapper += '</li>';
+      el += '</li>';
     });
-    wrapper += '</ul></section>';
+    el += '</ul></div>';
-    wrapper += '</div>';
+    el += '</section>';
-    return wrapper;
   }
+
+  if (theme.article.license && page.license != false) {
+    el += '<section id="license">';
+    el += '<div class="header">';
+    el += '<span>' + __('meta.license') + '</span>';
+    el += '</div>';
+    el += '<div class="body">';
+    el += markdown(page.license || theme.article.license);
+    el += '</div>';
+    el += '</section>';
+  }
+
+  if (theme.article.share && page.share != false) {
+    el += '<section id="share">';
+    el += '<div class="header">';
+    el += '<span>' + __('meta.share') + '</span>';
+    el += '</div>';
+    el += '<div class="body social-wrap">';
+    theme.article.share.forEach((item, i) => {
+      if (['wechat', 'weibo', 'email', 'link'].includes(item)) {
+        el += '<a class="social share-item ' + item + '"';
+        if (item == 'wechat') {
+          el += ' href="#"';
+        } else if (item == 'weibo') {
+          el += ' href="#"';
+        } else if (item == 'email') {
+          el += ' href="#"';
+        } else if (item == 'link') {
+          el += ' href="#"';
+        }
+        el += '>';
+        if (item == 'wechat') {
+          el += '<img src="https://7.dusays.com/2021/02/24/b32ef3da1162a.svg"/>';
+        } else if (item == 'weibo') {
+          el += '<img src="https://7.dusays.com/2021/02/24/80c07e4dbb303.svg"/>';
+        } else if (item == 'email') {
+          el += '<img src="https://7.dusays.com/2021/02/24/a1b00e20f425d.svg"/>';
+        } else if (item == 'link') {
+          el += '<img src="https://7.dusays.com/2021/02/24/8411ed322ced6.svg"/>';
+        }
+        el += '</a>';
+      }
+    });
+    el += '</div>';
+    el += '</section>';
+  }
+
+
+  el += '</div>';
+  return el;
 }
 %>
 <%- layoutDiv(); %>

source/css/_layout/partial/references.styl

@@ -6,11 +6,28 @@
   .header
     font-weight: 500
     color: var(--text-p3)
-    margin-bottom: 1rem
+    margin-bottom: 0.75rem
+    font-size: 1.25rem
   .body
+    p
+      font-size: $fs14
+      color: var(--text-p2)
+      margin: 1em 0
+      &:first-child
+        margin-top: 0
+      &:last-child
+        margin-bottom: 0
     ul
       margin: 0
     .post-title
       margin: 0.5rem 0
       line-height: 1.2
       font-size: $fs13
+  section+section
+    margin-top: 2rem
+
+.references-wrap .social-wrap
+  grid-gap: $gap * 0.25 $gap * 0.5
+  grid-template-columns: repeat(auto-fill, 40px)
+  a.social
+    padding: 8px

source/css/_layout/sidebar.styl

@@ -123,17 +123,20 @@ nav.menu
   margin-top: 0
   margin-bottom: 1rem
   line-height: 0
-  .social-wrap
+  
-    display: grid
+
-    grid-gap: $gap * 0.25 $gap * 0.25
+.social-wrap
-    grid-template-columns: repeat(auto-fill, 32px)
+  display: grid
-  a
+  grid-gap: $gap * 0.25 $gap * 0.25
+  grid-template-columns: repeat(auto-fill, 32px)
+  a.social
+    line-height: 0
     display: inline-block
-    background: var(--card)
     padding: 4px
     border-radius: 4px
     filter: grayscale(100%)
     overflow: hidden
+    background: var(--card)
     trans1: box-shadow
     &:hover
       color: $color-hover