diff --git a/_config.yml b/_config.yml index bb4ff66..cc14a6c 100644 --- a/_config.yml +++ b/_config.yml @@ -8,6 +8,7 @@ author: CHANGEQ home_describe: A COLLEGE STUDENT WITH IDEALS AND BELIEFS. # 网站关键字 keyword: 乔越博客,个人博客,hexo +is_article_img: false #false是否开启文章背景图显示(随机图片) # 网站描述 web_description: 描述 # 导航名称 diff --git a/layout/_partial/post_head.ejs b/layout/_partial/post_head.ejs index 646bcf7..3c452a3 100644 --- a/layout/_partial/post_head.ejs +++ b/layout/_partial/post_head.ejs @@ -1,4 +1,4 @@ -
+
    <% if(page.tags && page.tags.data.length) { %> @@ -10,6 +10,14 @@

    <%- page.title %>

    + <% if(theme.is_article_img) { %> + + + + <% }else{ %> + <% } %> <%- theme.author %>

    <%- date(page.date, "YYYY-MM-DD HH:mm:ss") %>

    diff --git a/source/css/header.css b/source/css/header.css index 5fc3eec..02efab5 100644 --- a/source/css/header.css +++ b/source/css/header.css @@ -1 +1 @@ -*{margin:0;padding:0;}.header{position:fixed;width:100%;z-index:99;}.header-top{display:flex;height:100px;background:rgba(255,255,255,0.98);z-index:99;padding:0 calc((100% - 1160px)/2);}.header-move1{height:72px;transition:height .8s ease-in-out;box-shadow:0 10px 40px 0 rgba(50,50,50,0.08);}.header-move2{height:100px;transition:height .8s ease-in-out;}.header .header-top .h-left{display:flex;flex-basis:0;justify-content:flex-start;align-items:center;flex-grow:1;}.header .header-top .h-left a{margin-left:18px;width:36px;height:36px;background-size:100% 100%;display:flex;justify-content:center;align-items:center;}.header .header-top .h-left a img{width:36px;height:36px;}.header .header-top .h-right{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1;}@media screen and (min-width:600px){.header .header-top .h-right-close{display:none;}}@media screen and (max-width:600px){.header .header-top .h-right{display:none;}.header .header-top .h-right-close{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1;margin-right:1em;}.header .header-top .h-right-close svg{cursor:pointer;width:2em;height:2em;}}.header .header-top .h-right ul{display:flex;align-items:center;font-size:16px;font-weight:400;text-transform:uppercase;list-style:none;}.header .header-top .h-right ul li{padding:0 18px;white-space:nowrap}.header .header-top .h-right ul li a{color:#898fa0;text-decoration:none;}.header .header-top .h-right ul li a:hover{color:#12183A;}.header .header-top .h-right ul li .dot{display:inline-block;width:5px;height:5px;border-radius:50%;position:relative;top:-12px;left:2px;}.header .header-top .h-right .select a{color:#12183A;}.header .header-top .h-right .select .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#006AFF;position:relative;top:-12px;left:2px;}.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;margin:0 auto;}.header-bg .bg-content h1{display:flex;margin-top:40px;font-size:30px;font-weight:500;color:#12183a;flex:1;flex-direction:column;}.header-bg .bg-content h1 span{display:flex;font-size:15px;margin-top:10px;color:#898F9F;} \ No newline at end of file +*{margin:0;padding:0;}.header{position:fixed;width:100%;z-index:99;}.header-top{display:flex;height:100px;background:rgba(255,255,255,0.98);z-index:99;padding:0 calc((100% - 1160px)/2);}.header-move1{height:72px;transition:height .8s ease-in-out;box-shadow:0 10px 40px 0 rgba(50,50,50,0.08);}.header-move2{height:100px;transition:height .8s ease-in-out;}.header .header-top .h-left{display:flex;flex-basis:0;justify-content:flex-start;align-items:center;flex-grow:1;}.header .header-top .h-left a{margin-left:18px;width:36px;height:36px;background-size:100% 100%;display:flex;justify-content:center;align-items:center;}.header .header-top .h-left a img{width:36px;height:36px;}.header .header-top .h-right{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1;}@media screen and (min-width:600px){.header .header-top .h-right-close{display:none;}}@media screen and (max-width:600px){.header .header-top .h-right{display:none;}.header .header-top .h-right-close{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1;margin-right:1em;}.header .header-top .h-right-close svg{cursor:pointer;width:2em;height:2em;}}.header .header-top .h-right ul{display:flex;align-items:center;font-size:16px;font-weight:400;text-transform:uppercase;list-style:none;}.header .header-top .h-right ul li{padding:0 18px;white-space:nowrap}.header .header-top .h-right ul li a{color:#898fa0;text-decoration:none;}.header .header-top .h-right ul li a:hover{color:#12183A;}.header .header-top .h-right ul li .dot{display:inline-block;width:5px;height:5px;border-radius:50%;position:relative;top:-12px;left:2px;}.header .header-top .h-right .select a{color:#12183A;}.header .header-top .h-right .select .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#006AFF;position:relative;top:-12px;left:2px;} \ No newline at end of file diff --git a/source/css/page.css b/source/css/page.css index 77fa1c4..cb74a30 100644 --- a/source/css/page.css +++ b/source/css/page.css @@ -1 +1 @@ -.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} \ No newline at end of file +.header-bg{display:flex;width:100%;background:linear-gradient(to top,#f1f5fb,#f9fcff);flex-shrink:0;position:relative}.bg-content-img{background:url('https://api.ixiaowai.cn/gqapi/gqapi.php');height:100%;background-size:cover}.bg-content-img .bg-content h1{color:#fff !important;z-index:2}.bg-content-img .bg-content .article-info .article-author p,span a,.icon{color:#fff !important;z-index:4 !important;position:relative}.bg-content-img .bg-content .tag li{color:#fff;z-index:4 !important;background:#fff !important}.bg-content-img:before{content:'';background-image:url('../image/pattern.png');background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.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;z-index:2;position:relative}}@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} \ No newline at end of file diff --git a/source/image/pattern.png b/source/image/pattern.png new file mode 100644 index 0000000..a87d96a Binary files /dev/null and b/source/image/pattern.png differ