2024-07-15发表2024-08-22更新tools / hexo20 分钟读完 (大约3038个字)

16 款精美的 hexo 博客主题推荐

根据 Github 影响力,是否在积极维护以及实际使用体验筛选出 16 款精致的 Hexo 主题。欢迎评论区留言，告诉大家你最喜欢的主题。

1. Icarus 主题

一款简单，精致和现代的主题。Icarus，灵感来源于古希腊神话中飞翔的少年，寓意着向光明和自由的追求，正是这款主题设计精神的体现。它由开发者【张瑞鹏】的创作，以其独特的设计理念，为你的博客添上一抹清新脱俗之风。

Icarus 主题采用了流行的Bulma CSS 框架，这赋予了它高度灵活的响应式设计，确保无论是在手机、平板还是桌面设备上都能呈现完美的视觉体验。此外，借助如highlight.js、Moment.js、lightgallery等一系列开源工具，Icarus 实现了代码高亮、时间人性化显示、以及图片灯箱特效等功能，让技术分享与美文阅读都变得更为愉悦。

Github 地址：https://github.com/ppoffice/hexo-theme-icarus

Github stars: 6.3K (as of July 2024)

在线演示：

默认风格
https://ppoffice.github.io/hexo-theme-icarus/
暗黑风格
https://pengtech.net
赛博朋克风格
https://www.cyberpunk.net/sg/zh-cn/

安装教程：https://pengtech.net/hexo/hexo_apply_icarus_theme.html

效果图：

butterfly theme

赛博朋克风格

butterfly theme 3

变体：

icarus 还有一些变体可供选择：hexo-theme-amazing

2. Butterfly 主题

Butterfly 是一款功能丰富且视觉效果出色的 Hexo 主题，以其高度可定制性和美观的界面设计而受到用户喜爱。该主题支持多种布局、阅读模式、夜间模式等，并提供了许多实用的小功能。
Hexo-theme-Butterfly 的设计以简洁和优雅为核心。它通过清晰的布局和和谐的色彩搭配，为用户提供一个舒适的阅读和创作环境。这种设计理念不仅体现在页面布局上，还贯穿于每一个细节，如字体选择、图标设计和动画效果等。

主要有以下特点：

Material Design 设计，简单漂亮，文章内容美观易读；
响应式设计，博客在桌面端、平板、手机等设备上均能很好的展现；
功能多，支持友链、评论模块、文章统计、音乐播放、视频播放等;
性能优化, SEO 优化, 丰富的 Markdown 扩展,
多语言支持, 夜间模式;
活跃的社区支持。

Github 地址：https://github.com/jerryc127/hexo-theme-butterfly

Github stars: 6.9K (as of July 2024)

在线演示：https://butterfly.js.org/

安装教程：https://butterfly.js.org/posts/21cfbf15/

效果图：

butterfly theme

butterfly theme 2

3. NexT 主题

NexT 是一款风格优雅的高质量 Hexo 主题，以其丰富的配置选项和多种风格（如 Muse、Mist、Pisces、Gemini 等）而受到广泛欢迎。NexT 主题一直在持续更新和维护，支持许多外部插件和功能选项。

主要有以下特点：

优雅
支持中文
多平台自适应

Github 地址：https://github.com/next-theme/hexo-theme-next

Github stars: 8.1K (as of July 2024)

在线演示：

安装教程：https://pengtech.net/hexo/hexo_advance_apply_next_theme.html

效果图：

butterfly theme

4. Anzhiyu 主题

简洁明了的 Hexo 主题，设计师风格，一款基于 hexo-theme-butterfly 修改的主題。

Github 地址：https://github.com/anzhiyu-c/hexo-theme-anzhiyu

Github stars: 1.1K (as of July 2024)

在线演示：https://blog.lixiaomu.fun/

安装教程：https://docs.anheyu.com/initall.html

效果图：

Anzhiyu theme

Anzhiyu theme example 2

Anzhiyu theme example 3

5. Stellar 主题

Stellar Hexo theme 是一款基于 Hexo 框架的静态博客主题，它以其独特的功能和设计风格受到了许多程序员和博主的青睐。

主题特点:

专栏功能：
Stellar 主题支持专栏功能，这对于需要按主题或分类组织内容的博主来说非常有用。它允许读者通过专栏快速定位到感兴趣的内容，提高阅读体验。
响应式设计：
该主题采用响应式设计，确保网站在不同设备（如桌面、平板和手机）上都能良好地展示，提供优秀的阅读体验。
自定义配置：
Stellar 主题提供了丰富的配置选项，用户可以根据自己的需求调整颜色方案、布局、导航菜单等，满足个性化需求。
SEO 优化：
考虑到搜索引擎友好性，该主题集成了 SEO 相关设置，如自定义 meta 标签等，有利于提高网站的可见度。
插件支持：
作为 Hexo 的主题，Stellar 可以无缝集成各类 Hexo 插件，扩展其功能，如评论系统、社交媒体分享等。

Github 地址：https://github.com/xaoxuu/hexo-theme-stellar

Github stars: 1.2K (as of July 2024)

在线演示：

安装教程：https://xaoxuu.com/wiki/stellar/#start

设计理念：

真正的简约远不止删繁就简，而是在纷繁中建立秩序。
人的注意力是有限的，要提高有效信息的醒目程度，就必须降低不重要信息醒目程度，删除所有无效信息。
降低视觉密度
增加留白，增加间距。
减少颜色丰富度，大面积出现的是中性色，彩色必须有其特殊意义，意义相同的元素使用同一种颜色。
提高有效信息优先级
文章标题永远是最大的，对比度最高的
不可交互的不重要的小标题（如侧边栏某个插件的标题）降低对比度
与文章相关的不重要的小标题，使用小号字体
删掉无效信息
文章标签、字数、阅读量、评论数
网站访问量、字数、搭建时间
全局播放器（除了特殊文章）

效果图：

Stellar theme 1