1、使用说明

欢迎使用本个人网站模板！这是一个使用 HTML + Markdown 构建的轻量级个人网站，所有内容均可通过编辑 Markdown 文件轻松更新。

---

2、文件结构

文件	说明
readme.md	本说明文档
profile.md	左侧头像与昵称（支持 Markdown 图片和文本）
toc.md	左侧导航目录（使用 Markdown 列表）
contents/home.md	前言页面（示例）
contents/***.md	***页面（示例）

---

3、快速开始

1. 编辑内容：直接修改对应的 .md 文件即可更新网站内容，无需触碰 HTML 代码。
2. 添加新页面：在 toc.md 中添加新的列表项（如 - [新页面](newpage.md)），并创建对应的 .md 文件。
3. 内部目录：在 Markdown 中使用 ##、###、#### 创建标题，右侧会自动生成可点击的目录树。
4. 目录收起：点击右侧目录栏顶部的「收起」按钮可折叠目录，点击「展开」恢复。

---

4、功能特性

• 三栏布局：左侧（头像+昵称 + 导航目录） | 中间（内容主体） | 右侧（内部目录）
• Markdown 驱动：所有内容均来自外部 .md 文件，方便维护和扩展
• 内部目录：自动提取 H2/H3/H4 标题，支持点击跳转和滚动同步高亮
• 智能显示：当内容无标题时，内部目录栏自动隐藏
• 响应式设计：在手机等小屏设备上自动适配为上下结构
• 默认首页：首次进入时自动加载 home.md 并高亮对应菜单项

---

5、自定义建议

• 更换头像：修改 profile.md 中的图片链接（使用 ![](url) 语法）
• 修改导航：编辑 toc.md 中的列表项，格式为 - [显示名称](文件名.md)
• 调整样式：如需修改颜色或字体，可在 HTML 的 <style> 块中调整 CSS 变量

---

6、提示

所有 Markdown 文件均支持标准 Markdown 语法，包括标题、列表、链接、图片、代码块等。

---

欢迎交流与合作。

• 📧 邮箱：tototofu@163.com
• 💼 GitHub、CSDN

如有任何问题，欢迎在 GitHub 上提 issue 或 PR。