liwei
/
hexo-theme-quiet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复底部排版

This commit is contained in:
我是一只虫子 2020-11-07 20:42:21 +08:00
parent d2b6efa92e
commit 3686bff852
9 changed files with 55 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
_config.yml
View File

@ -9,15 +9,7 @@ home_describe: A COLLEGE STUDENT WITH IDEALS AND BELIEFS.
# 网站关键字
keyword: 乔越博客,个人博客,hexo
# 网站描述
web_description:
# 导航
menus:
home: /
archive: /archives
categories: /categories
tags: /tags
links: /links
about: /about
web_description: 描述
# 导航名称
menus_title:
home: HOME
@ -26,6 +18,14 @@ menus_title:
tags: TAGS
links: LINKS
about: ABOUT
# 导航 （不建议修改）
menus:
home: /
archive: /archives
categories: /categories
tags: /tags
links: /links
about: /about
# logo
logo: /image/logo.png
@ -41,6 +41,21 @@ topIcon:
# 标签页显示多少个标签
tagsNum: 1000
# 网页访问统计
web_analytics:
enable: false #需要改为true
baidu: 4b5fe1472f22fa # （替换）百度统计的 Key，参见 https://tongji.baidu.com/sc-web/10000033910/home/site/getjs?siteId=13751376 代码获取中 hm.js? 后边的字符串
# 底部显示的图标（github 或者其他）
bottomIcon:
#可以多个
- {
#描述名称
name: 'Github',
#图标
iconLink: 'https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imggithub.png',
#跳转链接
toUrl: 'https://github.com/qiaobug'
}
# 友情链接
linksList:
- {

12
layout/_partial/foot.ejs
View File

@ -6,6 +6,14 @@
href="https://github.com/qiaobug/hexo-theme-quiet">Quiet</a>
</div>
<div class="contact">
<a href="https://www.79bk.cn/"></a>
<% theme.bottomIcon.forEach(item =>{%>
<a href="<%= item.toUrl %>">
<img src="<%= item.iconLink %>" alt="Quiet主题">
</a>
<% }) %>
</div>
</div>
</div>
<%- partial('_widget/gotop') %>
<script>
console.log('\n %c Hexo-Quiet 主题 %c https://github.com/QiaoBug/hexo-theme-quiet \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
</script>

4
layout/_partial/head.ejs
View File

@ -20,4 +20,6 @@ if (page.title) {
<% }else{ %>
<meta name="keywords" content="<%- theme.keyword %>">
<meta name="description" content="<%- theme.web_description %>">
<% } %>
<% } %>
<%- js('js/jquery.min.js') %>
<%- partial('_widget/analytics') %>

1
layout/_partial/header.ejs
View File

@ -31,6 +31,7 @@
</div>
</div>
</div>
<%- partial('_widget/sidebar') %>
<script>
$(function () { $(window).scroll(function () { if ($(document).scrollTop() > 100) { $(".header-top").removeClass("header-move2"); $('.header-top').addClass('header-move1') } else { $(".header-top").removeClass("header-move1"); $('.header-top').addClass('header-move2') } }) });
</script>

1
layout/_partial/post_pn.ejs
View File

@ -7,6 +7,7 @@
</div>
</a>
<% } %>
<% if(page.next) {%>
<a href="<%- url_for(page.next.path) %>">
<div class="next">

14
layout/_widget/analytics.ejs Normal file
View File

@ -0,0 +1,14 @@
<% if (theme.web_analytics.enable) { %>
<% if(theme.web_analytics.baidu) { %>
<!-- Baidu Analytics -->
<script defer>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?<%= theme.web_analytics.baidu %>";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% } %>
<% } %>

6
layout/layout.ejs
View File

@ -3,17 +3,11 @@
<head>
<%- partial('_partial/head') %>
<%- js('js/jquery.min.js') %>
</head>
<body>
<%- body %>
<%- partial('_widget/sidebar') %>
<%- partial('_widget/gotop') %>
<%- partial('_partial/foot') %>
</body>
<script>
console.log('\n %c Hexo-Quiet 主题 %c https://github.com/QiaoBug/hexo-theme-quiet \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
</script>
</html>

36
source/css/food.css
View File

@ -1,35 +1 @@
.footer{
height: 80px;
display: flex;
padding:0 calc((100% - 1160px)/2);
}
.footer .Copyright{
display: flex;
flex-basis: 0;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
color: #898FA0;
font-size: 14px;
margin-left: 18px;
}
.footer .contact{
display: flex;
flex-basis: 0;
justify-content: flex-end;
align-items: center;
flex-grow: 1;
}
.footer .contact a{
display: flex;
width: 36px;
height: 36px;
margin-left: 7px;
background: url('../image/logo.png')no-repeat;
background-size: 100% 100%;
justify-content: center;
align-items: center;
color: #898FA0;
margin-right: 18px;
}
.footer{height:80px;display:flex;padding:0 calc((100% - 1160px)/ 2)}.footer .Copyright{display:flex;flex-basis:0;justify-content:flex-start;align-items:center;flex-grow:1;color:#898fa0;font-size:14px;margin-left:18px}.footer .contact{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1}.footer .contact a{display:flex;width:36px;height:36px;margin-left:7px;justify-content:center;align-items:center;color:#898fa0;margin-right:18px}.footer .contact a img{width:100%;height:100%}@media screen and (max-width:600px){.footer{padding:2em;flex-direction:column-reverse}.footer .Copyright{margin:auto}.footer .contact{margin:auto}}

2
source/css/page.css
View File

@ -1 +1 @@
.header-bg{width:100%;display:flex;flex-shrink:0;background:linear-gradient(to top,#f1f5fb,#f9fcff);}.header-bg .bg-content{display:flex;flex-basis:721px;padding:196px 40px 160px;flex-direction:column;margin:0 auto;}.header-bg .bg-content .tag{display:flex;flex-wrap:wrap;list-style:none;}.header-bg .bg-content .tag li{display:flex;flex-grow:0;padding:4px 12px;background:rgba(18,24,58,.06);border-radius:15px;margin-right:16px;line-height:20px;margin-top:20px;transition:ease-in-out;-moz-transition:background .5s;-webkit-transition:background .5s;-o-transition:background .5s;}.header-bg .bg-content .tag li:hover{background:#BEC8D3;}.header-bg .bg-content .tag li a{text-decoration:none;color:#12183a;font-size:12px;font-weight:600;}.header-bg .bg-content h1{margin:32px 0 24px;font-size:30px;font-weight:500;line-height:1.6;color:#12183a;}.header-bg .bg-content .article-info{display:flex;}.header-bg .bg-content .article-info .article-author{display:flex;}.header-bg .bg-content .article-info .article-author span{font-size:15px;margin-left:8px;font-weight:500;color:#12183a;}.header-bg .bg-content .article-info .article-author span a{text-decoration:none;color:#12183a;transition:ease-in-out;-moz-transition:color .5s;-webkit-transition:color .5s;-o-transition:color .5s;}.header-bg .bg-content .article-info .article-author span a:hover{color:#006AF7;}.header-bg .bg-content .article-info .article-author p{font-size:14px;margin-left:30px;color:#12183a;}.article-content img{display:flex;width:100%;height:100%;}@media screen and (min-width:600px){.article-content .content{display:flex;max-width:800px;padding:64px 40px;font-size:18px;flex-direction:column;}.article-content{display:flex;max-width:1160px;margin:0 auto;background:rgb(255,255,255);border-radius:10px;flex-direction:column;align-items:center;}}@media screen and (max-width:600px){.article-content{display:flex;max-width:1160px;margin:0 auto;padding:64px 16px;background:rgb(255,255,255);border-radius:10px;flex-direction:column;align-items:center;}.article-content .content{display:flex;width:100%;font-size:1.1em;flex-direction:column;}}.content-move{margin-top:-64px;transition:margin-top .8s ease-in-out;}.Last-Next{display:flex;max-width:980px;background:rgba(255,255,255,0.8);height:150px;margin:0 auto;margin-bottom:30px;}.Last-Next a{text-decoration:none;color:#12183a;display:flex;flex-grow:1;flex-basis:0;}.Last-Next a .last{display:flex;flex-grow:1;align-content:flex-start;height:150px;background-size:100% 100%;opacity:0.4;justify-content:center;flex-direction:column;flex-basis:0;cursor:pointer;transition:ease-in-out;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;border-radius:10px;}.Last-Next a .last:hover{opacity:0.7;margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);}.Last-Next a .last span,p{font-size:90%;margin-left:10px;margin-right:10px;line-height:1.6;}.Last-Next a .last p{font-size:16px;}.Last-Next a .next{display:flex;align-content:flex-end;height:150px;flex-grow:1;background-size:100% 100%;opacity:0.4;justify-content:center;flex-direction:column;align-items:flex-end;flex-basis:0;cursor:pointer;transition:ease-in-out;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;border-radius:10px;}.Last-Next a .next:hover{opacity:0.7;margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);}.Last-Next a .next span,p{font-size:90%;margin-left:10px;margin-right:10px;line-height:1.6;}.Last-Next a .next p{font-size:16px;}
.header-bg{display:flex;width:100%;background:linear-gradient(to top,#f1f5fb,#f9fcff);flex-shrink:0}.header-bg .bg-content{display:flex;margin:0 auto;padding:196px 40px 160px;flex-basis:721px;flex-direction:column}.header-bg .bg-content .tag{display:flex;list-style:none;flex-wrap:wrap}.header-bg .bg-content .tag li{display:flex;margin-top:20px;margin-right:16px;padding:4px 12px;border-radius:15px;background:rgba(18,24,58,.06);line-height:20px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:ease-in-out;flex-grow:0}.header-bg .bg-content .tag li:hover{background:#bec8d3}.header-bg .bg-content .tag li a{color:#12183a;text-decoration:none;font-weight:600;font-size:12px}.header-bg .bg-content h1{margin:32px 0 24px;color:#12183a;font-weight:500;font-size:30px;line-height:1.6}.header-bg .bg-content .article-info{display:flex}.header-bg .bg-content .article-info .article-author{display:flex}.header-bg .bg-content .article-info .article-author span{margin-left:8px;color:#12183a;font-weight:500;font-size:15px}.header-bg .bg-content .article-info .article-author span a{color:#12183a;text-decoration:none;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:ease-in-out}.header-bg .bg-content .article-info .article-author span a:hover{color:#006af7}.header-bg .bg-content .article-info .article-author p{margin-left:30px;color:#12183a;font-size:14px}.article-content img{display:flex;width:100%;height:100%}@media screen and (min-width:600px){.article-content .content{display:flex;padding:64px 40px;max-width:800px;font-size:18px;flex-direction:column}.article-content{display:flex;margin:0 auto;max-width:1160px;border-radius:10px;background:#fff;flex-direction:column;align-items:center}}@media screen and (max-width:600px){.article-content{display:flex;margin:0 auto;padding:64px 16px;max-width:1160px;border-radius:10px;background:#fff;flex-direction:column;align-items:center}.article-content .content{display:flex;width:100%;font-size:1.1em;flex-direction:column}}.content-move{margin-top:-64px;transition:margin-top .8s ease-in-out}.Last-Next{display:flex;margin:0 auto;margin-bottom:2em;max-width:980px;background:rgba(255,255,255,.8)}.Last-Next a{display:flex;color:#12183a;text-decoration:none;flex-grow:1;flex-basis:0}.Last-Next a .last{display:flex;height:150px;border-radius:10px;background-size:100% 100%;opacity:.4;cursor:pointer;flex-grow:1;align-content:flex-start;justify-content:center;flex-direction:column;flex-basis:0;transition:all .5s ease-in-out}.Last-Next a .last:hover{margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);opacity:.7}.Last-Next a .last span,p{margin-right:10px;margin-left:10px;font-size:90%;line-height:1.6}.Last-Next a .last p{font-size:16px}.Last-Next a .next{display:flex;height:150px;border-radius:10px;background-size:100% 100%;opacity:.4;cursor:pointer;align-content:flex-end;flex-grow:1;justify-content:center;flex-direction:column;align-items:flex-end;flex-basis:0;transition:all .5s ease-in-out}.Last-Next a .next:hover{margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);opacity:.7}.Last-Next a .next span,p{margin-right:10px;margin-left:10px;font-size:90%;line-height:1.6}.Last-Next a .next p{font-size:16px}