这是一篇用于测试 Hexo 博客主题样式的文章。它包含了标准 Markdown 语法、扩展语法（如表格、注脚）以及 Hexo 常用的内容元素，方便预览字体、间距、颜色、代码高亮和响应式布局。

h1

h2

h3

h4

h5
h6

1. 文本样式与排版

基础文本格式

  • 加粗文本：用于强调核心内容。
  • 斜体文本：用于英文术语或特定语境。
  • 粗斜体文本：同时应用两种样式。
  • 删除线：表示已废弃或错误的内容。
  • 行内代码 (Inline Code)：例如 const hexo = new Hexo()。
  • 超链接：欢迎访问 Google 或查看 Hexo 官方文档。

列表样式

无序列表

  • 这是一个一级无序列表项
  • 另一个一级无序列表项
    • 这是一个二级无序列表项
    • 另一个二级无序列表项
      • 这是一个三级无序列表项

有序列表

  1. 第一项任务
  2. 第二项任务
    1. 子任务 A
      1. 子任务 A
        1.
      2. 1111
    2. 子任务 B
  3. 第三项任务

任务列表（Task List）

  • 已完成的开发任务（CSS 移动端优化）
  • 待完成的开发任务（TOC 样式微调）
  • 计划中的功能迭代

2. 引用与高亮提示

标准区块引用 (Blockquote)

这是一个标准的一级引用区块。它通常用于引用他人的名言、文章片段或者作为背景知识补充。

这是一个嵌套的二级引用区块，用于更深层次的信息层级。

带有格式的引用

注意：在优化 Hexo 主题的 CSS 时，务必检查长单词在移动端是否会撑破容器，建议设置 word-break: break-word;。

3. 代码高亮测试

JavaScript (带有原型链和动画逻辑测试)

// 测试一个复杂的 JS 片段，检查代码高亮和滚动条样式
function AnimationSystem(element) {
  this.el = element;
  this.queue = [];
}

AnimationSystem.prototype.fadeIn = function(duration = 300) {
  this.el.style.opacity = 0;
  this.el.style.transition = `opacity ${duration}ms ease-in-out`;
  
  requestAnimationFrame(() => {
    this.el.style.opacity = 1;
  });
  return this;
};

const sys = new AnimationSystem(document.querySelector('.post-content'));
sys.fadeIn(500);