AbabCatのblog

1
:::note
2
这里填写内容。
3
:::

1
:::note[自定义标题]
2
这是一个带有自定义标题的 note。
3
:::

1
> [!NOTE]
2
> 这里支持 GitHub 语法。
3

4
> [!TIP]
5
> 这里同样支持 GitHub 语法。

1
你能看到后面一句吗，:spoiler[被隐藏了 **114514**]!

1
graph TD
2
    A[开始] --> B{条件检查}
3
    B -->|是| C[处理步骤 1]
4
    B -->|否| D[处理步骤 2]
5
    C --> E[子流程]
6
    D --> E
7
    subgraph E [子流程详情]
8
        E1[子步骤 1] --> E2[子步骤 2]
9
        E2 --> E3[子步骤 3]
10
    end
11
    E --> F{另一个决策}
12
    F -->|选项 1| G[结果 1]
13
    F -->|选项 2| H[结果 2]
14
    F -->|选项 3| I[结果 3]
15
    G --> J[结束]
16
    H --> J
17
    I --> J

1
sequenceDiagram
2
    participant 用户
3
    participant Web应用
4
    participant 服务器
5
    participant 数据库
6

7
    用户->>Web应用: 提交登录请求
8
    Web应用->>服务器: 发送认证请求
9
    服务器->>数据库: 查询用户凭证
10
    数据库-->>服务器: 返回用户数据
11
    服务器-->>Web应用: 返回认证结果
12

13
    alt 认证成功
14
        Web应用->>用户: 显示欢迎页面
15
        Web应用->>服务器: 请求用户数据
16
        服务器->>数据库: 获取用户偏好设置
17
        数据库-->>服务器: 返回偏好设置
18
        服务器-->>Web应用: 返回用户数据
19
        Web应用->>用户: 加载个性化界面
20
    else 认证失败
21
        Web应用->>用户: 显示错误信息
22
        Web应用->>用户: 提示重新输入
23
    end

1
gantt
2
    title 网站开发项目时间表
3
    dateFormat  YYYY-MM-DD
4
    axisFormat  %m/%d
5

6
    section 设计阶段
7
    需求分析          :a1, 2023-10-01, 7d
8
    UI 设计           :a2, after a1, 10d
9
    原型创建          :a3, after a2, 5d
10

11
    section 开发阶段
12
    前端开发          :b1, 2023-10-20, 15d
13
    后端开发          :b2, after a2, 18d
14
    数据库设计        :b3, after a1, 12d
15

16
    section 测试阶段
17
    单元测试          :c1, after b1, 8d
18
    集成测试          :c2, after b2, 10d
19
    用户验收测试      :c3, after c2, 7d
20

21
    section 部署阶段
22
    生产环境部署      :d1, after c3, 3d
23
    正式上线          :milestone, after d1, 0d

1
classDiagram
2
    class 用户 {
3
        +String 用户名
4
        +String 密码
5
        +String 邮箱
6
        +Boolean 是否激活
7
        +登录()
8
        +登出()
9
        +更新个人资料()
10
    }
11

12
    class 文章 {
13
        +String 标题
14
        +String 内容
15
        +Date 发布日期
16
        +Boolean 是否发布
17
        +发布()
18
        +编辑()
19
        +删除()
20
    }
21

22
    class 评论 {
23
        +String 内容
24
        +Date 评论日期
25
        +添加评论()
26
        +删除评论()
27
    }
28

29
    class 分类 {
30
        +String 名称
31
        +String 描述
32
        +添加文章()
33
        +移除文章()
34
    }
35

36
    用户 "1" -- "*" 文章 : 撰写
37
    用户 "1" -- "*" 评论 : 发表
38
    文章 "1" -- "*" 评论 : 包含
39
    文章 "*" -- "1" 分类 : 属于

1
stateDiagram-v2
2
    [*] --> 草稿
3

4
    草稿 --> 审核中 : 提交
5
    审核中 --> 草稿 : 拒绝
6
    审核中 --> 已批准 : 批准
7
    已批准 --> 已发布 : 发布
8
    已发布 --> 已归档 : 归档
9
    已发布 --> 草稿 : 撤回
10

11
    state 已发布 {
12
        [*] --> 可见
13
        可见 --> 隐藏 : 暂时隐藏
14
        隐藏 --> 可见 : 恢复
15
        可见 --> [*]
16
        隐藏 --> [*]
17
    }
18

19
    已归档 --> [*]

1
pie title 网站流量来源分析
2
    "搜索引擎" : 45.6
3
    "直接访问" : 30.1
4
    "社交媒体" : 15.3
5
    "引荐链接" : 6.4
6
    "其他来源" : 2.6

1
<iframe
2
    width="宽度设置"
3
    height="高度设置"
4
    src="视频播放器链接"
5
    title="框架标题"
6
    frameborder="边框设置"
7
    allow="权限设置"
8
    allowfullscreen
9
></iframe>

1
<iframe
2
    width="100%"
3
    height="468"
4
    src="https://www.youtube.com/embed/C-CYwNz3z8w"
5
    title="YouTube video player"
6
    frameborder="0"
7
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
8
    allowfullscreen
9
></iframe>

1
<iframe
2
    width="100%"
3
    height="468"
4
    src="//player.bilibili.com/player.html?bvid=BV1JThqzwEGq&p=1&autoplay=0"
5
    scrolling="no"
6
    border="0"
7
    frameborder="no"
8
    framespacing="0"
9
    allowfullscreen="true"
10
    &autoplay=0
11
></iframe>