Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

HowTo | UML in Wiki

ML-TANGO edited this pageOct 6, 2022 ·5 revisions

How to add UML in Wiki

References:


First create *.pulm file in the GitHub repo (e.g., docs/test.puml`) and add following puml code in the file.For example,

@startuml'https://plantuml.com/class-diagraminterface MemberServiceinterface MemberRepositoryclass MemoryMemberRepositoryMemberRepository -- MemberServiceMemberRepository <|-- MemoryMemberRepository@enduml
  • you can edit puml content at onlinePUML Server and the copy the codes into yourrepo/docs/test.puml file
  • Online pulm server you should wrap you uml code with@startuml ... @enduml but removes itrepo/docs/test.puml file

Then, in your Markdown Wiki, insert UML rendering images using Plant UML proxy functionhttp://www.plantuml.com/plantuml/proxy as follows:

![class-diagram](http://www.plantuml.com/plantuml/proxy?src=https://raw.githubusercontent.com/ML-TANGO/TANGO/main/docs/test.puml)

Note that the value ofsrc paramter for Plant UML proxy call should have following pattern; https://raw.githubusercontent.com instead ofhttps://github.com/ and remaining URL parts use following syntax.

https://raw.githubusercontent.com/:owner/:repo/:branch/:file_path
  • :owner: : your GitHub Id
  • :repo: : repository name of yours
  • :brach: : branch name in the repository
  • :file_patt: : puml file path in the repository

Then, Plant UML proxy (http://www.plantuml.com/plantuml/proxy`) is called withtest.puml file in your GitHub repo and renering result will be returned.

Final Result:

class-diagram

👉Note

  • This page might contain some wide rendered images. If you want to see the whole contents with wider page, please useWide GitHub extension of Chrome.
  • If you are experiencing the error on rendered images due to the low-bandwith Internet delay, please use F5 function key for refreshing current page.
Clone this wiki locally

[8]ページ先頭

©2009-2025 Movatter.jp