Hexo NexT主题相关设置及优化(不定期更新)

背景图片的设置

打开\themes\next\source\css\_custom中的custom.styl文件,如下填写代码:

1
2
3
4
5
// Custom styles.
body {
background: url(/images/background.jpg);
background-attachment: fixed;
}

注:去掉background-attachment: fixed;,则背景图随着页面移动而移动;添加则反之。
背景图文件放在\themes\next\source\images文件夹中,名称任意,与上文代码对应即可。也可使用网络图片。

网站标题栏背景颜色修改

注:仅限Pisces主题。

\themes\next\source\css\_custom\custom.styl中添加如下代码:

1
2
3
4
// Custom styles.
.site-meta {
background: #5591DB; //修改为自己喜欢的颜色或图片。
}

代码字体颜色设置

未完待续

Front-matter设置

Front-matter 是 md 文件最上方以---分隔的区域,用于指定个别文件的变量,如下例:

1
2
3
4
---
title: Hello World
date: 2017/7/21 20:46:25
---

  1. 关闭某个页面/文章的评论,在 md 文件的 front-matter 中增加 comments: false
  2. 关闭某个文章的版权说明,在 md 文件的 front-matter 中增加copyright: false
    未完待续

本文标题:Hexo NexT主题相关设置及优化(不定期更新)

文章作者:Chow Ray

发布时间:2017年07月21日 - 15:07

最后更新:2017年08月09日 - 19:08

原始链接:http://itook.win/Hexo-NexT主题相关设置及优化/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------