最近更新: 24 Mar, 2026
电子邮件仍然是全球使用最广泛的数字通信系统之一。每封电子邮件背后都有一种结构化的文件格式，用于存储邮件内容、附件、元数据和标题。对于构建电子邮件客户端、迁移工具、归档系统或自动化工作流的开发者来说，选择正确的电子邮件文件格式至关重要。
最常用的电子邮件格式包括 EML、MSG 和 MBOX。每种格式都有其独特的结构、兼容性水平和开发优势。下面的博客文章将详细探讨这三种格式，并帮助开发者决定在 2026 年的现代应用中哪种电子邮件格式最适合。
理解电子邮件文件格式 电子邮件文件格式存储结构化的消息数据，包括：
发件人和收件人信息 主题和邮件正文 附件 MIME 内容类型 电子邮件标题和元数据 不同的电子邮件平台使用不同的存储格式。例如，Microsoft Outlook 使用 MSG 格式，而许多其他客户端依赖 EML 或 MBOX。使用 电子邮件自动化、电子邮件迁移工具、备份解决方案或电子邮件分析系统 的开发者必须了解这些格式的差异。
1. EML 格式 什么是EML？ EML 是一种被广泛支持的电子邮件文件格式，用于存储单个电子邮件。它遵循 RFC 822 和 RFC 5322 邮件标准，并使用 MIME 编码以纯文本格式存储消息。
许多流行的电子邮件客户端支持 EML，包括：
Mozilla Thunderbird Apple Mail Windows Mail Outlook Express 关键特性 每个文件存储一封邮件 人类可读的纯文本结构 使用 MIME 处理附件和格式 易于以编程方式解析 对开发者的优势 1. 易于解析
由于 EML 是基于文本的格式，开发者可以使用 Python、JavaScript、Java 或 PHP 等标准编程语言轻松解析。最近更新: 16 Mar, 2026
音频处理在现代软件开发中发挥着关键作用——从音乐制作和播客编辑到语音识别、AI 音频生成以及游戏音效设计。如今，开发者在构建可扩展且高性能的应用时，极度依赖开源音频处理库。
在 2026 年，音频库生态系统显著增长，提供了用于数字信号处理（DSP）、音频分析、合成、机器学习和实时声音操作的强大工具。这些库使开发者能够将先进的音频功能集成到 Web 应用、移动应用、桌面软件和 AI 系统中。本文将介绍 7 个 2026 年开发者应了解的最受欢迎的开源音频处理库。
1. Librosa Librosa 是最广泛使用的 Python libraries 之一，用于 audio analysis 和音乐信息检索。它在涉及音频的机器学习和 AI 应用中尤为流行，如语音识别、音乐分类和声音检测。Librosa 通过提供高级函数来简化复杂的 DSP 操作，从而实现音频分析。
关键特性 音频加载和重采样 谱图和梅尔频率分析 节拍和速度检测 机器学习特征提取 与 NumPy、SciPy 和 PyTorch 集成 示例 (Python) import librosa audio, sr = librosa.load("audio.wav") tempo, beats = librosa.beat.beat_track(y=audio, sr=sr) print("Tempo:", tempo) 为什么开发者喜欢 Librosa Librosa 提供了简洁、直观的 API，简化了复杂的音频任务。它非常适合音乐信息检索（MIR）和面向研究的音频处理。
使用场景 AI 音乐分类 语音分析 音频特征提取 声音事件检测 2. Aubio Aubio 是一个轻量级的开源库，专为 real-time audio analysis and feature extraction 设计。它侧重于检测音高、速度、节拍和起始点等音乐要素。Last Updated: 04 Dec, 2025
通过 M3U 播放列表 访问直播电视、广播电台和点播媒体内容已成为越来越流行的选择。然而，优化不佳的播放列表会导致令人沮丧的缓冲问题、缓慢的频道切换，以及整体观看体验的下降。如果您正在管理 M3U 播放列表，或者只是想改进您的流媒体设置，了解如何优化这些文件至关重要。
在本指南中，我们将探讨一些实用策略，以缩短加载时间并提升性能您的 M3U 播放列表，从而确保流畅可靠的流媒体播放。
什么是 M3U 播放列表？ 在解决问题之前，让我们先来了解一下它。M3U 是一个简单的文本文件，用作多媒体文件的播放列表。它并不包含实际的音频或视频数据，而是指向这些文件所在的位置——无论是在本地硬盘上还是在互联网上的服务器上。
了解 M3U 播放列表和性能瓶颈 在深入探讨优化技巧之前，了解 M3U 播放列表是什么以及它们有时性能不佳的原因很有帮助。M3U 文件本质上是包含媒体流 URL 列表的文本文件。当媒体播放器打开 M3U 播放列表时，它需要解析此文件，检索每个流的信息，并准备播放您选择的内容。
性能问题通常由多种因素引起。包含数千个频道的大型播放列表文件可能需要很长时间才能加载和解析。过时或失效的流 URL 会迫使播放器浪费时间尝试连接失败。此外，结构不良且缺少正确元数据的播放列表会减慢初始加载过程，并使频道导航变得繁琐。
为什么您的 M3U 播放列表播放缓慢：常见原因 找出根本原因是解决问题的第一步。以下是导致 M3U 播放列表播放缓慢的最常见原因。
播放列表过大 这是最直接的问题。一个包含 10,000 个条目的播放列表，其解析和加载到内存中所需的时间自然比一个包含 500 个条目的播放列表要长。虽然现代设备性能强大，但初始加载时间仍然可能相当长。
流媒体源不稳定或速度慢 这是播放过程中出现缓冲的首要原因。您的 M3U 文件只是一个映射；如果目标服务器（流媒体 URL）过载、速度慢或地理位置偏远，则播放效果会受到影响。单个失效链接也可能导致播放器在尝试连接时“卡住”。
缺乏缓存 打开播放列表时，播放器通常需要读取整个文件，有时甚至需要预取每个条目的元数据。如果没有合适的缓存机制，每次打开播放列表时，这个过程都会重复进行。
臃肿且冗余的元数据 #EXTINF 行包含曲目长度和标题等元数据。虽然这些元数据很有用，但过长的标题、特殊字符或错误的格式会导致解析延迟。此外，包含不必要的扩展元数据（例如 #EXTALB、#EXTART）会增加文件大小。
错误的文件路径和失效链接 如果播放列表中包含指向“404 Not Found”错误的链接，媒体播放器会在超时前浪费宝贵的时间和资源尝试连接到不存在的源。这会极大地降低导航和频道切换速度。
未优化的流媒体格式 对于视频而言，使用不适合流媒体播放的格式（例如原始的 .MP4 格式）而不是自适应流媒体格式（例如带有 .m3u8 清单文件的 HLS 格式）会导致播放器难以跟上播放速度，从而造成持续缓冲。
优化 M3U 播放列表的实用策略 现在来看看解决方案。让我们把运行缓慢的播放列表变成性能王者。Last Updated: 12 Nov, 2025
通过 M3U]8 播放列表 访问直播电视、广播电台和点播媒体内容已成为越来越流行的选择。然而，优化不佳的播放列表会导致令人沮丧的缓冲问题、缓慢的频道切换，以及整体观看体验的下降。如果您正在管理 M3U 播放列表，或者只是想改进您的流媒体设置，了解如何优化这些文件至关重要。
在本指南中，我们将探讨一些实用策略，以缩短加载时间并提升性能您的 M3U 播放列表，从而确保流畅可靠的流媒体播放。
什么是 M3U 播放列表？ 在解决问题之前，让我们先来了解一下它。M3U 是一个简单的文本文件，用作多媒体文件的播放列表。它并不包含实际的音频或视频数据，而是指向这些文件所在的位置——无论是在本地硬盘上还是在互联网上的服务器上。
了解 M3U 播放列表和性能瓶颈 在深入探讨优化技巧之前，了解 M3U 播放列表是什么以及它们有时性能不佳的原因很有帮助。M3U 文件本质上是包含媒体流 URL 列表的文本文件。当媒体播放器打开 M3U 播放列表时，它需要解析此文件，检索每个流的信息，并准备播放您选择的内容。
性能问题通常由多种因素引起。包含数千个频道的大型播放列表文件可能需要很长时间才能加载和解析。过时或失效的流 URL 会迫使播放器浪费时间尝试连接失败。此外，结构不良且缺少正确元数据的播放列表会减慢初始加载过程，并使频道导航变得繁琐。
为什么您的 M3U 播放列表播放缓慢：常见原因 找出根本原因是解决问题的第一步。以下是导致 M3U 播放列表播放缓慢的最常见原因。
播放列表过大 这是最直接的问题。一个包含 10,000 个条目的播放列表，其解析和加载到内存中所需的时间自然比一个包含 500 个条目的播放列表要长。虽然现代设备性能强大，但初始加载时间仍然可能相当长。
流媒体源不稳定或速度慢 这是播放过程中出现缓冲的首要原因。您的 M3U 文件只是一个映射；如果目标服务器（流媒体 URL）过载、速度慢或地理位置偏远，则播放效果会受到影响。单个失效链接也可能导致播放器在尝试连接时“卡住”。
缺乏缓存 打开播放列表时，播放器通常需要读取整个文件，有时甚至需要预取每个条目的元数据。如果没有合适的缓存机制，每次打开播放列表时，这个过程都会重复进行。
臃肿且冗余的元数据 #EXTINF 行包含曲目长度和标题等元数据。虽然这些元数据很有用，但过长的标题、特殊字符或错误的格式会导致解析延迟。此外，包含不必要的扩展元数据（例如 #EXTALB、#EXTART）会增加文件大小。
错误的文件路径和失效链接 如果播放列表中包含指向“404 Not Found”错误的链接，媒体播放器会在超时前浪费宝贵的时间和资源尝试连接到不存在的源。这会极大地降低导航和频道切换速度。
未优化的流媒体格式 对于视频而言，使用不适合流媒体播放的格式（例如原始的 .MP4 格式）而不是自适应流媒体格式（例如带有 .m3u8 清单文件的 HLS 格式）会导致播放器难以跟上播放速度，从而造成持续缓冲。
优化 M3U 播放列表的实用策略 现在来看看解决方案。让我们把运行缓慢的播放列表变成性能王者。Last Updated: 23 Oct, 2025
如果您曾经涉足数字媒体、流媒体领域，甚至创建过自己的音乐播放列表，那么您可能遇到过以 .m3u 或 .m3u8 结尾的文件。乍一看，它们几乎一模一样。那么，这有什么区别呢？哪个更好？
事实上，虽然 M3U 和 M3U8 拥有相同的名称和用途，但它们的运作方式却截然不同。选择错误的格式可能会导致流畅的流媒体体验和令人沮丧的错误信息之间的差异。在本指南中，我们将揭开这两种播放列表格式的神秘面纱。我们将探究它们的起源，分析它们的技术差异，并提供关于何时使用 M3U 和 M3U8 的清晰指导。
核心概念：什么是播放列表文件？ 在深入探讨差异之前，让我们先来了解一下这些文件是什么。M3U 和 M3U8 文件都不包含实际的音频或视频数据。可以将它们视为数字蓝图或路线图。它们是纯文本文件，包含指向实际媒体文件（例如 MP3、MP4、AAC 流等）所在位置的指针或路径。媒体播放器（例如 VLC、iTunes 或智能手机应用程序）会读取此文件，然后按顺序获取并播放列出的媒体。
什么是 M3U？原始播放列表格式 M3U 代表 MP3 URL（统一资源定位符），但它并不仅限于 MP3 文件。它最初是为 90 年代末的传奇媒体播放器 Winamp 开发的，用于创建简单的播放列表。
M3U 的主要特征： 格式：纯文本文件，扩展名为 .m3u。 编码：通常使用非 Unicode 编码，例如 ANSI 或系统的本地字符集（例如 ISO-8859-1）。 内容：包含文件路径或 URL 的列表。每个条目占一行。 局限性：缺乏标准化 Unicode 支持是其最大的弱点。如果文件路径包含特殊字符或国际字符（例如 à、ñ、中文），则可能导致文本乱码（mojibake）和错误。 一个简单的 M3U 文件示例： #EXTM3U C:\Music\Rock\song1.mp3 C:\Music\Rock\song2.flac \NAS\Shared\podcast.mp3 http://anystream.com/audio/stream.aac
顶部的 #EXTM3U 标签表示播放列表使用“扩展 M3U”格式，该格式可以包含歌曲名称和时长等额外元数据。
什么是 M3U8？现代 UTF-8 的后继者 M3U8 并非完全不同的格式；它是一种特定类型的 M3U 文件。“8”表示该文件使用 UTF-8 Unicode 编码。最近更新：2025年4月16日
在处理音频文件时，尤其是类似 WAV 的格式，了解WAV 文件头至关重要。头部包含关于音频数据的关键信息，如其格式、采样率等。在本文中，我们将深入探讨 WAV 文件头的结构，解释其每个部分，并进一步了解如何修复损坏的头部。
什么是 WAV 文件？ WAV（波形音频文件格式）是一种由 Microsoft 和 IBM 开发的标准音频文件格式。它存储原始的未压缩音频数据，广泛用于高质量音频录制和编辑。
一个 WAV 文件 包含两个主要部分：
头部 — 包含文件的元数据。 数据 — 包含实际的音频采样数据。 WAV 文件头的结构 WAV 文件头通常是文件的前 44 字节。它提供了关于如何解释音频数据的详细信息。以下是其结构的分解：
偏移（字节） 字段 大小（字节） 描述 0 块标识符 4 应为 “RIFF”，以指示文件格式。 4 块大小 4 文件大小减去 RIFF 标识和大小字段的 8 字节。 8 格式 4 应为 “WAVE”。 12 子块1 标识符 4 “fmt “（包含尾随空格）。 16 子块1 大小 4 格式块的大小（PCM 通常为 16）。 20 音频格式 2 格式代码（PCM/未压缩为 1）。 22 通道数 2 单声道 = 1，立体声 = 2，等等。 24 采样率 4 采样频率（例如 44100 Hz）。 28 字节率 4 SampleRate × NumChannels × BitsPerSample / 8。 32 块对齐 2 NumChannels × BitsPerSample / 8。 34 每样本位数 2 位深度（例如 16、24 或 32 位）。 36 子块2 标识符 4 “data” — 表示音频数据的开始。 40 子块2 大小 4 数据段中的字节数。 WAV 头部的可视化表示 +-----------------+---------+ | Chunk ID | "RIFF" | | Chunk Size | FileSize| | Format | "WAVE" | | Subchunk1 ID | "fmt " | | Subchunk1 Size | 16 | | Audio Format | 1 (PCM) | | Num Channels | 1/2 | | Sample Rate | 44100 | | Byte Rate | .最后更新: 16 Apr, 2025
如果您正在处理数字音频，了解 WAV 文件格式规范 至关重要。WAV，全称 Waveform Audio File Format，是存储原始未压缩音频数据的最流行格式之一。在本文中，我们将拆解 WAV 文件格式 是什么、它的技术规格，以及它为何对音频专业人士和爱好者同样重要。
什么是 WAV 文件？ WAV 文件是一种由 Microsoft 和 IBM 于 1991 年开发的音频文件格式。它基于 RIFF（资源互换文件格式） 结构，以标记的 “块”（chunks）方式存储数据。WAV 文件因通常包含 未压缩 PCM（脉冲编码调制） 音频而以高音质著称。
WAV 的突出特点 高音频保真度：无损、未压缩格式 支持多声道（单声道、立体声及更高声道数） 与大多数操作系统和音频编辑软件兼容 简单且可扩展的格式，可包含元数据 什么是 WAV 文件格式规范？ WAV 文件格式规范 是一份技术蓝图，定义了音频数据在 WAV 文件中的组织和存储方式。它使用 RIFF 格式，并包含多个关键数据块，以实现高质量的音频存储。
RIFF 头在 WAV 文件中的作用是什么？ RIFF 头至关重要，因为它标识文件为 WAV 文件并指定数据的结构和大小。它确保软件和音频播放器能够正确读取和解释该文件。
WAV 规范的核心组件 要理解 WAV 文件格式规范，需要仔细查看其结构。典型的 WAV 文件包含若干重要块：
1. RIFF 头 标识符：“RIFF” 文件大小：整体文件大小减去 8 字节 文件类型：“WAVE” 2.最后更新: 2025年1月16日
我们在之前的文章中已经讨论了#EXTM3U文件的关键要素和相关的重要主题。请查看以下链接。
#EXTM3U简介 如何手动使用#EXTM3U创建M3U播放列表文件 在本文中，我们将讨论用户在创建或编辑#EXTM3U文件时容易犯的常见错误。
#EXTM3U播放列表的关键语法元素 #EXTM3U: 这是播放列表文件的第一行，表示该文件是扩展的M3U播放列表。 #EXTINF:,: 该行提供媒体文件的持续时间（以秒为单位）和曲目的标题。 <duration>: 媒体文件的持续时间，以秒为单位。 <title>: 曲目的名称或标题。如果未提供标题，可以省略，将使用文件名代替。 <file_path>: 该行包含实际媒体文件的文件路径。根据文件的位置，它可以是相对路径或绝对路径。 #EXTM3U文件的结构： #EXTM3U文件的结构相对简单，由一个头部和多个条目组成，每个条目代表一个媒体文件。以下是结构的分解：
头部行:
文件以#EXTM3U开始，以标识它是一个扩展的M3U播放列表。 曲目条目:
每个曲目条目由两行组成： 第一行以#EXTINF:开始，并提供持续时间和标题。 第二行提供实际媒体文件的文件路径或URL。 完整#EXTM3U文件示例： #EXTM3U #EXTINF:215,Song A C:\Music\songA.mp3 #EXTINF:300,Song B C:\Music\songB.mp3 #EXTINF:180,Song C http://example.com/songC.mp3 播放列表以#EXTM3U开始。 第一首曲目“Song A”的持续时间为215秒，文件位于C:\Music\songA.mp3。 第二首曲目“Song B”的持续时间为300秒，文件位于C:\Music\songB.mp3。 第三首曲目“Song C”的持续时间为180秒，其URL为http://example.com/songC.mp3。 创建或编辑#EXTM3U文件时的常见错误和修复方法 创建和编辑#EXTM3U播放列表可能会出现一些错误。让我们来看看一些常见问题以及如何修复它们。
1. 缺失#EXTM3U头部 错误: 如果缺少#EXTM3U头部，播放列表可能无法被识别为有效的扩展M3U文件。 修复: 请始终确保播放列表的第一行为#EXTM3U。 2. #EXTINF中的持续时间格式错误 错误: #EXTINF行中指定的持续时间必须为正整数。常见的错误是输入非数字值或将持续时间留空。 修复: 确保持续时间是有效的整数，并用秒指定。例如，#EXTINF:240,Song Title。 3. 文件路径或URL错误 错误: 如果文件路径或URL不正确，媒体文件将无法找到或播放。 修复: 仔细检查文件路径或URL，确保它们是正确的和可访问的。对于本地文件使用绝对路径，并确保如果通过互联网流式传输，URL是有效的。 4. 省略曲目标题 错误: 在#EXTINF行中省略曲目标题可能会导致混淆，因为标题在播放列表中用于标识。 修复: 始终在#EXTINF行中包括标题。如果您希望将其留空，请务必提供持续时间（以秒为单位）。 5.
</section>
<footer class="entry-footer"><span title='2025-01-16 00:00:00 +0000 UTC'>一月 16, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 创建或编辑#EXTM3U文件时的常见错误及修复方法" href="https://blog.fileformat.com/zh/audio/common-errors-when-creating-or-editing-extm3u-files-and-how-to-fix-them/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>如何手动创建带有 #EXTM3U 的 M3U 播放列表文件
</h2>
</header>
<section class="entry-content-home">
最后更新: 2025年1月14日
M3U 和 #EXTM3U 之间的主要区别在于它们在 播放列表文件中的功能和用途。M3U是基础的播放列表文件格式。它仅列出媒体文件的位置（URL或文件路径），每行一个，没有任何额外的元数据。#EXTM3U 是 M3U 的扩展版本。它通过 #EXTINF 标签支持额外的元数据，允许你在每个媒体条日前添加诸如曲目名称、时长等信息。
如何手动创建 M3U 播放列表文件？ 创建 M3U 播放列表文件很简单。以下是你可以手动执行的步骤：
打开文本编辑器：使用记事本（Windows）或文本编辑（Mac）。 从 M3U 头开始：第一行必须是 #EXTM3U 以指明这是扩展的 M3U 文件。 添加媒体条目：每个媒体文件（音频或视频）应该有自己的条目。例如： #EXTINF:123, Sample Song http://www.example.com/song.mp3 #EXTINF 行指定像时长和标题这样的元数据，后跟媒体的 URL 或文件路径。 保存文件：将文件保存为 .m3u 扩展名。 示例文件和截图 下载示例文件：您可以通过此链接下载一个扩展 #EXTM3U 文件的示例：下载 M3U #EXTM3U 播放列表 示例文件截图：截图展示了 VLC 如何播放 M3U 文件并显示元数据。 如何使用 #EXTM3U 添加元数据？ 在 M3U 播放列表中，可以使用 #EXTINF 添加元数据。此标签提供有关媒体文件的更多信息，例如其时长、标题等。以下是一个示例：
#EXTINF:123, Song Title http://www.example.com/song.mp3 #EXTINF:123 中的 123 表示媒体的时长（以秒为单位），Song Title 是曲目的显示名称。你可以通过调整逗号后的字符串来添加更多元数据，如艺术家、专辑和流派。
使用 #EXTM3U 文件进行 IPTV 流媒体：逐步指南 M3U 文件也广泛用于 IPTV 流媒体。以下是使用 M3U 文件进行 IPTV 的简单指南：
</section>
<footer class="entry-footer"><span title='2025-01-14 00:00:00 +0000 UTC'>一月 14, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 如何手动创建带有 #EXTM3U 的 M3U 播放列表文件" href="https://blog.fileformat.com/zh/audio/how-to-create-add-metadata-and-use-m3u-playlist-files-for-iptv-streaming/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>介绍 #EXTM3U
</h2>
</header>
<section class="entry-content-home">
最后更新: 2025年1月13日
播放列表文件在高效管理和播放数字媒体内容中起着至关重要的作用。有多种格式，其中一种常用于音频和视频流的是 M3U 格式。
然而，并非所有 M3U 文件都是相同的。#EXTM3U 格式是 M3U 的一种变体，引入了额外的功能，以增强播放列表体验。
什么是 #EXTM3U 及其在播放列表文件中的作用？ #EXTM3U 是 M3U 格式的扩展版本，广泛用于创建多媒体播放列表。M3U 和 #EXTM3U 之间的关键区别在于播放列表中是否包含元数据。#EXTM3U 头部表示播放列表将包含额外的信息，如曲目时长、标题和其他属性，这些在标准的 M3U 文件中不存在。
一个 #EXTM3U 文件 通常包含一个或多个音频或视频文件引用，每个文件都附带描述曲目内容的元数据。这些元数据允许媒体播放器解释关于媒体的更多细节，如曲目的持续时间或标题，从而增强用户体验。
基本 #EXTM3U 文件示例： #EXTM3U #EXTINF:123, Sample Artist - Sample Song /sample/path/song1.mp3 #EXTINF:456, Another Artist - Another Song /sample/path/song2.mp3 在此示例中，#EXTINF 标签提供了每个曲目的持续时间（以秒为单位）以及描述（艺术家和歌曲名称）。紧随 #EXTINF 标签后的路径是要播放的媒体文件的位置。
更多示例 示例 1: 基本 M3U 播放列表 #EXTM3U #EXTINF:123,Sample Artist - Sample Title /path/to/audio1.mp3 #EXTINF:456,Another Artist - Another Title /path/to/audio2.mp3 解释: #EXTM3U: 这是告诉媒体播放器此为扩展 M3U 播放列表的头部。 #EXTINF:123,Sample Artist - Sample Title: 此行包含元数据（轨道持续时间和歌曲标题）。 /path/to/audio1.
</section>
<footer class="entry-footer"><span title='2025-01-13 00:00:00 +0000 UTC'>一月 13, 2025</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 介绍 #EXTM3U" href="https://blog.fileformat.com/zh/audio/introduction-to-extm3u-enhancing-playlist-files-with-metadata/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="next" href="https://blog.fileformat.com/zh/categories/audio/page/2/">下一页 »</a>
</nav>
</footer>
</main>
<footer class="footer">
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>
<script>
(function(i, s, o, g, r, a, m) {i['ContainerizeMenuObject'] = r; i[r] = i[r] || function() {(i[r].q = i[r].q || []).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o),m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.append(a)})(window, document, 'script', 'https://menu.containerize.com/scripts/engine.min.js?v=1.0.1', 'fileformat-zh');
</script>
<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>