i18n
xaoxuu 4 years ago
parent 46bfd5cded
commit 91425bd25c
  1. 16
      _config.yml
  2. 2
      layout/_partial/footer.ejs
  3. 2
      layout/_third-party/aplayer.ejs
  4. 146
      source/less/_article.less
  5. 2
      source/less/_footer.less

@ -52,10 +52,10 @@ backstretch:
duration: 6000 # 持续时间(毫秒)
fade: 2500 # 渐变(毫秒)
images:
# - https://i.loli.net/2020/02/08/HNuVoted2mUxILl.jpg
# - https://i.loli.net/2020/02/08/dNJyR4LHtarTqPu.jpg
# - https://i.loli.net/2020/02/08/yXx4GwgZYdi81Qs.jpg
# - https://i.loli.net/2020/02/08/RP7JpGvWaCYfuB6.jpg
- https://i.loli.net/2020/02/08/HNuVoted2mUxILl.jpg
- https://i.loli.net/2020/02/08/dNJyR4LHtarTqPu.jpg
- https://i.loli.net/2020/02/08/yXx4GwgZYdi81Qs.jpg
- https://i.loli.net/2020/02/08/RP7JpGvWaCYfuB6.jpg
@ -289,6 +289,10 @@ widget:
icon: fas fa-thumbs-up
title: 强烈推荐
rows:
- name: 带图片的列表
img: https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
- name: 带图标的列表
icon: fas fa-home
- name: Hexo脚本(Mac)
url: https://xaoxuu.com/wiki/hexo.sh/
rel: external nofollow noopener noreferrer
@ -343,8 +347,8 @@ share:
# img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/qrcode.png
footer_post: '<blockquote>这是文章页脚,可以放置版权说明以及打赏图片。</blockquote><center><fancybox><img src="https://img.vim-cn.com/4a/5f8244a7c6e1e069a781b84ed11008e7955e16.png" width=64px></fancybox></center>'
copyright: 'Copyright © 2017-2020 Mr. X'
# 网页最底部的文字,支持md
copyright: '[Copyright © 2017-2020 Mr. X](https://xaoxuu.com)'
############################### 评论系统 ###############################
# disqus_shortname: 要使用哪个请复制到根目录配置文件!

