s10nfault的个人博客

Mermaid UML 使用指南

Sat, 11 Jul 2026 00:00:00 +0000

提示

修改：本文已根据站点主题重写示例，补充了更完整的 Mermaid 事例，并补齐转载来源。

这篇文章说明如何在本站使用 Mermaid 编写图表，示例主要参考菜鸟教程 Mermaid 图表，并结合本博客主题做了可读性优化。

注意

Mermaid 采用按需加载。只有包含 Mermaid 代码块的页面才会加载 Mermaid 脚本。

快速开始

使用语言标识为 mermaid 的代码块：

```mermaid
classDiagram
 class GameObject {
 +id: Guid
 +update(dt)
 }
```

UML 示例（代码与图一一对应）

以下每个案例都采用“代码”+“效果图”成对展示，并选取更典型的业务场景，方便直接复制和对照。

Command Pattern

Mon, 06 Jul 2026 00:00:00 +0000

Building a bridge between inputs and actions to decouple them is the core feature of the Command Pattern.

1. The real life problem

When creating a player-controlled character, we always face the problem of how to bind user inputs to character actions.

At first glance, this might not even seem like a problem. We can easily handle it using simple if statements.

public class Hero {

 public Hero(Vector2d position) {
 _position = position;
 }

 private Vector2D _position = new(0 , 0);

 //Some properties...

 public void Move() {
 if (Input.GetKeyDown(KeyCode.W))
 _position += Vector2d.Up;
 if (Input.GetKeyDown(KeyCode.A))
 _position += Vector2d.Left;
 if (Input.GetKeyDown(KeyCode.D))
 _position += Vector2d.Right;
 if (Input.GetKeyDown(KeyCode.S))
 _position += Vector2d.Down;
 }

 //Some Methods...
}

However, as players, we are often annoyed by bad default keybindings in other games. Therefore, as developers, we must support custom key configurations.

Hugo 入门指南

Sat, 27 Jun 2026 00:00:00 +0000

Hugo 是最受欢迎的开源静态网站生成器之一。凭借其惊人的速度和灵活性，Hugo 让构建网站再次变得充满乐趣。

安装

安装 Hugo 非常简单。在 macOS 上，你可以使用 Homebrew：

brew install hugo

在 Windows 上，你可以使用 Chocolatey：

choco install hugo-extended

创建新站点

安装好 Hugo 后，创建一个新站点非常简单：

hugo new site my-blog
cd my-blog

添加内容

创建你的第一篇文章：

hugo new posts/my-first-post.md

运行本地开发服务器

使用以下命令启动开发服务器：

hugo server -D

你的站点将可以通过 http://localhost:1313 进行访问。

生产环境构建

当你准备好发布时，构建你的站点：

hugo

输出的静态文件将存放在 public/ 目录中。

结语

Hugo 是一款功能强大且快速的静态网站生成器。不妨在你的下一个项目中尝试一下吧！