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

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

1. Icarus 主题

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

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

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

Github stars: 6.3K (as of July 2024)

在线演示:

安装教程: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)

在线演示:

💟 Muse scheme: LEAFERx | Alex LEE | OAwan
🔯 Mist scheme: Jeff | uchuhimo | xirong
♓ Pisces scheme: Vi | Jiaxi He
♊ Gemini scheme: Ivan.Nginx | Raincal | Dandy | Mimi | Banban | KaitoHH

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

效果图:

butterfly theme

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

Stellar theme 2

6. Solitude 主题

Solitude 主题是一款优雅、简洁、响应式的 Hexo 主题,专注于内容,提供出色的阅读体验。
Solitude 主题早期是基于 Hexo-Theme-Acrylic-Next 修改的,结构清晰,在 1.2.1 版本之后的作者完全重写了整个theme!

主题特点:

  • 文档完善
  • SEO友好
  • 页面组件懒加载(pjax 方案)
  • 图片懒加载
  • 多种代码高亮方案
  • 多语言配置
  • 支持多种评论插件
  • 内置网页访问统计
  • 支持暗色模式
  • 支持脚注语法
  • 支持自定义 CDN 静态资源
  • 支持多功能右键菜单
  • 支持定制化的主色调随封面图片颜色变化
  • 支持沉浸式状态栏
  • 支持聊天系统
  • 支持百度分析
  • 支持图片大图查看
  • 支持瀑布流即刻说说
  • 支持自定义图标(iconfont、CoDeSign、fontawesome)
  • 支持高速缓存的 swpp,pwa 特性
  • 优秀的隐私协议支持
  • 文章摘要 AI 支持
  • 支持全局中控台
  • 支持本地搜索和 algolia 搜索
  • 支持 Latex 数学公式

Github 地址:https://github.com/everfu/hexo-theme-solitude

Github stars: 555 (as of Aug 2024)

在线演示:https://everfu.github.io/Solitude/

安装教程:

  • 安装教程

https://solitude.js.org/guide/quick-start

  • 配置教程

https://solitude.js.org/config/basic

效果图:

首页

Solitude home page

Solitude home page

即刻短文

Solitude post

友情链接

Solitude friends

音乐馆

Solitude music hall

7. Indigo 主题

Github 地址:https://github.com/yscoder/hexo-theme-indigo

Github stars: 2.8K (as of July 2024)

在线演示:https://yscoder.github.io/

安装教程:

  • 安装教程

https://github.com/yscoder/hexo-theme-indigo/wiki/%E5%AE%89%E8%A3%85

  • 配置教程

https://github.com/yscoder/hexo-theme-indigo/wiki/%E9%85%8D%E7%BD%AE

效果图:

Indigo theme

8. Cactus 主题

Github 地址:https://github.com/probberechts/hexo-theme-cactus

Github stars: 3.1K (as of July 2024)

在线演示:https://probberechts.github.io/hexo-theme-cactus/

安装教程:https://github.com/probberechts/hexo-theme-cactus

效果图:

Cactus theme

9. Diaspora 主题

一款基于 WordPress 移植的 Hexo 主题,适合喜欢摄影,影评,乐评和玩弄文字的你,干净,清新; 响应式,Ajax,更多好玩的等你来发现。

Github 地址:https://github.com/Fechin/hexo-theme-diaspora

Github stars: 1.3K (as of July 2024)

在线演示:http://fech.in/

安装教程:https://github.com/Fechin/hexo-theme-diaspora?tab=readme-ov-file

效果图:

Diaspora theme

10. Snippet 主题

Snippet 是一款基于 Hexo 的现代化博客主题,以其简洁、高效的特性而受到技术博主的青睐。

Github 地址:https://github.com/shenliyang/hexo-theme-snippet

Github stars: 1.1K (as of July 2024)

在线演示:https://snippet.shenliyang.com/

安装教程:https://github.com/shenliyang/hexo-theme-snippet

效果图:

Snippet theme

11. Fluid 主题

响应式设计,支持多种布局和颜色方案,适合追求视觉效果的用户。

Github 地址:https://github.com/fluid-dev/hexo-theme-fluid

Github stars: 7.1K (as of July 2024)

在线演示:https://hexo.fluid-dev.com/

安装教程:https://github.com/fluid-dev/hexo-theme-fluid

效果图:

Fluid theme

12. Sakura 主题

以樱花为主题元素,营造浪漫温馨的氛围,适合女性用户或文学爱好者。

Github 地址:https://github.com/honjun/hexo-theme-sakura

Github stars: 671 (as of July 2024)

在线演示:https://dragonbaby308.github.io/hexo-theme-sakura/

安装教程:https://docs.hojun.cn/sakura/docs

效果图:

Sakura theme

13. Volantis 主题

Volantis 是一个多功能的 Hexo 主题,支持多种布局和样式,适合需要高度自定义的用户。

Github 地址:https://github.com/volantis-x/hexo-theme-volantis

Github stars: 2K (as of July 2024)

在线演示:https://volantis.js.org/examples/

安装教程:https://volantis.js.org/v6/getting-started/

效果图:

Volantis theme

14. Matery 主题

采用 Material Design 和响应式设计的精美主题

Github 地址:https://github.com/blinkfox/hexo-theme-matery

Github stars: 5.2K (as of July 2024)

在线演示:http://blinkfox.com/

安装教程:https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md

效果图:

Matery theme

15. Tranquilpeak 主题

Tranquilpeak 是一个华丽响应的 Hexo 主题,支持中文和多平台自适应。

Github 地址:https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak

Github stars: 1.8K (as of July 2024)

在线演示:https://louisbarranqueiro.github.io/hexo-theme-tranquilpeak/

安装教程:https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak/blob/main/DOCUMENTATION.md

效果图:

Tranquilpeak theme

16. Yilia 主题

Github 地址:https://github.com/litten/hexo-theme-yilia

Github stars: 8.4K (as of July 2024)

在线演示:http://litten.me/

安装教程:https://github.com/litten/hexo-theme-yilia

效果图:

Fluid theme

17. 其他Hexo theme

由于精力有限,还有一些优秀的theme, 没有来得及认真整理,这里简单列举在此,等有空整理时再详细介绍。

  1. Maupassant:

一款极简风格的博客主题

Github 地址:https://github.com/tufu9441/maupassant-hexo

Github stars: 2.6K (as of July 2024)

在线演示:https://www.haomwei.com/

  1. hexo-theme-nexmoe:

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

Github stars: 1.6K (as of July 2024)

在线演示:https://nexmoe.com/

  1. Aurora

主题做得非常有艺术性,是那种一眼就能爱上的主题

Github 地址:https://github.com/auroral-ui/hexo-theme-aurora

Github stars: 1.4K (as of July 2024)

在线演示:https://tridiamond.tech/

18. 关联阅读

使用 Hexo 搭建自己的博客网站

Hexo 配置 Icarus 主题

Hexo 配置 Next 主题

Hexo 博客搜索引擎优化

Hexo 命令详解

Hexo 博客添加评论功能

19. 参考文档

hexo 博客主题推荐

Awesome Hexo Theme

Hexo - 主题推荐

九个好看实用的 Hexo 主题推荐

easyhexo

发现你的博客新美学 —— Typecho 主题”Icarus”深度解析

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

https://pengtech.net/hexo/hexo_theme_recommendation.html

作者

鹏叔

发布于

2024-07-15

更新于

2024-08-22

许可协议

评论