给 hexo next 主题加上背景图片，感觉美观很多啊

[metaquant]

给 hexo next 加上背景图片，只需要在 themes\next\source\css_custom\custom.styl 文件中添加几行代码：

@media screen and (min-width:1200px) {

    body {
    background-image:url(/images/background.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%; 
    }

    #footer a {
        color:#eee;
    }
}

感觉比之前那个纯白背景要好看很多啊，具体效果见: https://blog.metaquant.org

感谢 @grzhan 的评论，增加`background-size:cover`可能有助于大分辨率下背景图的显示，不过我手中没有大分辨率的机器，所以无法确定

[westworld]

MARK, 之后试试，感谢分享

[Tyler1989]

点进去还是白色白色背景图啊

[xvx]

然而点进去并没有背景图……

[metaquant]

@Tyler1989 不对吧，你刷新试试

[brokenQ]

还是丑 没有我的 WP 一半好看

[metaquant]

@xvx 这就尴尬了。。。

[stanjia]

宽度小时，是白底,
宽度绝对大时， 是星空背景。
背景和主体风格不匹配，尤其是最下方的[由 hexo 驱动] 那块儿

[grzhan]

`background-size: cover` 这样可能在较大分辨率显示下效果更好点吧

[rumengzhenxing]

同 7 楼

[metaquant]

@stanjia 明白了，原来是我设置了媒体查询的原因，主要是背景图在 ipad 与手机上的效果不好

[metaquant]

@grzhan 感谢，我试试

[mcfog]

建议试试内容区域背景色改成 0.9-0.95 左右透明的白色，配合背景高斯模糊效果也很好，还能减小体积加快加载

[sunber]

机智的晒博客，开个玩笑

[panda1001]

我用尤大咖主页的彩条作为 next 的背景

[metaquant]

@sunber 哈哈

[metaquant]

@panda1001 那个也很好看，毕竟尤大是设计出身

[af463419014]

@mcfog 这招不错,感觉上了一个档次

[metaquant]

@mcfog 抱歉，我 CSS 很弱，请问如何实现？

[jasonchao]

@metaquant background:rgba(255,255,255,0.9);

[kisnows]

是挺简单，就一行 css 的问题。
但是楼主的文章评论是需要新跳一个页面到 Github , 这样读者的评论意愿会大大降低啊。

[yingos]

https://www.ipz.me 感觉用背景不是太好看

[metaquant]

@kisnows 这个是我故意这么设计的，我想的是大部分人是不评论的，只有少数真的有什么要交流的问题的话，去 github issue 上评论也不会太麻烦，而且现在还看博客的基本上都是程序员了，而程序员基本都有 github 账号吧。

这个方案实际上借鉴了 gitment 的思路，gitment 的问题是会降低页面加载的速度，而且评论还要授权，很多人担心安全因素估计就不评论了。

[metaquant]

@jasonchao 感谢

[metaquant]

@yingos 这个看个人审美啰

[wizardforcel]

@metaquant 这个想法不错，还能过滤一大批麻瓜。

[metaquant]

@wizardforcel 是的，一个自带屏蔽的评论系统

[spitz1jwq]

为毛执行 hexo s 之后 可以看到效果。但是 hexo d 之后访问却没法看到图片呢？

[metaquant]

@spitz1jwq 建议把网址贴出来，这样更容量发现问题

[metaquant]

@spitz1jwq 容易

[supuwoerc]

楼主怎么解决背景图太大加载太慢的问题，不会切图=。=