Hexo博客美化及功能增添

本文详细介绍了如何美化和增强Hexo博客的功能,包括选择和配置Next主题,修改站点细节,创建分类和标签页面,设置社交链接,添加打赏功能,调整头像,实现全文阅读,添加动态背景,插入GitHub Fork角标,修改链接和标签样式,集成Valine评论,安装搜索功能,添加不蒜子统计,加载效果,点击爆炸动画,隐藏底部驱动声明,以及整合内容分享服务。

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

Hexo博客美化及功能增添

补充上一篇------Mac下使用Hexo+Github搭建个人博客

6.Hexo博客美化及功能增添

1.选主题
Hexo官网:https://hexo.io/themes/
里面有特别多的主题可以选择,我在这里选的是next这个主题。下载主题:

cd ~/blog
git clone https://github.com/iissnan/hexo-theme-next themes/next

·修改站点配置文件:_config.yml,将里面76行的theme由landscape修改为next

·更换新的主题,可能会有一些延迟

2.通过站点配置文件修改网站细节
需要修改的内容可以参考网站:https://hexo.io/zh-cn/docs/configuration,
里面对各个参数有一些详细的解释,我这里修改一些博客的标题,副标题,描述,语言等。
这里我想说的是,一般你修改一项,重新部署网站一下,因为一旦出错,就比较容易找到原因。

修改博客标题、作者、语言
说明:
hexo 下的_config.yml 称为站点配置文件
themes/next 中的_config.yml 称为主题配置文件

这样还是不起作用的话,请查看theme/next/languages/目录下是否有zh-Hans.yml 文件.一般是有zh-CN.yml 但是我们按照 hexo 文档language是这样的:

language: zh-Hans // 这里设置语言 简体中文

所以要把zh-CN.yml文件改成名字为zh-Hans.yml就可以了

效果如图:

3.主题文件修改博客内容
·关键也是同样名字的配置文件:_config.yml,看一下里面的内容。

修改整个主题,不需要的用#注释掉,这里我已经将默认的Muse注释掉,改为Pisces

将menu也修改,本来只有首页和归档,限制添加标签和分类,只需要去掉前面的#,现在来看一下效果。

效果如图:

·需要新建一个分类和标签页面

cd ~/blog/source/
hexo new page categories
hexo new page tags

编辑刚新建的页面,将页面的type设置为categories,主题将自动为这个页面显示分类。页面内容如下:

添加分类类型

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值