static/components/sidebar.html

<link rel="stylesheet" href="components/sidebar.css">
<!-- Sidebar -->
<aside class="sidebar" role="navigation" aria-label="Main Navigation" data-i18n-aria-label="nav.main">
    <nav class="sidebar-nav">
        <a href="#dashboard" class="nav-item active" data-section="dashboard" aria-label="Dashboard" data-i18n-aria-label="nav.dashboard">
            <i class="fas fa-tachometer-alt" aria-hidden="true"></i> <span data-i18n="nav.dashboard">仪表盘</span>
        </a>
        <a href="#guide" class="nav-item" data-section="guide" aria-label="User Guide" data-i18n-aria-label="nav.guide">
            <i class="fas fa-book" aria-hidden="true"></i> <span data-i18n="nav.guide">使用指南</span>
        </a>
        <a href="#tutorial" class="nav-item" data-section="tutorial" aria-label="Configuration Tutorial" data-i18n-aria-label="nav.tutorial">
            <i class="fas fa-graduation-cap" aria-hidden="true"></i> <span data-i18n="nav.tutorial">配置教程</span>
        </a>
        <a href="#config" class="nav-item" data-section="config" aria-label="Config Management" data-i18n-aria-label="nav.config">
            <i class="fas fa-cog" aria-hidden="true"></i> <span data-i18n="nav.config">配置管理</span>
        </a>
        <a href="#providers" class="nav-item" data-section="providers" aria-label="Provider Pool Management" data-i18n-aria-label="nav.providers">
            <i class="fas fa-network-wired" aria-hidden="true"></i> <span data-i18n="nav.providers">提供商池管理</span>
        </a>
        <a href="#upload-config" class="nav-item" data-section="upload-config" aria-label="Credential Files Management" data-i18n-aria-label="nav.upload">
            <i class="fas fa-upload" aria-hidden="true"></i> <span data-i18n="nav.upload">凭据文件管理</span>
        </a>
        <a href="#usage" class="nav-item" data-section="usage" aria-label="Usage Query" data-i18n-aria-label="nav.usage">
            <i class="fas fa-chart-bar" aria-hidden="true"></i> <span data-i18n="nav.usage">用量查询</span>
        </a>
        <a href="#plugins" class="nav-item" data-section="plugins" aria-label="Plugin Management" data-i18n-aria-label="nav.plugins">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> <span data-i18n="nav.plugins">插件管理</span>
        </a>
        <a href="#logs" class="nav-item" data-section="logs" aria-label="Real-time Logs" data-i18n-aria-label="nav.logs">
            <i class="fas fa-file-alt" aria-hidden="true"></i> <span data-i18n="nav.logs">实时日志</span>
        </a>
    </nav>
</aside>