我的第一篇学习笔记

今天开始使用 Hugo 搭建我的学习笔记网站。

为什么选择 Hugo？

Hugo 是一个静态网站生成器，具有以下优点：

  • 构建速度快
  • 主题丰富
  • 易于部署到 GitHub Pages

下一步计划

  1. 学习更多 Hugo 知识
  2. 定制 PaperMod 主题
  3. 写更多学习笔记

持续更新中…

Mermaid 图表示例

Hugo PaperMod 主题内置支持 Mermaid.js，可以直接使用。

流程图

flowchart TD A[开始] --> B{是否有问题?} B -->|是| C[分析问题] B -->|否| D[继续学习] C --> E[查找资料] E --> F[解决问题] F --> G[总结经验] G --> D D --> H[结束]

函数调用关系图

graph LR A[main 函数] --> B[init] A --> C[processData] C --> D[validateInput] C --> E[transformData] E --> F[saveResult] D --> F

类图/模块关系

classDiagram class App { +main() +init() } class DataProcessor { +processData() +validate() } class Storage { +save() +load() } App --> DataProcessor DataProcessor --> Storage

时序图

sequenceDiagram participant U as 用户 participant H as Hugo participant P as PaperMod participant G as GitHub Pages U->>H: 编写 Markdown H->>P: 生成静态页面 P->>G: 推送到仓库 G->>G: 自动部署 G-->>U: 网站上线