代码高亮测试夹具

这是一篇用于测试代码高亮的夹具文章。它包含中文长正文、多级标题、代码块、图片、引用块、有序与无序列表，覆盖规格 16.3 要求的全部形态。内容足够长以触发阅读进度条与回顶按钮的显示条件。

二级标题：代码块演示

下面是一个 PHP 代码块，演示 WordPress 插件的基本结构：

 'wow',
    ], $atts, 'doge' );

    return '' . esc_html( $atts['text'] ) . '';
}
add_shortcode( 'doge', 'doge_shortcode' );
?>

三级标题：更多语言示例

Bash 脚本示例：

#!/bin/bash
# 部署脚本示例
set -euo pipefail

echo "开始部署 Doge 主题..."
rsync -avz --delete ./dist/ user@server:/var/www/doge/
echo "部署完成！"

JavaScript 示例：

// 阅读进度条初始化
function initProgressBar() {
    const progress = document.querySelector('.doge-progress');
    const totop = document.querySelector('.doge-totop');

    if (!progress || !totop) return;

    window.addEventListener('scroll', () => {
        const scrollTop = window.scrollY || document.documentElement.scrollTop;
        const docHeight = document.documentElement.scrollHeight - window.innerHeight;
        const progressPercent = (scrollTop / docHeight) * 100;

        progress.style.width = progressPercent + '%';

        if (scrollTop > window.innerHeight) {
            totop.classList.add('doge-totop--on');
        } else {
            totop.classList.remove('doge-totop--on');
        }
    });

    totop.addEventListener('click', (e) => {
        e.preventDefault();
        window.scrollTo({ top: 0, behavior: 'smooth' });
    });
}

document.addEventListener('DOMContentLoaded', initProgressBar);

JSON 配置示例：

{
  "name": "doge-theme",
  "version": "0.0.1",
  "description": "多吉&小站 WordPress 主题",
  "scripts": {
    "dev": "php -S localhost:8000",
    "test": "php tests/run.php"
  },
  "keywords": ["wordpress", "theme", "doge"],
  "license": "MIT"
}

二级标题：图片与引用块

下面是一张占位图片（使用主题内置的柴犬占位 SVG）：

引用块演示：柴犬说，「wow，such quote，much inspire」。

—— 多吉

二级标题：列表演示

无序列表：

• 第一项：wow
• 第二项：such list
• 第三项：
  • 嵌套项 1：much nested
  • 嵌套项 2：very deep
• 第四项：so item

有序列表：

1. 第一步：安装 WordPress
2. 第二步：启用 Doge 主题
3. 第三步：
   1. 子步骤 1：配置导航菜单
   2. 子步骤 2：添加侧栏部件
4. 第四步：享受写作

二级标题：长文本触发进度条