❓ 帮助中心

🌸 关于本站

这是 mako 设计的个人学习记录网站,用于记录课程笔记、管理日程、展示作业成果。

网站使用纯原生 HTML + CSS + JavaScript 构建,数据保存在您的本地浏览器中(localStorage)。所有功能无需注册即可使用!

🚀 快速上手

  1. 设置您的 GitHub 仓库(可选)
    在下方「⚙️ 自定义设置」中填入您的 GitHub 仓库路径,这样上传文件时会显示正确的路径提示。
  2. 添加您的课程
    在首页点击「➕ 添加课程」,填写课程名称、选择图标即可。
  3. 开始记录笔记
    进入「课程笔记」页面,选择课程后即可使用 Markdown 语法编写笔记。
  4. 管理作业和待办
    在「课程作业」添加作业,带截止日期的作业会自动同步到日程的待办列表。
  5. 自定义背景图
    在下方「🖼️ 更换背景图」上传本地图片作为网站背景。

🧭 页面功能

  • 📚 首页 - 展示所有课程卡片,点击可编辑课程信息或查看详情
  • 📝 课程笔记 - 按课程分类编写 Markdown 笔记,支持文件上传
  • 📋 课程作业 - 添加/管理各课程的作业,带截止日期自动同步到待办
  • 📅 日程 - 上方是待办事项列表,下方是可编辑的课程表
  • ❓ 帮助 - 本页面

📅 待办事项使用指南

  • 输入待办内容,选择截止日期(可选)和关联课程,点击「添加」
  • 点击复选框可标记完成,完成后文字会变灰并划线
  • 截止日期颜色:红色=已过期橙色=今天黄色=3天内
  • 筛选按钮:「全部」「今天」「即将到期」「已完成」
  • 添加带截止日期的作业时,会自动在待办中创建关联任务

📊 课程表使用指南

  • 点击「➕ 添加课程项」可以添加新课程到课表中
  • 选择课程、星期、节次、周次类型(全部/单周/双周)和上课地点
  • 点击右上角的「⚙️ 设置」可以修改学期开始日期和总周数
  • 点击「本周」按钮可快速回到当前周
  • 点击时间节次(左侧)可以编辑该节次的名称和时间
  • 单周/双周课程会根据当前周自动显示/隐藏

📝 Markdown 语法参考

# 一级标题 标题
## 二级标题 副标题
**粗体文本** 粗体文本
*斜体文本* 斜体文本
- 无序列表项 • 无序列表项
[链接文字](URL) 链接文字
> 引用文本 引用文本
`行内代码` 行内代码
```代码块``` 多行代码块

📐 LaTeX 数学公式

$行内公式$ 行内公式(如 $x^2$)
$$块级公式$$ 块级公式(居中显示)
\[ 多行公式 \\ 换行 \] 多行公式(使用 \\[...\\] 包裹,\\\\ 换行)

提示:KaTeX 不支持 $$$$...$$$$ 语法。请使用 \[ ... \] 包裹多行公式,内部使用 \\ 换行。

📎 文件上传说明

在「课程笔记」页面可以上传文件(Markdown、文本、PDF)。

  • 上传后请根据提示的 GitHub 路径,将文件手动上传到您的仓库对应目录
  • Markdown 和文本文件内容会保存在浏览器中,可直接预览
  • PDF 文件只记录元数据,实际预览需要上传到 GitHub 后点击「在新窗口打开」

❓ 常见问题

Q: 数据存储在哪里?

A: 所有数据保存在您浏览器的 localStorage 中。清除浏览器数据会导致笔记、作业、课程表等信息丢失。建议定期备份重要数据。

Q: 笔记会自动保存吗?

A: 不会自动保存,需要手动点击「💾 保存」按钮。关闭页面时会提示是否保存未保存的更改。

Q: 如何自定义网站外观?

A: 在下方「🖼️ 更换背景图」上传本地图片作为背景。在「⚙️ 自定义设置」中配置 GitHub 仓库路径。

Q: 如何获取自己的网站副本?

A: 将本项目Fork到您的 GitHub 仓库,修改内容后通过 GitHub Pages 托管即可。

Q: 作业和待办有什么区别?

A: 作业是课程相关的任务,待办是更通用的任务清单。添加带截止日期的作业时,系统会自动创建关联的待办事项。

📬 联系方式

如有问题或建议,欢迎通过以下方式联系:

GitHub

⚙️ 自定义设置

如果您想使用自己的 GitHub 仓库来存储课程资料,请填写以下信息:

格式:username/仓库名

🎨 外观设置

提示:樱花动画在低端设备上可能会造成卡顿,可以关闭以提升性能。

💾 数据备份与恢复

将您的所有数据导出为 JSON 文件进行备份,或从备份文件恢复数据:

注意:导入数据会覆盖现有数据,请谨慎操作。

🖼️ 更换背景图

为不同页面设置专属背景图,上传后自动应用到对应页面:

当前预览:🏠 首页

📋 已设置的页面背景

点击以下卡片可快速切换并管理各页面背景