给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(这是你之前加的背景图片的名字));} 就完事了。

效果图:
这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

阿里云 新域名跳转到另外一个域名(一级或者二级)地址

问题:  在阿里万网购买的域名,需要跳转到一个已有的网址,如何操作? 解答: 1、登录阿里云——>进入管理控制台 2、点击域名列表中对应域名的解析,进入解析设置页面 3、点击进入高级域名设置 4、按照...

Hexo NexT 主题下 blockquote 文本内容超出不自动换行解决方式

搭建GitHub Page 中,使用Hexo NexT主题,用markdown 中的 blockquote 标签圈出文本时,出现以下情况 解决办法: 修改 对应 theme下css 文件(如下路...
  • Mohon
  • Mohon
  • 2017年04月09日 11:21
  • 784

基于Hexo+Next主题的个人博客搭建定制优化

Next主题定制优化1. 修改文章页宽打开themes/next/source/css/_variables/base.styl,找到以下字段并修改为合适的宽度:$content-desktop-la...

Hexo个人免费博客(三) next主题、评论、阅读量统计和站内搜索

使用Next主题美化界面:安装好hexo之后,主题使用的是hexo默认自带的landscape主题,Next主题是iissnan设计的,使用指南其实可以直接参考Next官方网:http://theme...

hexo框架-next主题-github搭建个人博客

IT`huhui 的前言录 我在GITHUB的个人站点:http://ithuhui.cn 这里遇到的很多问题都是亲身解决后写的.还有遇到不懂可以邮件M我 在这里要感谢浮生志的博客教程,很多我一...
  • HuHui_
  • HuHui_
  • 2016年11月03日 13:14
  • 933

hexo使用next主题,并且使用”多说“给博客的文章添加评论功能

使用next主题:   1、下载next: git clone https://github.com/iissnan/hexo-theme-next themes/next 2、修改配置:_confi...

最简便的方法搭建Hexo+Github博客,基于Next主题

前言如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是并...

搭建Hexo博客(Next主题)中踩过的坑

Hexo Nextgithub主页:https://github.com/iissnan/hexo-theme-next 官网地址:http://theme-next.iissnan.com/一篇比...

Mac搭建Hexo博客及NexT主题配置优化

前言最近看到阳春面的博客,感觉非常漂亮,正好最近也想自己搭个博客,记录一下自己的学习经历和生活感悟,给自己留下点回忆,同时整理一下自己的思路,于是就想仿照着弄一个类似的静态博客网站,正好最近有时间,而...

【其他】Hexo博客(Next主题)放弃多说,接入网易云跟贴

大概是3月22号,收到“吴小龙同学”微信公众帐号推送的消息,说“多说”评论框即将关闭,心中不免有一丝失落,虽然自从搭建博客到现在没有一个人通过多说给我文章评论,但是难不保以后有人会给我评论,嘿嘿。多说...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:给hexo个人博客 next主题添加背景图片
举报原因:
原因补充:

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