[WIP] Optimize styling design for GitHub Pages

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

优化当前 GitHub Pages 的样式设计，使其更加易读易访问。主要改进内容包括：

1. 导航与目录结构

   • 添加顶部导航栏
   • 实现左侧目录导航（Table of Contents）
   • 支持快速跳转到各个章节

2. 排版与间距优化

   • 调整字体大小和行高，提升阅读舒适度
   • 增加内容区域的最大宽度限制（避免过宽）
   • 优化段落和标题的间距

3. 代码块与代码示例

   • 改进代码块的样式（背景色、边框、高亮）
   • 添加复制按钮
   • 语法高亮美化

4. 列表与引用优化

   • 改进有序/无序列表的样式
   • 优化 blockquote（引用）的视觉效果
   • 添加 emoji 的合理显示

5. 深色模式支持

   • 支持系统深色模式偏好
   • 提供主题切换选项

6. 响应式设计

   • 确保在移动设备上的良好显示
   • 优化手机端的导航体验

7. 其他可用性改进

   • 添加页面回到顶部按钮
   • 改进表格样式
   • 添加搜索功能支持

实现文件：

• 更新 _config.yml 配置
• 创建自定义 CSS 文件 assets/css/style.scss
• 创建自定义 assets/css/navbar.scss 导航栏样式
• 创建改进的 HTML 布局 _layouts/default.html

目标：使文档更加易于浏览、搜索和阅读，提升用户体验。

This pull request was created as a result of the following prompt from Copilot chat.

优化当前 GitHub Pages 的样式设计，使其更加易读易访问。主要改进内容包括：

1. 导航与目录结构

   • 添加顶部导航栏
   • 实现左侧目录导航（Table of Contents）
   • 支持快速跳转到各个章节

2. 排版与间距优化

   • 调整字体大小和行高，提升阅读舒适度
   • 增加内容区域的最大宽度限制（避免过宽）
   • 优化段落和标题的间距

3. 代码块与代码示例

   • 改进代码块的样式（背景色、边框、高亮）
   • 添加复制按钮
   • 语法高亮美化

4. 列表与引用优化

   • 改进有序/无序列表的样式
   • 优化 blockquote（引用）的视觉效果
   • 添加 emoji 的合理显示

5. 深色模式支持

   • 支持系统深色模式偏好
   • 提供主题切换选项

6. 响应式设计

   • 确保在移动设备上的良好显示
   • 优化手机端的导航体验

7. 其他可用性改进

   • 添加页面回到顶部按钮
   • 改进表格样式
   • 添加搜索功能支持

实现文件：

• 更新 _config.yml 配置
• 创建自定义 CSS 文件 assets/css/style.scss
• 创建自定义 assets/css/navbar.scss 导航栏样式
• 创建改进的 HTML 布局 _layouts/default.html

目标：使文档更加易于浏览、搜索和阅读，提升用户体验。

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.