这是一个创建于 3068 天前的主题，其中的信息可能已经有所发展或是发生改变。
给 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
第 1 条附言 · 2017 年 8 月 30 日
感谢 @grzhan 的评论，增加`background-size:cover`可能有助于大分辨率下背景图的显示，不过我手中没有大分辨率的机器，所以无法确定
 |
1
westworld 2017 年 8 月 30 日
MARK, 之后试试，感谢分享
|
 |
2
Tyler1989 2017 年 8 月 30 日 via Android
点进去还是白色白色背景图啊
|
 |
3
xvx 2017 年 8 月 30 日 via Android
然而点进去并没有背景图……
|
 |
5
brokenQ 2017 年 8 月 30 日
还是丑 没有我的 WP 一半好看
|
 |
7
stanjia 2017 年 8 月 30 日
宽度小时，是白底,
宽度绝对大时， 是星空背景。 背景和主体风格不匹配，尤其是最下方的[由 hexo 驱动] 那块儿 |
 |
8
grzhan 2017 年 8 月 30 日
`background-size: cover` 这样可能在较大分辨率显示下效果更好点吧
|
 |
9
rumengzhenxing 2017 年 8 月 30 日
同 7 楼
 ) |
 |
12
mcfog 2017 年 8 月 30 日 via Android  2
建议试试内容区域背景色改成 0.9-0.95 左右透明的白色，配合背景高斯模糊效果也很好，还能减小体积加快加载
|
 |
13
sunber 2017 年 8 月 30 日
机智的晒博客，开个玩笑
|
 |
14
panda1001 2017 年 8 月 30 日 via Android
我用尤大咖主页的彩条作为 next 的背景
|
 |
17
af463419014 2017 年 8 月 30 日
@mcfog 这招不错,感觉上了一个档次
|
 |
20
kisnows 2017 年 8 月 30 日
是挺简单，就一行 css 的问题。
但是楼主的文章评论是需要新跳一个页面到 Github , 这样读者的评论意愿会大大降低啊。 |
 |
21
yingos 2017 年 8 月 30 日
https://www.ipz.me 感觉用背景不是太好看
|
 |
22
metaquant OP @kisnows 这个是我故意这么设计的，我想的是大部分人是不评论的，只有少数真的有什么要交流的问题的话，去 github issue 上评论也不会太麻烦，而且现在还看博客的基本上都是程序员了，而程序员基本都有 github 账号吧。
这个方案实际上借鉴了 gitment 的思路，gitment 的问题是会降低页面加载的速度，而且评论还要授权，很多人担心安全因素估计就不评论了。 |
 |
25
wizardforcel 2017 年 8 月 31 日
@metaquant 这个想法不错，还能过滤一大批麻瓜。
|
|
26
metaquant OP @wizardforcel 是的，一个自带屏蔽的评论系统
|
 |
27
spitz1jwq 2017 年 9 月 1 日
为毛执行 hexo s 之后 可以看到效果。但是 hexo d 之后访问却没法看到图片呢？
|
 |
30
supuwoerc 2018 年 12 月 5 日
楼主怎么解决背景图太大加载太慢的问题，不会切图=。=
|
Select Language