0
点赞
收藏
分享

微信扫一扫

Hexo 设置博客背景图片 (NexT 主题 )

沪钢木子 2022-01-11 阅读 81
csscss3html

Hexo 设置博客背景图片 (NexT 主题 )

设置背景图片

将想要的背景图片命名为background.jpg放入 themes/next/source/images。
之前很多文章给出的做法都是:打开 themes/next/source/css/ _custom/custom.styl 文件,这个是 Next 故意留给用户自己个性化定制一些样式的文件,添加以下代码即可。

实际上更新的版本里没有_custom,新建目录也无法实现。可以在 themes/next/source/css/_schemes/Gemini/index.styl 中添加的代码(在最后添加即可),Gemini是我的 next 的布局样式(next默认是muse,在muse的index.styl添加也有同样的效果)。

body {

    background:url(/images/background.jpg);

    background-repeat: no-repeat;

    background-attachment:fixed; //不重复

    background-size: cover;      //填充

    background-position:50% 50%;

}
background:url 为图片路径,也可以直接使用链接。
background-repeat:若果背景图片不能全屏,那么是否平铺显示,充满屏幕
background-attachment:背景是否随着网页上下滚动而滚动,fixed 为固定
background-size:图片展示大小,这里设置 100%,100% 的意义为:如果背景图片不能全屏,那么是否通过拉伸的方式将背景强制拉伸至全屏显示。
举报

相关推荐

0 条评论