给hexo个人博客 next主题添加背景图片

2016年05月11日 15:50:08

前几天没事自己通过hexo加github搭建了一个自己的个人博客,用的是next主题,发现挺好用,捣鼓了半天终于把全部全部配置完了,但是想改给自己的博客添加一张背景图片,在网上找了很久没找到相关的资料,就自己开始捣鼓,下面将修改方案贴出来。

  1. 首先找到一个背景图片放到 hexo(hexo工程文件)-> themes -> next -> source -> images 的路径下;
  2. hexo(hexo工程文件)-> themes -> next -> source -> css -> _custom ,找到路径下的custom.styl文件,在文件的最上方加上一代码 body { background:url(/images/backGround.jpg(这是你之前加的背景图片的名字));} 就完事了。

效果图:
这里写图片描述

hexo的next主题个性化教程:打造炫酷网站

看到有些next主题的网站很炫酷,那么是怎么配置的呢?接下来我会讲一讲如何实现一些炫酷的效果 主要有以下32种: 在右上角或者左上角实现fork me on github 添加RSS 添加动态...
  • qq_33699981
  • qq_33699981
  • 2017-05-24 22:10:04
  • 14733

hexo博客框架--nexT主题进阶设定

大家可先看下我的博客www.yuanjingzhuang.com还有不明白的可以加我qq直接问: 755966092背景透明博客根目录 themes\next\source\css\_schemes\...
  • qq_22844483
  • qq_22844483
  • 2017-04-13 13:43:21
  • 2831

Hexo之静态+动态背景设置

写在前面  实现背景图更换及平铺,以及引入动态背景(可交互)
  • LemonXQ
  • LemonXQ
  • 2017-11-20 02:02:13
  • 586

hexo+next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景

有强迫症的我要支持网易云跟帖,所以必须要更新一个NEXT主题,原来的主题版本有点旧,没有集成网易云跟帖,所以又来重新折腾了折腾~绑定域名绑定域名的思路如下: 在万网购买自己喜欢的域名(.com的会贵一...
  • sunshine940326
  • sunshine940326
  • 2017-04-09 21:02:51
  • 7096

Hexo--Next主题优化

欢迎访问我的博客 按照上篇博客中更换Theme的方法,我们已经将主题改为Next,但是还是有地方我们可以优化和配置的。 一些常见的配置方法参考文档即可。语言设置将languages目录下面的zh-...
  • heqiangflytosky
  • heqiangflytosky
  • 2017-02-04 14:56:15
  • 6211

为Hexo-Next主题设置头部图片

一周的课程考试实验将人推向崩溃的边缘,终于周末了,虽然接下来的考试仍然在催命,姑且先放松一下,美化一下博客。首先效果见我的独立博客LoveOverFlow第一步首先在网上找或者自己PS一张心仪的图片,...
  • qq_30242609
  • qq_30242609
  • 2016-12-03 00:44:23
  • 7332

hexo博客的背景设置

主要有以下30种: 在右上角或者左上角实现fork me on github添加RSS添加动态背景实现点击出现桃心效果修改文章内链接文本样式修改文章底部的那个带#号的标签在每篇文章末尾统一添加“...
  • Com_ma
  • Com_ma
  • 2017-07-25 01:20:34
  • 3004

终于完工的Hexo主题:Hiker

Hiker An attractive, exquisite theme for Hexo. named “Hiker”, short for “HikerNews”. ☞ Live Pre...
  • u010983881
  • u010983881
  • 2016-10-24 16:32:35
  • 4884

Hexo的Next主题配置

采用的Hexo主题是Next主题,使用该主题的原因是:该博客整体布局效果个人很喜欢,而且配套的文档资料非常好,文档资料可直接参考官网链接。ps:建议下载主题的稳定版本,可以避免很多没必要的麻烦。 本...
  • ZUOZIJI416
  • ZUOZIJI416
  • 2016-11-17 18:33:40
  • 13248

next主题如何添加动态背景

其实挺简单的︿( ̄︶ ̄)︿修改_layout.swig打开 next/layout/_layout.swig 在 < /body>之前添加代码(注意不要放在< /head>的后面){% if th...
  • qq_33699981
  • qq_33699981
  • 2017-03-04 16:25:49
  • 2209
收藏助手
不良信息举报
您举报文章:给hexo个人博客 next主题添加背景图片
举报原因:
原因补充:

(最多只允许输入30个字)