根据 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
效果图:
变体:
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)
在线演示:
XAOXUU
独钓寒江雪
Stellar Hexo theme examples
安装教程: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
效果图:
首页
即刻短文
友情