添加背景图片并且修改透明度

看了自己的博客感觉很单调，再加上已经很久没有完善和发博客了，就准备完善一下加个背景什么的，毕竟域名又续费了一年，不用就太亏了。太久没用了，发博客都不会了，搜了一下教程，慢慢熟悉起来了。早上阿里云小姐姐还给我打电话问我有没有相关业务对接(因为前几天续费域名，而且还在捯饬cdn和ssl证书)，需不需要他们家产品，我也想呀，可是我还没找工作呢，而且我还想去你公司工作呢。

先从网上搜了个背景图，先凑合用，找到好看的了再换掉就是。

网上的一些教程都是打开 themes/next/source/css/ _custom/custom.styl 文件，但是我在主题文件中找不到这文件，于是又多次搜索，终于找到一个解决方案。

• 找到到博客的根目录，找到 _config.yml 并打开，按住 ctrl + f 搜索 custom_file_path:
  把 style:source/_data/styles.styl 注释取消（代码如下）

custom_file_path:
  #head: source/_data/head.swig
  #header: source/_data/header.swig
  #sidebar: source/_data/sidebar.swig
  #postMeta: source/_data/post-meta.swig
  #postBodyEnd: source/_data/post-body-end.swig
  #footer: source/_data/footer.swig
  #bodyEnd: source/_data/body-end.swig
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  style: source/_data/styles.styl

• 接下来找到主题所在根目录，source 里面没有 _data ，于是我们自己创建一个，并且在 _data 里面创建一个 styles.styl 文件。也可以使用指令 mkdir _data。

• 然后在该文件里面添加如下代码（url里面是图片地址，可以填你图床里的图片地址，也可以填写你博客文件目录下的图片地址），此处我是用的是/images/background.jpg，所以将想要的背景图片放入 themes/next/source/images。

body {
  background :url(图片地址);
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-size:cover;
  background-position: 50% 50%;
}

• 但是更新完了后再看博客主页总感觉不舒服，于是还得修改一下透明度（在styles.styl文件加上如下代码），但也只是修改了部分透明的，其他的以后再做完善，目前已经还算顺眼。

.content-wrap {
  opacity: 0.9;
}

.sidebar {
  opacity: 0.9;
}

.header-inner {
  background: rgba(255,255,255,0.9);
}

.popup {
  opacity: 0.9;
}