Hexo博客标题栏背景颜色设置美化

最新推荐文章于 2025-06-27 09:25:00 发布
最新推荐文章于 2025-06-27 09:25:00 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Hexo 文章标签： Hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42046850/article/details/90264327
本文详细介绍如何在Next主题中自定义网站背景颜色，通过修改特定CSS文件实现个性化设计，附带颜色选择参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

修改样式内容

打开文件位置：themes\next\source\css_custom

加入以下代码


 **.site-meta {
  background: #00BFFF; //颜色自己搭配
}**

更多颜色点这里： RGB颜色对照表

修改后效果如下：

个人博客链接： Jack_百岁山

hexo Blog 美化篇_1
liegu0317的博客
12-11 1171
hexo作为一个快速、简洁高速的博客框架,拥有众多用户,也因此theme也非常丰富 直接在GitHub上搜索hexo theme就可以找到许多好看的主题 这里我使用的是名叫 Fluid 的主题，他和其他使用量比较大的theme一样其官方文档是相当丰富 目录 1.主题安装与指定 ​ 2.theme 细节 DIY 2.1整理门面 2.2修改about Page 这是我的博客 ↓ 参考资料： 1.主题安装与指定 官方文档说的很明白，这里就不做过多赘述了 点击查阅官方文档 补...
Hexo博客项目：页面美化
修行的凡人的博客
03-10 614
基于Hexo架构，快速搭建Hexo博客
hexo博客美化
weixin_51002159的博客
12-05 775
hexo博客美化
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统
最新发布
gitblog_00454的博客
06-27 332
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统 主题概述 Hexo-Theme-Apollo 是一款专为 Hexo 静态博客框架设计的主题，以其极简风格和高效性能著称。该主题采用响应式设计，确保在各种设备上都能提供良好的阅读体验。作为一款专注于内容呈现的主题，Apollo 去除了冗余的设计元素，让读者能够专注于文章内容本身。 安装与配置 基础环境准备 在开始使用 Apol...
Hexo博客美化
houwhu的博客
03-25 2349
Hexo博客美化 我们搭建好自己的博客以后，可以在hexo官网的 主题 中选择自己喜欢的博客主题，可以直接在主题中点开预览主题样式或者打开主题项目的 github 地址，将该主题下载到我们自己的博客项目中的 theme 文件夹中，然后在 _config.yml 文件中找到 theme 修改为你主题的名字，重新编译启动你的项目，就可以替换为你喜欢的主题了。当然除了更换主题为，你也可以自定义你自己的主题，修改它的样式，或者干脆按照自己理想的布局和样式来自己属于自己的完美主题。除此之外，我们的博客还可以支持一些第
hexo本地博客美化
小章的编程日记
08-10 593
选项中的所有内容均为非必填的。但我仍然建议至少填写title和date的值。配置选项默认值描述titleMarkdown的文件标题文章标题，强烈建议填写此选项date文件创建时的日期时间发布时间，强烈建议填写此选项，且最好保证全局唯一author根中的author文章作者img中的某个值文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如:toptrue推荐文章（文章是否置顶），如果top值为true，则会作为首页推荐文章coverfalsev1.0.2。
Hexo搭建个人博客系列【七】- Butterfly主题使用及美化
viman3344的专栏
07-26 1905
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
Hexo博客之butterfly主题优雅魔改系列（持续更新）
热门推荐
小康博客
06-21 2万+
为了便于各位博主了解到是否新增了魔改方案，请查看更新记录页 前置说明 魔改亮点 ????主题可升级：几乎不改动主题源码。即便魔改，也不需要为升级主题而烦恼。 ????简单快速：简单上手，快速修改。 ????看我72变：多种背景随意更换。 ????优雅阅读：对卡片进行不同的透明度设置，实现更优雅的阅读。 ????个性友联：为你的好友设置不同的颜色 ????页脚更炫酷：彩色渐变footer喜欢么？ ????更多优点等你发现 为什么写这篇文章? 相信在这之前，大家肯定看过网上的各种魔改教程。但是这些魔改教程基本上
【Hexo】全面改造美化属于你的个性化博客
漫磋嗟
08-25 615
继上篇，本文将讲述博客的美化、一些实用功能的添加。比如添加评论系统，百度统计，雪花飘落，添加live2d看板娘，鼠标点击显示效果等等……
使用Hexo搭建个人博客-保姆级教程
云雨澄枫的博客
08-27 1702
使用Hexo搭建个人博客-保姆级教材 首先我们看一下最终效果，按照以下步骤最后就可以完成和我一样的博客 https://chen-mingxuan.gitee.io/blog-test/ PS：优快云不知道为什么不能用外链图片。，所以建议大家按我博客上的做，有问题写在评论里，或者联系我 一、准备环境 1.安装Typora 大家都有就不介绍了 2.安装nodejs 在这个网站中进行下载安装http://nodejs.cn/download/ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上
Hexo Theme NexT 主题个性化配置最佳实践
因特马
07-29 3642
一般情况下，当我们在使用 Hexo 的 NexT 主题时，都希望把博客改造成自己喜欢的风格。NexT 主题经过不断的迭代积累，目前提供了非常丰富的配置来满足使用者的个性化需求。 经过一段时间的摸索，我总结了一些有关 NexT 主题配置的最佳实践方案，能够优雅的对博客进行个性化改造及持续升级。核心思想就是，使用官方的推荐的方式配置主题，多挖掘博客自带的功能，尽可能少得修改源码。下面分享我的做法。 版...
基于Next5主题美化的一款hexo博客主题
08-08
基于Next5主题美化的一款hexo博客主题
Hexo博客美化及功能增添
Reply_的专栏
01-21 1056
Hexo博客美化及功能增添 补充上一篇------Mac下使用Hexo+Github搭建个人博客 6.Hexo博客美化及功能增添 1）选主题 Hexo官网：https://hexo.io/themes/ 里面有特别多的主题可以选择，我在这里选的是next这个主题。下载主题： cd ~/blog git clone https://github.com/iissnan/hexo-theme-next...
Hexo博客之主题美化
雨希的博客
07-01 1683
据说 NexT 是使用最多的Hexo主题，原因当然是比较漂亮啦！这个项目托管于github上，你可以fork一下，贡献代码。NexT官网上面给出了详细的主题配置过程，这里只是我的博客使用的一些配置以及NexT网站上配置中需要补充的部分。如果你是从头开始配置，请参考NexT官网。这篇文章介绍NexT主题的主题配置、第三方服务、内建标签、个性化设置等，通过这篇文章你就可以让你的博客个性十足奥！ 站...
Hexo 个人博客主题美化
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
05-29 1991
Hexo 个人博客主题美化
搭建+美化hexo博客(让你拥有自己的博客)
旦願的博客
04-03 251
安裝必备软件 软件安装 首先我们需要安装git、node.js、npm、hexo git的安装 首先更新ubuntu存储库的软件包索引号 sudo apt-get update 安装git sudo apt install git 验证并检查git的安装版本 git --version 配置git 此时我们需要配置自己的用户信息 git config --global user.name "...." git config --global user.email "...." nod
Hexo 博客优化之博客美化系列（持续更新）
码农印象
09-12 682
本文将讲述一些 Hexo 博客的美化，本文以作者luuman的spfk主题和作者xaoxuu的Material X主题为例，实际效果欢迎访问我的博客进行查看，本文章会不定时进行更新。文章涉及有关参考资料、教程、链接如有侵权请联系我删除！ 请注意：不同主题可能方法有些不同，相同主题不同版本，配置方法也有所差异！阅读主题文档非常重要！ 博客美化前提条件：有一定的前端基础，了解 HTML、CSS、JS，了解 CSS 预处理语言 Sass、Less、Stylus，搞懂 he...
hexo主题美化，让你的博客焕然一新
m0_57800664的博客
08-03 1540
全文建议配合梯子食用 hexo主题美化，让你的博客焕然一新 上篇博客中，我讲完了如何利用hexo和githubpage初步在你的ubuntu上搭好一个博客网站，但这样搭出来的网站显然不太符合我们代码人的口味(可能只有我不太喜欢？)。而这篇博客就是教你让你的hexo换个主题，并且做yi点点自定义的美化，本文选用的博客的主题是matery，也是我的博客正在使用的主题。 matery主题 matery主题是一个采用Material Design和响应式设计的 Hexo 博客主题，这是它的github仓库地址，点击
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丨漠河以北丨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值