Markdown PlantUML 图表 - JasonShane

找不到相关结果。

横幅设置

文章布局

技术笔记 4 好物推荐 2 年度规划 2 文章示例 2 AI笔记 1 TRAE 1 开源推荐 1 游戏杂谈 1 生活随笔 1 经验教训 1 观番笔记 1 贡献荣誉 1

1008 字

5 分钟

Markdown PlantUML 图表

1970-01-01

PlantUML

/

Firefly

/

Markdown

Markdown 中 PlantUML 图表指南#

PlantUML 是一种使用纯文本描述图表的工具。你只需要写一段结构化语法，就可以生成时序图、类图、用例图、活动图等常见工程图。

它特别适合写在技术博客和项目文档里：

图表和正文一起版本管理，便于协作与审阅
修改图只需要改文本，适合频繁迭代
能和 Markdown 无缝结合，保持文档统一

在 Firefly 中，plantuml 代码块会在构建阶段编码并生成服务器 SVG 地址，页面端再根据亮暗主题自动切换图源，并支持缩放、拖拽和全屏交互。

如果你想快速上手，可以记住这个最小模板：

@startuml
Alice -> Bob: Hello
Bob --> Alice: Hi
@enduml

活动图示例#

@startuml
start
:用户提交订单;
if (库存充足?) then (是)
:冻结库存;
:创建支付单;
if (支付成功?) then (是)
:生成发货单;
:通知仓库拣货;
else (否)
:取消订单;
:释放库存;
endif
else (否)
:提示缺货;
endif
stop
@enduml

状态图示例#

@startuml
[*] --> 草稿

草稿 --> 待审核 : 提交
待审核 --> 草稿 : 驳回
待审核 --> 已发布 : 审核通过
已发布 --> 已归档 : 到期归档
已发布 --> 草稿 : 撤回修改

state 已发布 {
[*] --> 可见
可见 --> 隐藏 : 手动隐藏
隐藏 --> 可见 : 恢复展示
}

已归档 --> [*]
@enduml

用例图示例#

@startuml
left to right direction
actor 游客
actor 用户
actor 管理员

rectangle 博客系统 {
usecase "浏览文章" as UC1
usecase "搜索内容" as UC2
usecase "发表评论" as UC3
usecase "点赞收藏" as UC4
usecase "审核评论" as UC5
usec

组件图示例#

@startuml
package "Firefly Site" {
[Astro App] as App
[Markdown Parser] as Parser
[PlantUML Encoder] as Encoder
[Theme Switcher] as Theme
[Search Indexer] as Search
}

cloud "PlantUML Server" as

部署图示例#

@startuml
node "User Device" {
artifact "Browser"
}

node "CDN / Edge" {
artifact "Static Assets"
}

node "Cloudflare Worker" {
artifact "SSR Handler"
}

node "PlantUML Service" {
artifact "SVG Re

ER 图示例#

$@startuml entity User { *id : uuid <<PK>> -- username : varchar email : varchar created_at : datetime } entity Post { *id : uuid <<PK>> -- author_id : uuid <<FK>> title : varchar content :$

时序图示例（登录与刷新令牌）#

@startuml
autonumber
actor User as 用户
participant Web as 前端页面
participant API as 网关接口
participant Auth as 认证服务
database Redis as 会话缓存

用户 -> 前端页面 : 输入账号密码并提交
前端页面 -> 网关接口 : POST /login
网关接口 -> 认证服务 :

C4 风格容器图示例#

$@startuml !includeurl https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml Person(user, "博客访客", "阅读文章与搜索内容") System_Boundary(system, "Firefly Blog") { Container(we$

支持与分享

如果这篇文章对你有帮助，欢迎分享给更多人或赞助支持！

Markdown PlantUML 图表

https://blog.xshan.top/posts/markdown-plantuml/

作者

Jason Shane

发布于

1970-01-01

许可协议

CC BY-NC-SA 4.0

Firefly 文章加密

相关文章智能推荐

近期TRAE社区贡献荣誉

贡献荣誉混水摸鱼3个月也获得了不少的称号和徽章，认识了不少朋友，特此在这里记录一下获取的荣誉

精华丨GLM-5.1丨一次完美的项目重构全流程剖析案例

TRAE 距离GLM-5.1正式发布已经过去了10天，官方之前宣称能够连续8小时的任务也一直没有去试验，一直扎在SOLO 3.0中研究，昨晚突然心血来潮想要重构我的[导航站](https://nav.xshan.top/)，它是一个开源项目但因为很早以前就被我截断关联，一直以来也没有进行改善，所以我在想GLM-5.1大家都在拥护它的强度，那么它能不能完成整套系统的重构(包含前后端)，所以这个案例就由此诞生了。

游戏杂谈 - 关于开拓者身份的思考

游戏杂谈崩坏：星穹铁道中的玩家主角真实身份目前仍未揭晓，但游戏中存在多种提示

又是新的一年

生活随笔时间过的真快，一转眼又到了除夕

开源推荐(1)

开源推荐推荐日常生活或开发过程中常用的开源工具、软件或平台

随机文章随机推荐

评论区

分享你的想法，与大家交流讨论

Jason Shane

七月初七，淮水竹亭

欢迎来到我的博客！这里记录了我的各种开拓经验！

文章

18

分类

12

标签

36

总字数

20,619

运行时长

0 天

最后活动

0 天前

文章目录