小张的学习文档

返回上一级

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

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

# 1. Icarus 主题

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

Icarus 主题采用了流行的Bulma CSS 框架 (opens new window)，这赋予了它高度灵活的响应式设计，确保无论是在手机、平板还是桌面设备上都能呈现完美的视觉体验。此外，借助如highlight.js (opens new window)、Moment.js (opens new window)、lightgallery (opens new window)等一系列开源工具，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 (opens new window)

# 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 (opens new window) | Alex LEE (opens new window) | OAwan (opens new window) 🔯 Mist scheme: Jeff (opens new window) | uchuhimo (opens new window) | xirong (opens new window) ♓ Pisces scheme: Vi (opens new window) | Jiaxi He (opens new window) ♊ Gemini scheme: Ivan.Nginx (opens new window) | Raincal (opens new window) | Dandy (opens new window) | Mimi (opens new window) | Banban (opens new window) | KaitoHH (opens new window)

安装教程：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 (opens new window) 是一款基于 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](https://pengtech.net/im

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 (opens new window)

  • 配置教程

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

效果图：

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 搭建自己的博客网站 (opens new window)

Hexo 配置 Icarus 主题 (opens new window)

Hexo 配置 Next 主题 (opens new window)

Hexo 博客搜索引擎优化 (opens new window)

Hexo 命令详解 (opens new window)

Hexo 博客添加评论功能 (opens new window)

# 19. 参考文档

hexo 博客主题推荐 (opens new window)

Awesome Hexo Theme (opens new window)

Hexo - 主题推荐 (opens new window)

九个好看实用的 Hexo 主题推荐 (opens new window)

easyhexo (opens new window)

发现你的博客新美学 —— Typecho 主题”Icarus”深度解析 (opens new window)

# 相关文章

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

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

######### 作者

鹏叔

######### 发布于

2024-07-15

######### 更新于

2024-08-22

######### 许可协议

#Hexo (opens new window)

完善页面 (opens new window)
最近更新: 10/14/2024, 1:00:31 PM
16款精美的 hexo 博客主题推荐
编程导航   |