@ -1,4 +1,4 @@
<footer id="footer" class="clearfix">
<footer class="clearfix">
<% if (theme.social) { %>
<div class="social-wrapper">
<% (theme.social||[]).forEach(function(value){ %>

@ -7,7 +7,7 @@
data-mode="<%- aplayer_mode != undefined ? aplayer_mode : theme.music.mode %>"
data-server="<%= aplayer_server != undefined ? aplayer_server : theme.music.server %>"
data-type="<%= aplayer_type != undefined ? aplayer_type : theme.music.type %>"
data-id="<%= aplayer_id != undefined ? aplayer_id : theme.music.mid %>"
data-id="<%= aplayer_id != undefined ? aplayer_id : theme.music.id %>"
data-volume="<%= aplayer_volume != undefined ? aplayer_volume : theme.music.volume %>">
</div>
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.7.0/dist/APlayer.min.js"></script>

@ -60,9 +60,19 @@
ol {
font-size: @fontsize_base * .95;
list-style: initial;
padding-left: 10px;
margin-left: 10px;
padding-left: 8px;
margin-left: @gap;
margin-bottom: 1em;
&.task-list{
padding-left: 0;
margin-left: 4px;
li{
list-style: none;
input{
margin-right: 4px;
}
}
}
&.center{
justify-content: center;
}
@ -127,7 +137,6 @@
}
ol {
& > li{
margin-left: 10px;
list-style: decimal;
}
}
@ -215,6 +224,11 @@
}
}
blockquote {
background: fade(@color_bg_quote, 10%);
border-left: @border_radius_code_block solid @color_bg_quote;
border-radius: @border_radius_code_block;
}
blockquote,div.info,div.success,div.warning,div.danger {
p{
text-align: left;
word-wrap: normal;
@ -226,11 +240,10 @@
position: relative;
width: 100%;
font-size: @fontsize_small;
background: fade(@color_bg_quote, 10%);
margin: 1em 0;
padding: @gap;
border-left: @border_radius_code_block solid @color_bg_quote;
border-radius: @border_radius_code_block;
.enable-trans();
footer {
strong {
@ -509,6 +522,9 @@
&.python .code:before{
content: "PYTHON";
}
&.yaml .code:before{
content: "YAML";
}
&.plain .code:before{
content: "";
}
@ -670,6 +686,124 @@ pre{
opacity: 1;
}
div.info {
border-color: #209cee;
background-color: #def0fd;
position: relative;
padding: 0.1em 1.5em;
color: #4a4a4a;
margin-bottom: 1em;
border-left: @border_radius_code_block solid #209cee;
border-radius: @border_radius_code_block;
}
div.info:before {
content: " ";
position: absolute;
top: 50%;
left: -14.5px;
margin-top: -12px;
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
color: #fff;
background-size: 16px 16px;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #209cee;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyMTYgMTM0NHYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTUxMnEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDY0di0zODRoLTY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMzg0cTI2IDAgNDUgMTl0MTkgNDV2NTc2aDY0cTI2IDAgNDUgMTl0MTkgNDV6bS0xMjgtMTE1MnYxOTJxMCAyNi0xOSA0NXQtNDUgMTloLTI1NnEtMjYgMC00NS0xOXQtMTktNDV2LTE5MnEwLTI2IDE5LTQ1dDQ1LTE5aDI1NnEyNiAwIDQ1IDE5dDE5IDQ1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
div.success {
border-color: #23d160;
background-color: #cbf6da;
position: relative;
padding: 0.1em 1.5em;
color: #4a4a4a;
margin-bottom: 1em;
border-left: @border_radius_code_block solid #23d160;
border-radius: @border_radius_code_block;
}
div.success:before {
content: " ";
position: absolute;
top: 50%;
left: -14.5px;
margin-top: -12px;
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
color: #fff;
background-size: 16px 16px;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #23d160;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNjcxIDU2NnEwIDQwLTI4IDY4bC03MjQgNzI0LTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOGwtMTM2LTEzNi0zNjItMzYycS0yOC0yOC0yOC02OHQyOC02OGwxMzYtMTM2cTI4LTI4IDY4LTI4dDY4IDI4bDI5NCAyOTUgNjU2LTY1N3EyOC0yOCA2OC0yOHQ2OCAyOGwxMzYgMTM2cTI4IDI4IDI4IDY4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
div.warning {
border-color: #ffdd57;
background-color: #fff6d1;
position: relative;
padding: 0.1em 1.5em;
color: #4a4a4a;
margin-bottom: 1em;
border-left: @border_radius_code_block solid #ffdd57;
border-radius: @border_radius_code_block;
}
div.warning:before {
content: " ";
position: absolute;
top: 50%;
left: -14.5px;
margin-top: -12px;
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
color: #fff;
background-size: 16px 16px;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #ffdd57;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNTZ2MjQwcTAgMTYtMTIgMjh0LTI4IDEyaC0yNDBxLTE2IDAtMjgtMTJ0LTEyLTI4di0yNDBxMC0xNiAxMi0yOHQyOC0xMmgyNDBxMTYgMCAyOCAxMnQxMiAyOHptMzE2LTYwMHEwIDU0LTE1LjUgMTAxdC0zNSA3Ni41LTU1IDU5LjUtNTcuNSA0My41LTYxIDM1LjVxLTQxIDIzLTY4LjUgNjV0LTI3LjUgNjdxMCAxNy0xMiAzMi41dC0yOCAxNS41aC0yNDBxLTE1IDAtMjUuNS0xOC41dC0xMC41LTM3LjV2LTQ1cTAtODMgNjUtMTU2LjV0MTQzLTEwOC41cTU5LTI3IDg0LTU2dDI1LTc2cTAtNDItNDYuNS03NHQtMTA3LjUtMzJxLTY1IDAtMTA4IDI5LTM1IDI1LTEwNyAxMTUtMTMgMTYtMzEgMTYtMTIgMC0yNS04bC0xNjQtMTI1cS0xMy0xMC0xNS41LTI1dDUuNS0yOHExNjAtMjY2IDQ2NC0yNjYgODAgMCAxNjEgMzF0MTQ2IDgzIDEwNiAxMjcuNSA0MSAxNTguNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
div.danger {
border-color: #ff3860;
background-color: #ffb3c2;
position: relative;
padding: 0.1em 1.5em;
color: #4a4a4a;
margin-bottom: 1em;
border-left: @border_radius_code_block solid #ff3860;
border-radius: @border_radius_code_block;
}
div.danger:before {
content: " ";
position: absolute;
top: 50%;
left: -14.5px;
margin-top: -12px;
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
color: #fff;
background-size: 16px 16px;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #ff3860;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNDh2MjI0cTAgMjYtMTkgNDV0LTQ1IDE5aC0yNTZxLTI2IDAtNDUtMTl0LTE5LTQ1di0yMjRxMC0yNiAxOS00NXQ0NS0xOWgyNTZxMjYgMCA0NSAxOXQxOSA0NXptMzAtMTA1NmwtMjggNzY4cS0xIDI2LTIwLjUgNDV0LTQ1LjUgMTloLTI1NnEtMjYgMC00NS41LTE5dC0yMC41LTQ1bC0yOC03NjhxLTEtMjYgMTcuNS00NXQ0NC41LTE5aDMyMHEyNiAwIDQ0LjUgMTl0MTcuNSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.article-entry{
.widget{
background: transparent;

@ -1,4 +1,4 @@
#footer {
footer {
position: relative;
padding: 40px 10px 120px 10px;
width: 100%;

Loading…
Cancel
Save