一个现代、优雅、功能丰富且轻量级的Hexo博客主题,支持响应式设计、深色/浅色模式切换、平滑动画效果,以及多种自定义选项。
- 响应式设计: 在各种设备上都能完美展示
- 深色/浅色模式: 支持自动切换或手动选择主题模式
- 现代化界面: 采用简洁优雅的设计风格
- 平滑动画效果: 精心设计的过渡和动画效果
- 强大的自定义选项: 通过配置文件轻松自定义主题外观
- 下拉菜单支持: 可以创建多级导航菜单
- 代码高亮: 内置代码语法高亮功能,支持多种编程语言
- 搜索功能: 内置站内搜索功能
- 性能优化: 优化加载速度和运行性能
- 社交媒体集成: 轻松添加社交媒体链接
cd your-hexo-site
npm install hexo-theme-rick --save
然后在Hexo的配置文件 _config.yml
中设置主题:
theme: ricktheme
cd your-hexo-site
git clone https://github.com/yourusername/hexo-theme-rick.git themes/ricktheme
同样,在Hexo的配置文件 _config.yml
中设置主题:
theme: ricktheme
主题的配置文件位于 themes/ricktheme/_config.yml
。以下是一些重要配置项的说明:
menu:
首页: /
归档: /archives
分类: /categories
标签: /tags
自定义菜单:
text: 自定义菜单
items:
示例子菜单: /example
colors:
highlight: '#64748B'
highlight_rgb: '100, 116, 139'
theme:
auto_mode: true # 是否自动切换主题模式
default: dark # 默认主题模式: dark或light
social:
github: https://github.com/yourusername
twitter: https://twitter.com/yourusername
weibo: https://weibo.com/yourusername
创建 source/css/custom.css
文件添加自定义样式。
创建 source/js/custom.js
文件添加自定义脚本。
-
使用Hexo命令创建新页面:
hexo new page "pagename"
-
编辑
source/pagename/index.md
文件
在文章的front-matter中添加:
toc: true
或在主题配置中全局启用:
toc: true
如果你发现任何问题或有改进建议,欢迎提交 issue 或 pull request。
本项目基于 MIT许可证 开源。