PlantUML

Configure PlantUML integration with GitLab Self-Managed.

PlantUML 통합을 사용해 스니펫, 위키, 리포지터리에서 다이어그램을 만듭니다. GitLab.com은 모든 사용자에게 PlantUML 통합을 제공하며, 추가 구성이 필요하지 않습니다. GitLab Self-Managed 인스턴스에서 이 통합을 설정하려면 PlantUML 서버를 구성 해야 합니다. 통합을 완료하면 PlantUML 이 plantuml 블록을 소스가 PlantUML 인스턴스를 가리키는 HTML 이미지 태그로 변환합니다. PlantUML 다이어그램 구분자 @startuml / @enduml 은 plantuml 블록으로 대체되므로 필요하지 않습니다. .md 확장자를 사용하는 Markdown 파일: < div class = "diagram-placeholder" > < div class = "diagram-placeholder-header" > PlantUML 다이어그램 (2줄) </ div > < details > < summary > 소스 코드 보기 </ summary > < pre > < code > Bob - > Alice : hello Alice - > Bob : hi </ code > </ pre > </ details > </ div > 추가로 허용되는 확장자는 languages.yaml 파일에서 확인합니다. .asciidoc , .adoc , .asc 확장자를 사용하는 AsciiDoc 파일: [plantuml, format="png", id="myDiagram", width="200px"] ---- Bob->Alice : hello Alice -> Bob : hi ---- reStructuredText: .. plantuml:: :caption: Caption with **bold** and *italic* Bob -> Alice: hello Alice -> Bob: hi sphinxcontrib-plantuml 과의 호환성을 위해 uml:: 지시자를 사용할 수 있지만, GitLab은 caption 옵션만 지원합니다. PlantUML 서버가 올바르게 구성돼 있으면 다음 예시는 코드 블록 대신 다이어그램을 렌더링합니다. PlantUML 다이어그램 (2줄) 소스 코드 보기 Bob -> Alice : hello Alice -> Bob : hi 블록 안에는 PlantUML 이 지원하는 다이어그램을 넣을 수 있습니다. 예를 들면 다음과 같습니다. Activity Class Component Object Sequence State Use Case 블록 정의에는 파라미터를 추가합니다. id : 다이어그램 HTML 태그에 추가되는 CSS ID. width : 이미지 태그에 추가되는 width 속성. height : 이미지 태그에 추가되는 height 속성. Markdown은 파라미터를 지원하지 않으며, 항상 PNG 형식을 사용합니다. 다이어그램 파일 포함 # 리포지터리의 별도 파일에