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

最新推荐文章于 2024-04-14 13:49:34 发布
最新推荐文章于 2024-04-14 13:49:34 发布
阅读量1.8k 收藏
点赞数
分类专栏： Hexo 文章标签： Hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42046850/article/details/90264327
版权

修改样式内容

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

加入以下代码


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

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

修改后效果如下：

个人博客链接： Jack_百岁山

丨漠河以北丨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
eclipse颜色主题插件（更改字体和背景的颜色）
weixin_33766168的博客
03-15 229
前言 　　想改变eclipse自带的的配色方案，自己动手配置又太麻烦。在http://eclipsecolorthemes.org/这网站看到了一很棒的eclipse主题插件，今天分享给大家。 声明 　　欢迎转载，请注明出处！ 　　http://www.cnblogs.com/hjqjl/ 　　http://www.cnblogs.com/hjqjl/p/3602447.html 正文...
Halo的Sakura主题
Harris-H的博客
02-12 812
Halo的Sakura主题 1.日志 直接在增加/journal，然后在主题设置的日志一栏进行配置即可。 2.友链 后台-页面-自定义页面-使用link模板。 然后添加友链的时候还是在独立页面里的link里添加即可。 只不过采用的Sakura的模板。 ...
7.Hexo主题安装和自定义
最新发布
CoderZzz6310的博客
04-14 535
所以要确保读完了相关想要使用的主题的内容，可以知道可以用这个主题做什么不能做什么。可以查看不同的功能和不同的库，和一些这个主题的安装说明，可以知道如何配置主题。如果想要使用不同的主题，可以下载并安装一个主题，就可以立即开始使用一个主题。当切换主题的时候，不必切换任何内容文件，主题会自动知道如何处理所有这些主题。当选择了要使用的主题时，查看自述md文件，通常位于github的主题页面上。下载完成后，主题文件夹多出了quark文件，或者给主题命名的任何名称。所有主题就是包装你的Hexo内容，以某种方式显示它。
一款Visual Studio更换主题颜色的插件—theme Editor
热门推荐
zhangxu
04-16 5万+
先聊一些题外话，Visual Studio大家都很熟悉，Windows平台下最主流的集成开发环境了，但是为啥Visual Studio要叫这个名字呢？单词的直译是“视觉工作站\图画工作站”的意思，这是因为在VisualStudio.Net之前，大多数用户界面的设计都需要用代码实现，而Visual Studio的出现改变了这个现状，开发者只需要拖动控件，代码就自动改好了。虽然我并不用Visual S...
markdown-preview-enhance 插件主题自动跟随主题变化背景颜色
Gideon
04-27 882
markdown-preview-enhance 插件主题自动跟随主题变化背景颜色 前言 在使用 markdown-preview-enhance 这个插件的时候，我觉得很舒服，因为他能够让我在 vscode 中打 markdown 有着很好的体验 虽然,这个插件提供了很多内置的主题,但是内置的主题背景颜色有时候跟我们的主题背景颜色并不搭配,那么这个时候,我们看这个背景就会觉得很怪,就感觉没有融入一体. 修改插件 css 到达想要的效果 vscode 插件安装地址 操作系统 安装路径 win
Hexo博客主题Next添加动态线条背景canvas_nest
river106的博客
09-14 1201
为了美化Hexo博客，可以给博客添加动态线条背景，这里使用canvas_nest，同样地，如果再添加第三方主题，也可以同样配置，比如我们点击时显示爱心。2、修改配置：themes/next/_config.yml。Hexo 版本：5.4.0。Next版本：8.7.1。
Hexo博客搭建文件（next主题）
12-07
Hexo博客搭建是一个深受开发者喜爱的过程，它是一个基于Node.js的快速、简洁且高效的博客框架。在本案例中，我们关注的是使用Next主题来构建个人博客。Next主题以其优雅的设计和丰富的功能，成为Hexo用户中的热门...
基于Next5主题美化的一款hexo博客主题
08-08
【标题】：“基于Next5主题美化的一款hexo博客主题” 【描述】：“基于Next5主题美化的一款hexo博客主题”是指使用Hexo框架中的Next5主题进行了一系列的定制和优化，旨在提供更美观、更具个性化的博客展示效果。...
基于Hexo博客框架搭建的多个静态博客源码.zip
06-02
基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...
hexo实现个人博客网站
08-09
利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过markdown编写文章，增加分类等等。利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过...
HexoBlogCode:Hexo博客框架修改的源代码
03-23
2. **配置文件（Config）**：根目录下的`_config.yml`是Hexo的主要配置文件，它涵盖了博客的元数据、插件设置、部署选项等各项参数。 3. **内容（Contents）**：文章、页面等内容保存在`source`目录下，通常是...
博客美化-标题背景色的代码
11-26
感恩，互助，分享，可以来我博客获取更多信息，www.zuiyoujie.com
Hexo+next的侧边栏背景与字体颜色设置方法
Huffie博客
08-17 3243
由于next主题经过了几次更新，查阅了许多资料都说要修改custom.styl这个配置文件，但是我的主题内没有此文件，经过翻阅大量的资料，终于找到了侧边栏的配置文件位置。
Hexo博客NexT主题美化之网站标题栏背景变色
weixin_34228662的博客
03-04 644
前言 更多效果展示，请访问我的 个人博客。 效果图： 教程 打开themes/next/source/css/_custom/custom.styl，在里面新增如下代码： .site-meta { background: $blue; //天空的颜色，和我的眼镜是绝配 } 复制代码 ...
Hexo 自定义主题和菜单
媛测
01-02 7235
文章目录一、更换 Hexo 主题及样式1、默认主题2、更换主题2.1 下载新主题2.2 修改站点配置文件2.3 修改 next 主题的样式二、自定义主题菜单1、配置主题菜单2、设置标签和分类2.1 菜单 404 报错问题2.2 创建标签和分类文件夹2.3 在 index.md 中增加 type 属性2.4 在文章中加入 tags 和 categories 属性 一、更换 Hexo 主题及样式 1、...
hexo 菜单_Hexo 自定义主题和菜单
weixin_39905226的博客
12-20 740
Hexo 自定义主题和菜单发布时间：2019-01-02 16:22,浏览次数：944, 标签：Hexo文章目录* 一、更换 Hexo 主题及样式* 1、默认主题 * 2、更换主题 * 2.1 下载新主题* 2.2 修改站点配置文件* 2.3 修改 next 主题的样式* 二、自定义主题菜单 * 1、配置主题菜单 * 2、设置标签和分类 * 2.1 菜单 404 报错问题* 2.2 创建标签和分类...
给hexo主题添加背景及更改字体颜色（next的Mist主题）
姜姜酱的博客
02-28 1万+
最近新搭的个人博客：qsang.xin 采用的是hexo + Github，next主题，自己动手更改了一下 其实要更改某一部分，只需要F12找到元素然后找到相应元素就可以啦~ 进入正题 更改背景 找到博客目录下\themes\next\source\css_custom\custom.styl，加上以下代码： body { background-image:url(/images/ba...
next主题如何添加动态背景
距离的博客
03-04 6968
其实挺简单的︿(￣︶￣)︿修改_layout.swig打开 next/layout/_layout.swig 在 < /body>之前添加代码(注意不要放在< /head>的后面){% if theme.canvas_nest %} <script type="text/javascript" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-
hexo博客的背景设置
Faith的博客
07-25 1万+
主要有以下30种： 在右上角或者左上角实现fork me on github添加RSS添加动态背景实现点击出现桃心效果修改文章内链接文本样式修改文章底部的那个带#号的标签在每篇文章末尾统一添加“本文结束”标记修改作者头像并旋转博文压缩修改“代码块自定义样式侧边栏社交小图标设置主页文章添加阴影效果在网站底部加上访问量添加热度网站底部字数统计添加 README.md 文件设置网站的图标Favic
hexo博客social设置
07-27
在Hexo博客中，你可以通过修改主题配置文件来设置社交链接。根据引用\[1\]和引用\[2\]的内容，你可以在主题配置文件中找到social项，并在其中添加你想要的社交链接。你可以取消注释已有的社交链接，或者添加新的社交...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

丨漠河以北丨

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

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

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

打赏作者

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

抵扣说明：

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

余额充值