Hello World · Markdown 测试页

Hello World 👋

欢迎来到我的 Hexo 博客测试页！
这个页面主要用于完整测试 Markdown 渲染效果、主题样式、代码高亮、表格、引用块、任务列表以及 MathJax 公式显示。

如果你正在调试主题（尤其是 AnZhiYu / Butterfly / NexT 等），这页可以当作一个「样式验收页」。

---

安全外链跳转

点击该链接应该会出现跳转安全拦截，并请求是否访问

这是一个链接 Bilibili。

---

目录导航

• 基础排版
• 列表与任务
• 引用与提示
• 代码块测试
• 表格与对齐
• 图片与分割线
• HTML 混排测试
• Mathjax测试
• 结尾

---

基础排版

标题层级

一级标题（通常文章里不建议重复）

二级标题

三级标题

四级标题

五级标题

六级标题

行内样式

这是一段普通文本，你可以看到 粗体、斜体、粗斜体、删除线、行内代码 的效果。

你也可以测试一下混合排版：
比如 Hexo + Markdown + MathJax 一起使用时的视觉风格是否协调。

段落与换行

这是第一段文字。它用于测试段落间距、首行样式和行高。一个好的博客主题应该让段落阅读起来轻松，不会显得拥挤。

这是第二段文字。
这一行是通过在上一行末尾添加两个空格实现的换行（Markdown 标准换行）。

---

列表与任务

无序列表

• 苹果
• 香蕉
  • 黄香蕉
  • 青香蕉
• 橙子

有序列表

1. 安装 Node.js
2. 安装 Hexo CLI
3. 初始化博客
4. 选择主题
5. 写第一篇文章

任务列表（Todo）

• [x] 安装 Hexo
• [x] 配置主题
• [x] 启用 Markdown 渲染
• [ ] 配置 MathJax CDN
• [ ] 美化代码高亮
• [ ] 写更多内容

---

引用与提示

这是一个普通引用块。
可用于摘录、注释、提示、格言等内容。

提示
如果你的主题支持扩展样式（如 note / admonition），你也可以在这里测试对应的容器样式。

“写博客的意义，不只是记录答案，更是整理自己看待问题的方式。”

---

代码块测试

JavaScript

function greet(name = "Hexo") {
  const now = new Date().toLocaleString();
  console.log(`Hello, ${name}!`);
  console.log(`现在时间是：${now}`);
}

greet("Markdown");

Bash

# 新建文章
hexo new post "hello-world"

# 清理缓存并生成静态文件
hexo clean && hexo g

# 本地预览
hexo s

YAML（配置片段）

# _config.yml
title: My Blog
language: zh-CN
theme: anzhiyu
permalink: :year/:month/:day/:title/

JSON

{
  "name": "hexo-blog",
  "version": "1.0.0",
  "scripts": {
    "dev": "hexo clean && hexo g && hexo s"
  }
}

---

表格与对齐

功能	是否测试	说明
标题层级	✅	左对齐示例
代码高亮	✅	居中对齐示例
表格样式	✅	右对齐示例
MathJax	✅	公式渲染检查
图片圆角	⏳	看主题 CSS

轻量参数表（示例）

项目	值
博客引擎	Hexo
渲染器	markdown-it / marked（按你的配置）
数学公式	MathJax
主题风格	自定义美化中

---

图片与分割线

下面是图片测试（你可以替换成自己的图片路径）：

也可以测试图注风格（如果主题支持）：

图 1：Hello World 测试封面（示例）

---

HTML 混排测试

有些主题会对原生 HTML 做额外美化，这里顺便测试一下：

点击展开：一个折叠面板测试

这里是折叠面板里的内容，你可以放说明、FAQ、代码片段等。

• 测试 <details> 样式
• 测试列表缩进
• 测试正文字体与行高

行内 HTML 标签测试

这是一段包含 Ctrl + S 的快捷键样式。
也可以测试 高亮文本、_下标、^上标 等显示效果。

---

Mathjax测试

$$\begin{array}{@{}l@{\qquad\qquad}l@{}} \displaystyle \int_b^a f'(x)\,dx = f(b)-f(a) & \displaystyle \underbrace{\frac{1}{4}W_{\mu\nu}W^{\mu\nu}-\frac{1}{4}B_{\mu\nu}B^{\mu\nu}-\frac{1}{4}G_{\mu\nu}^{a}G_{a}^{\mu\nu}}_{\text{kinetic energies and self-interactions of the gauge bosons}} \\[8pt] \displaystyle \lVert x+y\rVert \ge \bigl|\lVert x\rVert-\lVert y\rVert\bigr| & \displaystyle \nabla\cdot\mathbf{D}=\rho,\quad \nabla\cdot\mathbf{B}=0 \\[4pt] & \displaystyle \nabla\times\mathbf{E}=-\frac{\partial \mathbf{B}}{\partial t},\quad \nabla\times\mathbf{H}=\mathbf{J}+\frac{\partial \mathbf{D}}{\partial t} \\[8pt] \displaystyle y=\frac{\sum_{i=1}^{k} w_i y_i}{\sum_{i=1}^{k} w_i} & \displaystyle e=\lim_{n\to\infty}\left(1+\frac{1}{n}\right)^n \end{array}$$ $$\dot{x}*{i} =a*{i} x_{i'} -( d+a_{i0} +a_{i1}) x_{i} +rx_{i}( f_{i} -\phi )$$

行内公式测试

当 $n\to\infty$ 时，数列 $\left(1+\frac{1}{n}\right)^n$ 收敛到 $e$。
勾股定理也可以写成：$a^2+b^2=c^2$。

---

额外测试：引用代码与转义字符

下面这些字符是否正常显示也很重要：

• 反引号：`
• 星号：*
• 下划线：_
• 波浪线：~
• 井号：#
• 竖线：|

---

结尾

如果你能看到这篇文章的：

• 标题层级正常
• 代码块高亮正常
• 表格样式整齐
• 折叠面板可点击
• 数学公式渲染正确

那说明你的 Hexo Markdown + MathJax 配置已经可用了 ✅

By Sean