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://pengtech.net/hexo/hexo_apply_icarus_theme.html
效果图:
变体:
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/
效果图:
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
效果图:
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
效果图:
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
设计理念:
真正的简约远不止删繁就简,而是在纷繁中建立秩序。
人的注意力是有限的,要提高有效信息的醒目程度,就必须降低不重要信息醒目程度,删除所有无效信息。
降低视觉密度
增加留白,增加间距。
减少颜色丰富度,大面积出现的是中性色,彩色必须有其特殊意义,意义相同的元素使用同一种颜色。
提高有效信息优先级文章标题永远是最大的,对比度最高的
不可交互的不重要的小标题(如侧边栏某个插件的标题)降低对比度
与文章相关的不重要的小标题,使用小号字体删掉无效信息
文章标签、字数、阅读量、评论数
网站访问量、字数、搭建时间
全局播放器(除了特殊文章)
效果图:
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
效果图:
首页
即刻短文
友情链接
音乐馆
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
效果图:
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
效果图:
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
效果图:
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
效果图:
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
效果图:
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
效果图:
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/
效果图:
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
效果图:
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
效果图:
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
效果图:
17. 其他Hexo theme
由于精力有限,还有一些优秀的theme, 没有来得及认真整理,这里简单列举在此,等有空整理时再详细介绍。
- Maupassant:
一款极简风格的博客主题
Github 地址:https://github.com/tufu9441/maupassant-hexo
Github stars: 2.6K (as of July 2024)
- hexo-theme-nexmoe:
Github 地址:https://github.com/theme-nexmoe/hexo-theme-nexmoe
Github stars: 1.6K (as of July 2024)
在线演示:https://nexmoe.com/
- Aurora
主题做得非常有艺术性,是那种一眼就能爱上的主题
Github 地址:https://github.com/auroral-ui/hexo-theme-aurora
Github stars: 1.4K (as of July 2024)
18. 关联阅读
19. 参考文档
16 款精美的 hexo 博客主题推荐