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% 的意义为：如果背景图片不能全屏，那么是否通过拉伸的方式将背景强制拉伸至全屏显示。

Hexo 设置博客背景图片（NexT 主题）相关推荐

Hexo搭建博客教程-基于Butterfly主题
title: Hexo搭建博客教程 tags: Hexo 博客教程 categories: Hexo keywords: 'Hexo,博客教程' description: Hexo搭建博客,以及主题b ...
博客园博客背景图片设置
首先在博客园后台管理页面的相册上传自己想要设置背景的图片: 上传完成之后点击该图片进去: 看到大图再通过控制台获取路径然后转到设置: 加上如下代码: body{background-image: u ...
设置vscode的背景图片和主题—超帅的插件
更新: 直接使用插件 background-cover 就可以设置背景安装后在右下角找到它的标志点击会弹出设置直接修改就好以下为修改css文件的方法效果图其实vscode本质是网页程序所 ...
【转载】怎么设置博客背景
写在前面鉴于平常逛其他大神的blog的时候,经常看见他们blog上好看的背景.但自己又不知道怎么弄的,觉得很神奇.直接度娘试了前几篇发现没用.于是对着别人blog的网页源代码捣腾了一个下午,发现了摸 ...
Hexo+Github博客搭建之Matery主题个性化修改篇（一）
首先声明一下,一定要分清什么是站点配置文件,什么是主题文件,比如我在F盘新建我的博客文件夹,名称为blog,那么站点配置文件的路径为F:/blog/_config.yml,而你的主题配置文件路径为F: ...
hexo搭建博客后图片无法显示的完美解决
在博客搭建完成之后,要显示图片,把图片直接引用之后发现无法显示,查了好多文章试了都不起作用,其实他们的内容都是对的,但是少了一步,所以导致了图片加载不出来. 那么我们就来看一下如何操作: 1.要添加图 ...
最简便的方法搭建Hexo+Github博客,基于Next主题
前言如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是 ...
手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
前言前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...
关于Hexo写博客时的图片插入问题（OSS对象存储+PicGo搭建图床）
关于MarkDown MarkDown是一种轻量级标记语言,它可以导出HTML.WORD.图像.PDF.EPUB等多种格式的文档.使用MarkDown写文章有如下好处: MarkDown可以在任何地方 ...
hexo+gitHub 个人博客搭建及更换主题历程（特适合入门小白）
内容涵盖 hexo+gitHub 个人博客搭建搭建过程中遇到的问题及解决方案更换主题 1. gitHub 创建博客仓库 (1) 注册Github(如果已注册可以忽略次此步骤) 详细注册步骤请参考: ...

Hexo 设置博客背景图片（NexT 主题）

Hexo 设置博客背景图片（NexT 主题）

Hexo 设置博客背景图片（NexT 主题）相关推荐

最新文章

热门文章

Hexo 设置博客背景图片 （NexT 主题 ）

Hexo 设置博客背景图片 （NexT 主题 ）

Hexo 设置博客背景图片 （NexT 主题 ）相关推荐

最新文章

热门文章

Hexo 设置博客背景图片（NexT 主题）

Hexo 设置博客背景图片（NexT 主题）

Hexo 设置博客背景图片（NexT 主题）相关推荐