今天突然想让自己的博客变得“花里胡哨”，就选择了自动切换背景。

开发环境

hexo
next

步骤

我们直接在 NEXT 预留的自定义样式文件 themes/next/source/css/_custom/custom.styl 中添加自己的样式即可，在自定义样式文件中写入以下代码:

// 添加背景图片
body {
  background: url(https://source.unsplash.com/random/1600x900?nature,animal);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
}

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

.sidebar,
.sidebar-inner {
  opacity: 0.8;
}

这些样式可以自己修改，不需要按照我的来！

其中:

background: url() 中填写的是背景图片的 url 地址，这里调用了 Unsplash 的 API, 随机选用该网站的高清美图作为博客背景。该网站所有图片都是免费商用的，所以无须担心侵权问题；
网站 API 还有很多有趣的玩法，参见: Documentation
opacity 指定了对应元素的透明度，这里是 0.8, 可以按需更改.

ps: 2021-03-15

感觉每次刷新界面太花哨了，想用 bing 的官网图片作为背景。

这里提供两个链接「任选一个」，替换上面的 url 即可