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

2017-08-30 08:31:19 +08:00
 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

22303 次点击
所在节点    分享创造
30 条回复
yingos
2017-08-30 12:12:36 +08:00
https://www.ipz.me 感觉用背景不是太好看
metaquant
2017-08-30 12:18:24 +08:00
@kisnows 这个是我故意这么设计的,我想的是大部分人是不评论的,只有少数真的有什么要交流的问题的话,去 github issue 上评论也不会太麻烦,而且现在还看博客的基本上都是程序员了,而程序员基本都有 github 账号吧。

这个方案实际上借鉴了 gitment 的思路,gitment 的问题是会降低页面加载的速度,而且评论还要授权,很多人担心安全因素估计就不评论了。
metaquant
2017-08-30 14:12:49 +08:00
@jasonchao 感谢
metaquant
2017-08-30 16:05:20 +08:00
@yingos 这个看个人审美啰
wizardforcel
2017-08-31 10:01:19 +08:00
@metaquant 这个想法不错,还能过滤一大批麻瓜。
metaquant
2017-08-31 10:48:01 +08:00
@wizardforcel 是的,一个自带屏蔽的评论系统
spitz1jwq
2017-09-01 10:38:51 +08:00
为毛执行 hexo s 之后 可以看到效果。但是 hexo d 之后访问却没法看到图片呢?
metaquant
2017-09-01 11:05:00 +08:00
@spitz1jwq 建议把网址贴出来,这样更容量发现问题
metaquant
2017-09-01 11:05:17 +08:00
@spitz1jwq 容易
supuwoerc
2018-12-05 21:13:41 +08:00
楼主怎么解决背景图太大加载太慢的问题,不会切图=。=

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/386763

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX