示例 - hexo-theme-reimu 功能展示

WARNING

基础功能

标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文本格式

粗体文本

斜体文本

粗斜体文本

删除线

下划线

H₂O 下标

X² 上标

列表

无序列表

• 项目一
• 项目二
  • 子项目一
  • 子项目二
• 项目三

有序列表

1. 第一项
2. 第二项
   1. 子项一
   2. 子项二
3. 第三项

任务列表

• [x] 已完成的任务
• [ ] 待完成的任务
• [ ] 另一个待完成任务

链接和引用

链接

GitHub

带有标题的链接

引用

这是一段引用文字
可以有多行

嵌套引用

脚注

这里有一个脚注^[1]。

图片

代码

行内代码

这是一行包含 code 的文本。

代码块

// JavaScript 示例
function hello() {
    console.log("Hello, World!");
}
hello();

# Python 示例
def hello():
    print("Hello, World!")
hello()

/* CSS 示例 */
body {
    background-color: #fff;
    color: #333;
}

表格

左对齐	居中对齐	右对齐
内容1	内容2	内容3
内容4	内容5	内容6

项目	价格	数量
苹果	¥10	5
香蕉	¥5	10
总计	¥100

分隔线

---

---

---

高级功能

Emoji

😄 ❤️ ⭐ 👍 💯

🎵 📖 💻 ☀️ 🌔

HTML

这是红色的文字

这是一个带背景色的 div

数学公式

行内公式：$E = mc^2$

块级公式：

$$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$

自定义容器

INFO

这是一条信息！

TIP

这是一条提示！

IMPORTANT

这是一条重要信息！

WARNING

这是一条警告！

DANGER

这是一条危险信息！

Details

这是一个折叠详情块。

主题内置标签

链接卡片

hexo-theme-reimu 主题

照片墙

标签页

• 这是标签一的内容 - 列表项 1 - 列表项 2 这是标签二的内容 **粗体文本** 这是标签三的内容

  print("Hello")

网格布局

网格项 1

这是第一个网格项

网格项 2

这是第二个网格项

网格项 3

这是第三个网格项

热力图

标签轮盘

🎲

主题特性

支持的功能

• ✨ 完整的博客功能
• 🔄 兼容 Hexo6 及以上版本
• 📱 响应式布局
• 🌙 暗黑模式支持
• 🅰️ i18n 支持
• 🖥️ 代码高亮与复制
• ➗ KaTeX / MathJax3 数学公式支持
• 📊 Mermaid 流程图支持
• 🔍 搜索集成
• 💬 多评论系统支持
• 🎵 音乐播放器支持（Aplayer + Meting）
• 🖼️ 图片懒加载
• ⚡ 加载动画
• 🖱️ 鼠标特效
• 👾 Live2D 集成

配置示例

# 基本配置
title: 大家の幻想乡
author: 年越·Rukawa
language: zh-CN

# 主题配置
theme: reimu

# 部署配置
deploy:
  type: git
  repo: https://github.com/nianyuechan/blog
  branch: gh-pages

# 数学公式
markdown_it_plus:
  rawLaTeX: true

文章配置

Front-matter 示例

---
title: 文章标题
date: 2026-04-02 12:00:00
tags:
  - 标签1
  - 标签2
categories:
  - 分类
description: 文章描述
banner: /images/banner.jpg
cover: /images/cover.jpg
sticky: true
toc: true
---

提示和技巧

1. 封面设置：在文章的 Front-matter 中设置 banner 和 cover 来分别控制头图和卡片封面
2. 置顶文章：添加 sticky: true 来置顶文章
3. 目录设置：添加 toc: true 来显示文章目录
4. 代码高亮：主题支持多种编程语言的代码高亮
5. 响应式设计：网站在手机、平板和桌面设备上都能良好显示
6. 暗黑模式：支持自动根据系统设置切换暗黑模式

---

感谢使用 hexo-theme-reimu 主题！

如果您有任何问题或建议，欢迎访问 GitHub 仓库 提交 Issue 或 Pull Request。

---

1. 这是脚注的内容。 ↩︎