This commit is contained in:
xaoxuu 2021-02-25 00:05:23 +08:00
parent 25b5dea806
commit 6d983239ed
7 changed files with 103 additions and 23 deletions

View File

@ -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:

View File

@ -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

View File

@ -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 找到本站源码。'

View File

@ -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 找到本站源碼。'

View File

@ -1,23 +1,73 @@
<%
function layoutDiv() {
let el = '';
el += '<div class="references-wrap">';
if (page.references && page.references.length > 0) {
let wrapper = '';
wrapper += '<div class="references-wrap">';
wrapper += '<section class="header">';
wrapper += '<span>' + __('meta.references') + '</span>';
wrapper += '</section>';
wrapper += '<section class="body"><ul>';
el += '<section id="references">';
el += '<div class="header">';
el += '<span>' + __('meta.references') + '</span>';
el += '</div>';
el += '<div class="body"><ul>';
page.references.forEach((item, i) => {
wrapper += '<li class="post-title">';
wrapper += '<a href="' + item.url + '">';
wrapper += item.title;
wrapper += '</a>';
wrapper += '</li>';
el += '<li class="post-title">';
el += '<a href="' + item.url + '">';
el += item.title;
el += '</a>';
el += '</li>';
});
wrapper += '</ul></section>';
wrapper += '</div>';
return wrapper;
el += '</ul></div>';
el += '</section>';
}
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(); %>

View File

@ -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

View File

@ -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
grid-template-columns: repeat(auto-fill, 32px)
a
.social-wrap
display: grid
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