hexo教程-背景图片修改

背景图片上半部分修改

1. 首先找到主题的_config设置文件，然后找到banner:

   将enable: true改成enable: false

2. 然后在目录themes\hexo-theme-matery\layout\_partial中找到bg-cover-content.ejs文件，拉到最后，看到如下代码

   <% if (theme.banner.enable) { %>
   <script>
       // 每天切换 banner 图.  Switch banner image every day.
       var bannerUrl = "<%- theme.jsDelivr.url %><%- url_for('/medias/banner/') %>" + new Date().getDay() + '.jpg';
       $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
   </script>
   <% } else { %>
   <script>
       $('.bg-cover').css('background-image', 'url(http://api.btstu.cn/sjbz/?lx=dongman)');
   </script>
   <% } %>
   

   将else里(因为我们之间将每天轮换设置成了false，所以会调用else中的代码块)的那个url中将网址换成随机图片的API接口。

   这里是我在特仑苏大佬博客中扒下来的接口

   http://api.btstu.cn/sjbz/?lx=dongman(动漫)

   https://api.ixiaowai.cn/api/api.php（二次元动漫）

   https://api.ixiaowai.cn/gqapi/gqapi.php（高清壁纸）

   至此刷新一下应该就可了(oﾟvﾟ)ノ。

背景图片整体修改

1. 在themes\hexo-theme-matery\source\css中找到matery.css文件

2. 定位到body下

   body {
       /* background-color: #eaeaea; */
       background: url("https://api.ixiaowai.cn/api/api.php") 0px 0px / cover; //url中可以填入各种API接口，我这里还是用的特仑苏大佬的(oﾟvﾟ)ノ
       background-attachment: fixed;
       margin: 0;
       color: #ffb8c6; //这个是博客字体颜色，可以改改试试看看效果
   }
   

文章封面图片修改

这个简单直接在文章的md文件中加入img属性就行，添加图床连接或者随机 API接口都可或者本地文件img: /source/images/xxx.jpg(本地文件暂时还没搞明白，先拖一会)如果想一劳永逸的话直接在scaffolds\post.md中加入img属性并且加上自己的连接就行(≧∇≦)ﾉ