😃 我开发了一个 Hexo 主题 - Coss

很高兴向大家介绍我开发的 Hexo 主题 —— hexo-theme-coss，一款基于现代前端技术栈构建的博客主题。目前我的博客已经完成迁移，正在使用这个主题。

开源信息

开源地址：https://github.com/NORMAL-EX/hexo-theme-coss
开源协议：MIT License

欢迎 Star、Fork 和提交 Issue！

技术栈

这个主题采用了现代化的前端技术栈：

技术	版本	说明
TypeScript	最新稳定版	类型安全，提升开发体验
React	18+	组件化 UI 开发
Vite	6+	下一代前端构建工具，开发体验极佳
Coss UI	最新版	基于 Base UI + Tailwind CSS 的组件库
Tailwind CSS	v4+	原子化 CSS 框架
Lucide Icons	最新版	精美的开源图标库
Hexo	7+	静态博客框架

主要特性

🎨 现代化设计

采用简洁优雅的 UI 设计，基于 Coss UI 组件库，视觉效果清新舒适。

🌓 深色模式

支持三种主题模式：

浅色模式
深色模式
跟随系统

一键切换，自动适配。

📱 响应式布局

完美适配各种设备：

桌面端
平板
移动端

🔍 全站搜索

内置搜索功能，快速查找文章内容。

💬 多种评论系统

支持主流评论系统：

Disqus
Gitalk
Valine
Waline
Twikoo

📝 丰富的文章功能

文章分类与标签
文章归档
文章置顶
文章目录 (TOC)
代码高亮
版权声明

🔗 友情链接

支持独立的友链页面和侧边栏展示。

⚡ 高性能

基于 Vite 构建，加载速度快，用户体验流畅。

📝 自定义组件

支持在 Markdown 中使用自定义组件：

信息框：

1
2
3

{% alert info 提示 %}
这是一条提示信息
{% endalert %}

按钮：

1	{% btn https://github.com 访问 GitHub lg github %}

安装使用

Git Clone

1 2	cd your-hexo-blog git clone https://github.com/NORMAL-EX/hexo-theme-coss.git themes/coss

然后在 Hexo 配置文件中启用：

1	theme: coss

写在最后

这个主题是我在学习现代前端技术过程中的一次实践，希望能给使用 Hexo 的朋友提供一个新的选择。

如果你觉得这个主题不错，欢迎：

⭐ 给项目点个 Star
🐛 提交 Issue 反馈问题
🔧 提交 PR 贡献代码

感谢大家的支持！