hexo修改Next主题的样式

最新推荐文章于 2025-04-19 22:19:11 发布
最新推荐文章于 2025-04-19 22:19:11 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： < /> 文章标签： css themes hexo Next
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kxp9545/article/details/75194232
版权
本文介绍如何修改Hexo Next主题中超链接的样式，包括颜色和字体加粗等属性，通过编辑特定的CSS文件实现自定义效果。

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

Next主题默认对超链接只有下划线样式,很容易被忽略,就想着怎么修改下

主题样式是在\hexoBlog\themes\next\source\css,这里面保存了Muse,Mist和Pisces三个主题的css文件,例如,字体的边框的颜色还有字体图片的大小等就保存在next\source\css\_variables里.
而我要修改的body超链接的样式在themes\next\source\css\_common\components\post\post.styl里,在这里添加条目:

.post-body a {
  color: #428BCA;
  font-weight: bold;
}

这样就可以把超链接修改为蓝色,粗体

【Hexo系列】【6】NexT主题使用
middle_age666的博客
08-31 1845
NexT是Hexo的知名第三方主题，黑白极简风格四合一，有相当多的使用者，维护也相当给力，数年来一直都在频繁更新。Next主题官网：https://github.com/next-theme/hexo-theme-next。
Hexo-Next主题优化
幕光倾城的博客
05-15 1534
添加动态背景 添加背景图片 侧边栏设置 头像设置（圆形+旋转） 浏览页面显示当前浏览进度 添加顶部加载条 Hexo-Next代码复制功能 1. 添加动态背景 动态背景就是我的博客背景中动的那些粒子。 只需修改主题配置文件 /themes/next/_config.yml # Canvas-nest canvas_nest: false # three_waves three_waves: false # canvas_lines canvas_lines: true 上面三个，想开哪个背景，就把哪.
Hexo博客搭建教程（小白完整版）
最新发布
aohh_的博客
04-19 1060
Hexo博客搭建教程（小白完整版）
hexo+next博客美化——自定义样式
z7sz的博客
06-21 980
hexo+next博客美化——自定义样式
HEXO博客NEXT主题美化所有分类页样式的方法
ButterPig
10-21 324
具体优化分类页样式的方法详见：NEXT主题美化所有分类页样式 | 吱托邦
NexT主题基础外观设置
csdnofhaner的博客
02-22 1277
NexT主题基础外观设置 文章目录NexT主题基础外观设置更换语言设置菜单设置菜单连接设置菜单名称设置菜单图标去除底部“*由 Hexo 强力驱动 | 主题 — NexT.Muse*“设置背景动画其他参考连接 更换语言 NexT支持多种语言： 语言 代码 设定示例 English en language: en 简体中文 zh-Hans language: zh-Hans F...
与Hexo的NexT主题契合的多说css样式
08-10
"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式，旨在确保评论区与整个博客的视觉风格保持一致，提升用户体验。 多说是一个流行的社交化评论系统，它允许用户通过各种社交账号...
hexo next主题
06-29
接着，根据Next的主题文档进行个性化配置，这可能涉及修改主题配置文件`themes/next/_config.yml`以及站点配置文件`source/_data/next.yml`。 在使用过程中，可能会遇到一些问题，如样式显示不正常、插件冲突等。...
Hexo-Next主题博客个性化配置
weixin_44245220的博客
05-23 1619
Hexo版本：6.2.0、NextT版本：7.8.0 一、主题安装 打开Git Bash，cd到站点根目录，输入 git clone https://github.com/theme-next/hexo-theme-next themes/next 打开站点根目录下的_config.yml文件，landscape修改为next ## Themes: https://hexo.io/themes/ theme: next 二、使用须知 Hexo根目录下的配置文件_config.yml，以下称作站点配.
hexo下next主题的优化
qq_42912469的博客
01-07 650
1.站点信息的配置。 修改一些基本的配置，比如站点名、站点描述等等。 # Site title: halisi7 subtitle: '一个专注技术的组织' description: '涉猎的主要编程语言为 c语言、Java、mysql、linux、docker，领域涵盖算法、服务研发和对象存储等。' keywords: c语言、Java、mysql、linux。 author: halisi7 language: zh-CN timezone: '' 修改位置为根目录下的_config.yml文件。
hexo之next主题个性化配置详细教程
傻瓜的博客
06-28 1万+
hexo之next主题个性化配置详细教程1.在右上角或者左上角实现fork me on github实现的效果图 具体实现方法 点击传送门>> 挑选自己喜欢的样式，并复制代码。 例如，我是复制如下代码： 然后粘贴刚才复制的代码到 themes/next/layout/_layout.swig 文件中 <div class="headband"></div>的下面
Next项目中添加CSS样式
dongwei666的博客
01-03 995
刚接触Next，发现写单独的.css文件引入页面不生效，也不能像vue文件一样写style，网上关于Next的介绍又比较少，最后只能从Next官网找突破口。下面就介绍下在Next中添加CSS样式的几种方法。
【Next】全局样式和局部样式
小秀的博客
08-11 597
不同于 nuxt ，next 的样式绝大部分都需要手动导入。
hexo魔改 | 修改指针样式
DaphneOdera17的博客
08-23 878
笔者根据之前看到的教程，提供两种不同的指针样式的修改方法。
next中的样式写法
qq_36990322的博客
12-12 1711
前言 next是react的SSR的一种实践方案，今天记录一下next的样式写法。 样式实现大致有以下几种 内联样式 css/less常规引入 模块化引入 css in js 内联样式 内联样式实现其实没啥好说的，算是css一种补充吧，和常规html的style相差不远 ... <div style={{ fontSize: 20 }}> 样式实现 </div> ... 常规引入 常规引入写法也很常见，包括less的也可以这么引入。但是它有个问题就是，全局都会受到该
hexo的next主题个性化教程：打造炫酷网站
热门推荐
距离的博客
05-24 5万+
看到有些next主题的网站很炫酷，那么是怎么配置的呢？接下来我会讲一讲如何实现一些炫酷的效果 主要有以下32种： 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景 实现点击出现桃心效果 修改文章内链接文本样式 修改文章底部的那个带#号的标签 在每篇文章末尾统一添加“本文结束”标记 修改作者头像并旋转 博文压缩 修改“代码块自定义样式 侧边栏社交小图标设置
修改文章内链接样式 ｜ hexo
好好编程的博客
05-08 4236
针对 hexo next 主题，不过其他主题也大同小异。 效果 以下是方法 新增配置 在主题配置文件theme/next/_config.yml，新增配置项： custom_css: # the style of post body link post_body_a: enable: true normal_color: "#0593d3" h...
Hexo系列之更换主题和Markdown使用
Nicky's blog
12-15 5324
基于我的上一篇博客：http://blog.csdn.net/u014427391/article/details/53670744 的基础，本博客，介绍hexo博客主题更换和上传自己写的博客，使用markdown进行博客编辑。准备，我们需要先从hexo官网下载自己喜欢的主题，这里下载yelee的主题，下载好了之后，我们将主题放在myblog，注意看我的上一篇博客修改_config.yml 同样
Hexo主题NexT：打造优雅强大的博客界面
描述还强调，在安装NexT主题后，需要修改Hexo的配置文件（通常是_config.yml），将`theme`变量设置为`next`，以确保Hexo能够正确加载并使用NexT主题。 “配置”部分提醒用户NexT主题支持使用特定的方式进行配置，而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值