Hexo博客

hexo-theme-nova — Hexo 博客模板

作者 liangqianxing

hexo-theme-nova 是一个 Hexo 主题,把学术型个人主页与博客整合在一起,提供深浅色切换、文章目录侧栏和响应式布局。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

首页为学术型个人主页,展示头像、简介、技能分组与社交链接

02

博客文章列表位于 /blog/,采用卡片式布局

03

支持深色与浅色模式切换,并通过 localStorage 记住选择

04

文章页提供目录侧栏,并可显示阅读时间

05

使用纯 CSS 与原生 JavaScript,不依赖前端框架

06

采用 Inter 与 Noto Sans SC 字体,适配中英文排版

模板详细介绍

hexo-theme-nova 是面向 Hexo 的博客主题,定位是把学术型个人主页和博客合并到同一个站点中。首页作为个人主页展示头像、简介、技能分组和社交链接,博客文章列表则被安排到 /blog/ 路径下,以卡片形式呈现。主题自带深色与浅色模式切换,并用 localStorage 记住用户选择;文章页提供目录侧栏,同时支持阅读时间显示。样式使用纯 CSS 与原生 JavaScript 实现,不依赖前端框架,字体采用 Inter 与 Noto Sans SC,兼顾中英文排版。

使用前需要按 README 调整 Hexo 配置:把主题目录克隆到 themes/nova 并在 _config.yml 中设置 theme: nova,将 index_generator 的 path 改为 /blog/,并把 source/index.md 的 layout 设为 index,首页才会作为个人主页渲染。主题配置集中在 themes/nova/_config.yml,可填写姓名、中英文名、标语、简介、头像、所在地、社交链接、菜单、技能分组,以及 dark_mode、toc、reading_time 等开关。默认菜单指向博客、归档、关于和友链。

限制方面,主题基于 Hexo 7.0 及以上版本;仓库采用 MIT 许可,但演示图片、字体、图标等第三方素材需按各自许可单独核对。README 未说明分页以外的内容管理、评论、搜索或统计等功能,使用前应自行确认是否满足需求。

Hexo博客

适合你的项目吗?

适用场景

  • 搭建同时包含个人学术主页与博客的 Hexo 站点
  • 希望首页展示个人简介、技能和社交链接,博客单独放在 /blog/ 路径下
  • 需要深色模式、文章目录和响应式布局的博客
  • 偏好不引入前端框架、以纯 CSS 和原生 JavaScript 实现的主题

适合人群

  • 使用 Hexo 7.0 及以上版本搭建博客的用户
  • 需要学术型个人主页与博客合并展示的开发者或研究者
  • 希望主题不依赖前端框架、便于自行调整样式的用户

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    将仓库克隆到 Hexo 站点的 themes/nova 目录,并在 _config.yml 中设置 theme: nova

  2. 2

    把 index_generator 的 path 改为 /blog/,使博客列表路由到该路径

  3. 3

    将 source/index.md 的 front matter 中 layout 设为 index,让首页作为个人主页渲染

  4. 4

    复制 themes/nova/_config.yml 并填写 profile、social、menu、skills 等配置项

  5. 5

    主题基于 Hexo 7.0 及以上版本;演示图片、字体、图标等第三方素材需按各自许可核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 该主题是 Hexo 博客主题,需配合 Hexo 7.0 及以上版本使用,不能脱离 Hexo 独立运行。
  • 使用前必须修改 Hexo 的 index_generator 配置,将博客列表路由到 /blog/,否则首页与博客路径不会按预期渲染。
  • 需手动把 source/index.md 的 front matter 中 layout 设为 index,首页才会作为个人主页渲染。
  • 主题功能依赖复制并填写 themes/nova/_config.yml 中的 profile、social、menu、skills 等配置项。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

A modern Hexo theme that combines an **academic personal homepage** with a **blog**

README 原文

Also update `index_generator` to route the blog list to `/blog/`

README 原文

And update your `source/index.md`:

README 原文

Copy `themes/nova/_config.yml` and customize:

README 原文
https://github.com/liangqianxing/hexo-theme-nova/blob/main/LICENSEhttps://github.com/liangqianxing/hexo-theme-nova/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 75 / 100
技术栈
Hexo
网站类型
博客
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-04-06
截图检查日期
2026-10-01

目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: f440d0efbc1de7735cba689eb467df75224dbc23f2225aae90459c88e694cf6f

2026-10-01T03:37:06.153Z

来源文件 / 仓库
# hexo-theme-nova

A modern Hexo theme that combines an **academic personal homepage** with a **blog** — clean, fast, and fully responsive.

![License](https://img.shields.io/github/license/liangqianxing/hexo-theme-nova)
![Hexo](https://img.shields.io/badge/hexo-%3E%3D7.0-blue)

## Features

- 🏠 **Academic homepage** as landing page — avatar, bio, skills, social links
- 📝 **Blog section** at `/blog/` with card-based post list
- 🌙 **Dark / Light mode** toggle with localStorage persistence
- 📖 **TOC sidebar** for posts
- ⚡ **Zero dependencies** — pure CSS + vanilla JS
- 📱 **Fully responsive** — mobile-first design
- 🔤 **Inter + Noto Sans SC** — beautiful bilingual typography

## Preview

> Live demo: [liangqianxing.github.io](https://liangqianxing.github.io)

| Homepage (Light) | Homepage (Dark) |
|:---:|:---:|
| ![Homepage Light](screenshots/homepage-light.png) | ![Homepage Dark](screenshots/homepage-dark.png) |

| Blog List | Post Detail |
|:---:|:---:|
| ![Blog List](screenshots/blog-list.png) | ![Post Detail](screenshots/post-detail.png) |

## Installation

```bash
cd your-hexo-blog
git clone https://github.com/liangqianxing/hexo-theme-nova themes/nova
```

Then set in your `_config.yml`:

```yaml
theme: nova
```

Also update `index_generator` to route the blog list to `/blog/`:

```yaml
index_generator:
  path: '/blog/'
  per_page: 10
  order_by: -date
```

And update your `source/index.md`:

```yaml
---
title: Home
layout: index
---
```

## Configuration

Copy `themes/nova/_config.yml` and customize:

```yaml
profile:
  name: Your Name
  name_cn: 你的名字
  tagline: Your tagline here
  bio: A short bio about yourself.
  avatar: /images/avatar.jpg
  location: China

social:
  github: https://github.com/yourname
  email: [email protected]
  rss: /atom.xml

menu:
  - name: 博客
    url: /blog/
  - name: 归档
    url: /archives/
  - name: 关于
    url: /about/

skills:
  - category: Frontend
    items: [HTML, CSS, JavaScript]
  - category: Backend
    items: [Node.js, Python]

dark_mode: true
toc: true
reading_time: true
```

## Navigation

The default menu links:

| Name | Path |
|------|------|
| 博客 | `/blog/` |
| 归档 | `/archives/` |
| 关于 | `/about/` |
| 友链 | `/links/` |

## License

[MIT](LICENSE)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。