Hexo博客主题与站点信息设置

    技术2025-10-07  9

      上一篇文章中我们使用Hexo框架创建了自己的博客,接下来就要开始漫长的DIY旅程了~个人博客的乐趣就在于折腾…   本文记录Hexo博客主题以及站点基本信息的设置。


    1.站点配置文件

    Hexo博客的配置需要使用博客根目录中_config.yml文件,我们把它称为站点配置文件。

    建议使用Sublime Text打开,快捷键Ctrl+F可以快速查找并导航到需要的选项。

    2.Hexo博客主题

    a.主题文件夹

    在博客根目录中,themes文件夹用于存放我们的主题,可以配置多个主题,只需要简单修改下站点配置文件即可快速切换主题。 每个主题都单独存放在一个文件夹中,如下图所示,landscape就是Hexo的默认主题。

    b.主题配置文件

    每个主题文件夹下都有一个_config.yml文件,用于DIY该主题,我们把它称为主题配置文件。

    c.如何查找Hexo博客主题

    在Hexo官网的主题页面中查找,或者Github、知乎等等,一般都有网址可以查看效果。

    d.个人推荐主题 - NexT主题

    推荐理由: 1.外观方面比较优雅、简洁、大方。 2.官方文档很详细,修改起来难度不大。 3.使用的人数较多,遇到坑基本上都能够搜到解决方案。

    NexT帮助文档

    1.目前网上大部分资料都是基于旧版的NexT主题,因此很多DIY教程都会涉及到修改源码,这样对以后升级主题会带来很大的麻烦。

    2.因此建议尽量少修改源码(当然看得懂源码的大佬请忽略),大部分功能新版NexT已经内置了,只需要简单修改配置文件即可。

    e.如何更换主题?

    以NexT主题为例,进入 NexT主题发布页面 下载最新版NexT主题压缩包。

    修改解压好的文件夹名,尽量简洁点,后续配置主题需要此名字。

    将NexT主题放入themes文件夹中。

    打开站点配置文件,将theme选项修改为主题文件夹名(注意冒号前要加空格)

    输入命令 hexo s 启动本地服务,在浏览器中打开localhost:4000,可以看到主题修改成功了。这是NexT主题默认的样式Muse

    修改NexT主题样式: ① 打开NexT主题的配置文件,导航到scheme选项。

    ② 可以看到NexT主题为我们提供了四种样式配置。

    ③ 切换样式需要把前面的#号删掉,然后把原先的加上#号注释掉即可。如下图,我切换成了Gemini样式。

    ④ 开启本地服务查看效果:

    3.配置网站基本信息

    打开站点配置文件,找到如下配置: title: 网站标题 subtitle: 这是网站副标题 description: 这是网站描述 # 关键词主要用于SEO,使用半角逗号分隔 keywords: Unity,CSharp,Python author: 博主昵称 # 网站语言 zh-Hans(中文) en(英文) language: zh-CN # 网站时区 不填则默认使用电脑的时区,也可以写上Asia/Shanghai(针对中国大陆地区) timezone: 启动本地服务测试,效果如下:

    The last but not the end.

    Processed: 0.012, SQL: 9