为hexo-next添加背景

^ _ ^

Step1: 修改 next 主题的 _config.yml

文件路径：$root/themes/next/source/_config.yml

Step2: 添加图片

1. 在 $root/source/ 目录下新建 images 文件夹。
2. 在 images 文件夹添加希望作为背景图的图片

Step3: 添加自定义样式

1. 在 $root/source/ 目录下新建 _data 文件夹。
2. 在 _data 文件夹下新建文件 styles.styl

styles.styl

body {
    background:url(/images/sky.jpeg);
    background-repeat: no-repeat;
    background-attachment:fixed; //不重复
    background-size: cover;      //填充
    background-position:50% 50%;
}

// 修改主体透明度
.main-inner {
  background: #fff;
  opacity: 0.8;
}

//侧边框的透明度设置
.sidebar {
  opacity: 0.9;
}

//菜单栏的透明度设置
.header-inner {
  background: rgba(255,255,255,0.9);
}

//搜索框（local-search）的透明度设置
.popup {
  opacity: 0.7;
}

Step4: 重新生成

hexo clean
hexo g
hexo s