Hexo+next的侧边栏背景与字体颜色设置方法

由于next主题经过了几次更新，查阅了许多资料都说要修改 custom.styl 这个配置文件，但是我的主题内没有此文件，经过翻阅大量的资料，终于找到了侧边栏的配置文件位置。

对于 Muse 和 Mist主题，其侧边栏的配置文件为Hexo\themes\hexo-theme-next\source\css\_schemes\Muse\_sidebar.styl。

对于 Pisces和 Gemini主题，其侧边栏的配置文件为Hexo\themes\hexo-theme-next\source\css\_schemes\Pisces\_sidebar.styl。

在此配置文件中，可以找到 .sidebar，修改其内部的属性参数即可实现设置侧边栏背景图片和字体颜色的功能

.sidebar {//设置背景图片，图片放在Hexo\themes\hexo-theme-next\source\images目录下background:url(/images/sidebar-bg.jpg);    background-size: cover;background-position:center;background-repeat:no-repeat;bottom: 0;if (not hexo-config('back2top.sidebar')) {box-shadow: inset 0 2px 6px black;}position: fixed;top: 0;transition: all $transition-ease-out;width: $sidebar-desktop;z-index: $zindex-2;a {//设置文字颜色border-bottom-color: #FFFFFF;color: #FFFFFF;&:hover {border-bottom-color: $FFFFFF;color: #FFFFFF;}}
}

另外，侧边栏中头像下方的作者姓名和描述的字体颜色，可以在根目录下的站点配置文件中_config.yml中修改。

# Site
title: Half_A Studio
subtitle: Huffie's Blog
# 例如设置白色字体的description
description: <font color="#FFFFFF">Done is better than perfect.</font>
keywords: Control Robot Programming
author: Huffie
language: zh-CN
timezone: ''

设置完成后效果如下：

http://huffie.cn/这是我的博客，可以在此查看效果。

Hexo+next的侧边栏背景与字体颜色设置方法相关推荐

CSS 文本字体颜色设置方法。
这篇文章主要介绍了CSS 文本字体颜色设置方法(CSS color),需要的朋友可以参考下一.认识CSS 颜色(CSS color) 这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常 ...
CSS 文本字体颜色设置方法(CSS color)
转自:微点阅读 https://www.weidianyuedu.com 这篇文章主要介绍了CSS 文本字体颜色设置方法(CSS color),需要的朋友可以参考下一.认识CSS 颜色(CSS c ...
html设置文本颜色三种写法,html字体颜色设置方法
在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体颜色的三种方法. 话不多说,我们来直接看正文. html字 ...
Centos7.9终端背景及字体颜色设置为类似Ubuntu样式
最近使用Centos系统觉得终端的字体看得太费劲了,反观Ubuntu的终端看起来就很舒服,所以特地去学习了一下如何修改Centos的终端样式,仅此记录. 关于样式设置参考了这篇文章 https://w ...
jsp页面字体颜色白色_CSS 文本字体颜色设置方法(CSS color)
一.认识CSS 颜色(CSS color) 这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色 2.颜色规范与颜色规定:网页使 ...
Linux下终端字体颜色设置方法
网上类似的文章有很多,但是都是转来转去的,没有经过测试,按照很多文章的方法会造成你设置之后的终端在换行和删除输入字符时终端显示会乱七八糟,于是我重新整理了一下,希望对像我这样的初学者有帮助. 其实就是 ...
itext7字体颜色设置方法
调用setfont方法,但是需要itext7自带的color对象.下面是调用的方法参考链接: https://mp.weixin.qq.com/s/83IKa_Vr32Wy2K2tq_VjAA
Solar-PuTTY修改背景、字体颜色和字体大小
Solar-PuTTY设置背景.字体颜色和字体大小第一步.找到设置第二步第三部.这里是修改字体大小和字体类型第四步.修改背景.字体颜色第五步.保存(最重要)
html字体边缘怎么带颜色,带有html背景和字体颜色问题的MathJax
当使用html背景和字体颜色时,以下html文件在显示模式下不显示LaTex表达式(分数a/b).另外,在内联模式下,使用背景和字体颜色时,分母会将较低的边缘切割一点(如下图所示).感谢您为我们提供M ...

Hexo+next的侧边栏背景与字体颜色设置方法

Hexo+next的侧边栏背景与字体颜色设置方法相关推荐

最新文章

热门文章