我的第一篇学习笔记

我的第一篇学习笔记 今天开始使用 Hugo 搭建我的学习笔记网站。 为什么选择 Hugo? Hugo 是一个静态网站生成器,具有以下优点: 构建速度快 主题丰富 易于部署到 GitHub Pages 下一步计划 学习更多 Hugo 知识 定制 PaperMod 主题 写更多学习笔记 持续更新中… 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: 网站上线

March 16, 2026 · 1 min · Zero-Kq

Hugo 快速入门指南

Hugo 快速入门指南 安装 Hugo 在 Windows 上可以使用 Chocolatey 或 Scoop 安装: 1 scoop install hugo 创建新站点 1 hugo new site my-site 添加主题 1 2 3 cd my-site git init git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod 启动开发服务器 1 hugo server 构建生产版本 1 hugo 这样就可以生成静态网站文件了!

March 15, 2026 · 1 min · Zero-Kq