next 主题添加背景图片并透明化

Posted on | In , | 本文总阅读数 11次

  1. 首先找到一个背景图片放到 hexo（hexo工程文件）-> themes -> next -> source
    -> images 的路径下；

  2. hexo（hexo工程文件）-> themes -> next -> source -> css -> _custom
    ，找到路径下的custom.styl文件，在文件中添加代码: 

    1
    2
    3
    4
    5
    body {
    background: url(/images/background.jpg) no-repeat center fixed; 
    background-size: 100%; 
    opacity: 0.8; 
    }

注意： 背景图片名字可以自己随便设置，在这里我设置成background.jpg，透明度0-1之间