Git diagram
Diagram Git je vizualna predstavitev potrditev git in operacij git na različnih vejah.
Diagram Git je še posebej v pomoč razvijalcem in ekipam za upravljanje, saj ga lahko uporabijo za deljenje svoje strategije vej Git.
Mermaid lahko upodobi diagram Git
Kopiraj
Vdelava
---
title: Example Git diagram
---
gitGraph
commit
commit
branch develop
checkout develop
commit
commit
checkout main
merge develop
commit
commit
Mermaid podpira osnovne operacije git, na primer:
- commit : predstavlja novo potrditev na trenutni veji.
- branch : ustvari in preklopi na novo vejo ter jo nastavi kot trenutno.
- checkout : preklopi na obstoječo vejo in jo nastavi kot trenutno.
- merge : združi obstoječo vejo v trenutno.
S temi operacijami Git lahko zelo preprosto in hitro narišete diagram Git v Mermaid. Imena entitet se običajno začnejo z veliko črko, čeprav za to ni splošno priznanega standarda in v Mermaid to ni obvezno.
Opomba: checkout in switch se lahko uporabljata izmenično.
Sintaksa
Sintaksa Mermaid za diagram Git je zelo neposredna in preprosta. Uporablja deklarativni pristop, pri čemer je vsaka potrditev narisana na časovnem traku diagrama Git po vrstnem redu pojavljanja v kodi. V bistvu sledi vrstnemu redu vstavljanja vsakega ukaza.
Najprej s sintakso gitGraph deklarirajte vrsto svojega diagrama. Sintaksa gitGraph pove Mermaidu, da želite narisati diagram Git, in ustrezno razčleni kodo diagrama.
Vsak diagram Git se inicializira z vejo main. Če ne ustvarite drugačnih vej, potrditve privzeto pridejo na glavno vejo. To izhaja iz načina delovanja git, saj na začetku vedno začnete z glavno vejo. Privzeto je veja main nastavljena kot trenutna.
S sintakso commit lahko na trenutni veji registrirate potrditev; poglejmo, kako to deluje:
Preprost diagram git, ki prikazuje tri potrditve privzete veje main:
Kopiraj
Vdelava
gitGraph
commit
commit
commit
Če natančno pogledate prejšnji primer, lahko vidite privzeto vejo main in tri potrditve. Upoštevajte tudi, da je vsaki potrditvi privzeto dodeljen edinstven in naključen ID.
Dodajanje ID potrditve po meri
Za določeno potrditev lahko ob deklaraciji določite ID po meri z atributom id, ki mu sledi dvopičje :, in vrednost po meri v dvojnih narekovajih.
Poglejmo s pomočjo spodnje slike, kako to deluje:
Kopiraj
Vdelava
gitGraph
commit id: "Alpha"
commit id: "Beta"
commit id: "Gamma"
在此示例中，我们给提交分配了自定义 ID。
Spreminjanje vrste potrditve
V Mermaid obstajajo tri vrste potrditev, ki se v diagramu upodabljajo nekoliko drugače. Te vrste so:
- NORMAL : privzeta vrsta potrditve, predstavljena s polnim krogom
- REVERSE : poudarja, da je potrditev obratna potrditev, predstavljena s prekrižanim polnim krogom.
- HIGHLIGHT : označi določeno potrditev, predstavljeno s polnim pravokotnikom.
Za določeno potrditev lahko ob deklaraciji določite njeno vrsto z atributom type, ki mu sledi dvopičje : in želena možnost vrste, obravnavana zgoraj. Na primer: commit type:
Opomba: če vrsta potrditve ni določena, se privzeto izbere NORMAL
Poglejmo s pomočjo spodnje slike, kako potekajo te različne vrste potrditev:
Kopiraj
Vdelava
gitGraph
commit id: "Normal"
commit
commit id: "Reverse" type: REVERSE
commit
commit id: "Highlight" type: HIGHLIGHT
commit
V tem primeru smo vsaki potrditvi določili drugačno vrsto. Poglejte tudi, kako smo pri deklaraciji potrditve hkrati vključili id in type.
Dodajanje oznake
Za določeno potrditev jo lahko okrasite s tag, podobno kot pojem oznake ali izdaje v svetu gita. Ob deklaraciji potrditve lahko priložite oznako po meri z atributom tag, ki mu sledi dvopičje :, in vrednost po meri v dvojnih narekovajih.
Kopiraj
Vdelava
gitGraph
commit
commit id: "Normal" tag: "v1.0.0"
commit
commit id: "Reverse" type: REVERSE tag: "RC_1"
commit
commit id: "Highlight" type: HIGHLIGHT tag: "8.8.4"
commit
V tem primeru smo za potrditev nastavili oznako po meri.
Ustvarjanje nove veje
V Mermaid lahko za ustvarjanje nove veje uporabite sintakso branch. Navesti morate tudi ime nove veje. Ime mora biti edinstveno in ne sme biti ime obstoječe veje.
Ko Mermaid prebere sintakso branch, ustvari novo vejo in jo nastavi kot trenutno. To ustreza temu, da v diagramu Git ustvarite novo vejo in preklopite nanjo.
Kopiraj
Vdelava
gitGraph
commit
commit
branch develop
commit
commit
commit
V tem primeru lahko vidite, kako smo začeli s privzeto vejo main in nanjo potisnili dve potrditvi. Nato smo ustvarili vejo develop; vse nadaljnje potrditve so bile nameščene na vejo develop, ker je postala trenutna veja.
Prevzem obstoječe veje
V Mermaid lahko za preklop na obstoječo vejo uporabite sintakso checkout; hkrati morate navesti ime obstoječe veje. Če veja z navedenim imenom ni najdena, povzroči napako v konzoli. Primer uporabe: checkout develop
Ko Mermaid prebere sintakso checkout, najde vejo z navedenim imenom in jo nastavi kot trenutno. To ustreza prevzemu veje v Gitu.
Kopiraj
Vdelava
gitGraph
commit
commit
branch develop
commit
commit
commit
checkout main
commit
commit
V tem primeru smo najprej začeli s privzeto vejo main in nanjo potisnili dve potrditvi. Nato smo ustvarili vejo develop; vse naslednje tri potrditve so bile nameščene na vejo develop, ker je postala trenutna veja. Zatem smo s sintakso checkout nastavili trenutno vejo na main; vse nadaljnje potrditve so zabeležene na veji main.
Združitev dveh vej
V Mermaid morate za združitev ali povezavo z obstoječo vejo uporabiti sintakso merge. Hkrati morate navesti ime obstoječe veje, ki jo želite združiti. Če veja z navedenim imenom ni najdena, se v konzoli prikaže napaka. Poleg tega lahko združite le dve ločeni veji in veje ne morete združiti s sabo.
Primer sintakse: merge develop
Ko Mermaid prebere sintakso merge, najde navedeno vejo in njeno zadnjo potrditev ter jo združi z zadnjo potrditvijo trenutne veje. Predstavljeno je s polnim dvojnim krogom.
Sledi primer združitve dveh vej:
Kopiraj
Vdelava
gitGraph
commit
commit
branch develop
commit
commit
commit
checkout main
commit
commit
merge develop
commit
commit
V tem primeru smo najprej začeli z vejo main in nanjo potisnili dve potrditvi. Nato smo ustvarili vejo develop in nanjo potisnili tri potrditve. Zatem smo s sintakso checkout nastavili trenutno vejo na main; vse nadaljnje potrditve so bile namenjene veji main. Na koncu smo vejo develop združili v vejo main, kar je ustvarilo združitveno potrditev. Ker je trenutna veja še vedno main, sta zadnji dve potrditvi zabeleženi na tej veji.
Združitvi lahko dodate tudi podobne atribute:
- id preglasi privzeti ID z ID po meri
- tag doda oznako po meri združitveni potrditvi
- type preglasi privzeto vrsto združitvene potrditve. Uporabite lahko druge prej omenjene vrste potrditev.
Kopiraj
Vdelava
gitGraph
commit id: "1"
commit id: "2"
branch nice_feature
checkout nice_feature
commit id: "3"
checkout main
commit id: "4"
checkout nice_feature
branch very_nice_feature
checkout very_nice_feature
commit id: "5"
checkout main
commit id: "6"
checkout nice_feature
commit id: "7"
checkout main
merge nice_feature id: "customID" tag: "customTag" type: REVERSE
checkout very_nice_feature
commit id: "8"
checkout main
commit id: "9"
Selektivna združitev potrditev iz druge veje
Mermaid podpira izbiro potrditve iz druge veje v trenutno vejo. Za izbiro potrditve iz druge veje lahko uporabite tudi sintakso cherry-pick.
Za uporabo sintakse cherry-pick morate z atributom id določiti id, nato pa za dvopičjem : napisati želeni id potrditve, ovit v dvojne narekovaje. Na primer:
Tukaj je nekaj pomembnih pravil, ki jih je treba upoštevati:
- Navesti morate id, da izberete obstoječo potrditev. Če navedeni ID potrditve ne obstaja, se pojavi napaka. V ta namen deklarirajte potrditev v obliki commit id:$value.
- Navedena potrditev ne sme obstajati na trenutni veji; izbrana potrditev mora vedno izvirati iz veje, ki se razlikuje od trenutne veje.
- Trenutna veja mora imeti vsaj eno potrditev, preden lahko izvedete cherry-pick, sicer se pojavi napaka.
- Pri izbiri združitvene potrditve je treba navesti ID nadrejene potrditve. Če izpustite atribut nadrejenega ali navedete neveljaven ID nadrejene potrditve, se sproži napaka.
- Navedena nadrejena potrditev mora biti neposredna nadrejena potrditev združitvene potrditve, ki se izbira.
Kopiraj
Vdelava
gitGraph
commit id: "ZERO"
branch develop
branch release
commit id:"A"
checkout main
commit id:"ONE"
checkout develop
commit id:"B"
checkout main
merge develop id:"MERGE"
commit id:"TWO"
checkout release
cherry-pick id:"MERGE" parent:"B"
commit id:"THREE"
checkout develop
commit id:"C"
Posebne možnosti konfiguracije
V diagramu Git Mermaid lahko konfigurirate naslednje možnosti:
- showBranches : logična vrednost, privzeto true. Če je nastavljeno na false, se veje ne prikažejo.
- showCommitLabel : logična vrednost, privzeto true. Če je nastavljeno na false, se oznake potrditev ne prikažejo.
- mainBranchName : niz, privzeto main. Ime privzete veje.
- mainBranchOrder : položaj glavne veje na seznamu vej. Privzeto 0, kar pomeni, da je veja main privzeto na 1. mestu.
- parallelCommits : logična vrednost, privzeto false. Če je nastavljeno na true, se potrditve, ki so na razdalji od nadrejenega, prikažejo na isti ravni.
Skrij imena vej in povezovalne črte
Včasih boste morda želeli skriti imena vej in povezovalne črte. To lahko storite s sintakso showBranches. Privzeto je njena vrednost true, z ukazom pa jo lahko nastavite na false.
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
showBranches: false
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Postavitev oznak potrditev: zavrteno ali vodoravno
Mermaid podpira dve vrsti postavitve oznak potrditev. Privzeta postavitev je zavrtena, kar pomeni, da je oznaka nameščena pod krogom potrditve in zavrtena za 45 stopinj za boljšo berljivost. To je še posebej uporabno za potrditve z dolgimi oznakami.
Druga vrsta je vodoravna, kar pomeni, da je oznaka nameščena pod krogom potrditve in vodoravno sredinsko poravnana, brez vrtenja. To je še posebej uporabno za potrditve s kratkimi oznakami.
Postavitev oznak potrditev lahko spremenite z uporabo sintakse rotateCommitLabel v ukazu. Privzeto je true, kar pomeni, da se oznake potrditev zavrtijo.
Primer uporabe: zavrtene oznake potrditev
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
rotateCommitLabel: true
---
gitGraph
commit id: "feat(api): ..."
commit id: "a"
commit id: "b"
commit id: "fix(client): .extra long label.."
branch c2
commit id: "feat(modules): ..."
commit id: "test(client): ..."
checkout main
commit id: "fix(api): ..."
commit id: "ci: ..."
branch b1
commit
branch b2
commit
Primer uporabe: vodoravne oznake potrditev
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
rotateCommitLabel: false
---
gitGraph
commit id: "feat(api): ..."
commit id: "a"
commit id: "b"
commit id: "fix(client): .extra long label.."
branch c2
commit id: "feat(modules): ..."
commit id: "test(client): ..."
checkout main
commit id: "fix(api): ..."
commit id: "ci: ..."
branch b1
commit
branch b2
commit
Skrij oznake potrditev
Včasih boste morda želeli skriti oznake potrditev. To lahko storite s sintakso showCommitLabel. Privzeto je njena vrednost true, z ukazom pa jo lahko nastavite na false.
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
showBranches: false
showCommitLabel: false
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Ime glavne veje po meri
Včasih boste morda želeli prilagoditi ime glavne veje. To lahko storite s sintakso mainBranchName. Privzeto je njena vrednost main, z ukazom pa jo lahko nastavite na poljuben niz.
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
showBranches: true
showCommitLabel: true
mainBranchName: 'MetroLine1'
---
gitGraph
commit id:"NewYork"
commit id:"Dallas"
branch MetroLine2
commit id:"LosAngeles"
commit id:"Chicago"
commit id:"Houston"
branch MetroLine3
commit id:"Phoenix"
commit type: HIGHLIGHT id:"Denver"
commit id:"Boston"
checkout MetroLine1
commit id:"Atlanta"
merge MetroLine3
commit id:"Miami"
commit id:"Washington"
merge MetroLine2 tag:"MY JUNCTION"
commit id:"Boston"
commit id:"Detroit"
commit type:REVERSE id:"SanFrancisco"
Poglejte navidezni diagram podzemne železnice, ustvarjen z Mermaid. Tu smo privzeto ime glavne veje spremenili v MetroLine1.
Vrstni red vej po meri
V Mermaid se veje privzeto prikažejo v vrstnem redu, v katerem so definirane ali se pojavijo v kodi diagrama.
Včasih boste morda želeli prilagoditi vrstni red vej. To lahko storite z uporabo sintakse order ob definiciji veje, ki jo lahko nastavite na pozitivno število.
Mermaid sledi prednostnemu vrstnemu redu, ki ga določa sintaksa order.
- Glavna veja se vedno prikaže najprej, ker je njena privzeta vrednost vrstnega reda 0. (Razen če je bil njen vrstni red spremenjen s sintakso mainBranchOrder v konfiguraciji in spremenjen z 0.)
- Nato se vse veje brez order prikažejo v vrstnem redu, v katerem se pojavijo v kodi diagrama.
- Nato se vse veje z order prikažejo v vrstnem redu svoje vrednosti order.
Za popoln nadzor nad vrstnim redom vseh vej morate za vse veje definirati order.
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
showBranches: true
showCommitLabel: true
---
gitGraph
commit
branch test1 order: 3
branch test2 order: 2
branch test3 order: 1
Na zgornji sliki vse veje sledijo definiranemu vrstnemu redu.
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
gitGraph:
showBranches: true
showCommitLabel: true
mainBranchOrder: 2
---
gitGraph
commit
branch test1 order: 3
branch test2
branch test3
branch test4 order: 1
Na zgornji sliki so vse veje brez določenega vrstnega reda narisane v vrstnem redu definicije. Nato je narisana veja test4, ker je njen vrstni red 1. Zatem je narisana veja main, ker je njen vrstni red 2. Na koncu je narisana veja test1, ker je njen vrstni red 3.
Opomba: ker smo mainBranchOrder preglasili na 2, veja main ni narisana na začetku, temveč je prikazana po vrstnem redu.
Tu smo privzeto ime glavne veje spremenili v MetroLine1.
Smer
Mermaid podpira tri smeri: od leve proti desni (privzeto), od zgoraj navzdol in od spodaj navzgor.
Od leve proti desni (privzeto, LR:)
V Mermaid privzeta smer poteka od leve proti desni, pri čemer so veje zložene ena na drugo.
Vendar lahko to vrednost izrecno nastavite z LR: za sintakso gitGraph.
Kopiraj
Vdelava
gitGraph LR:
commit
commit
branch develop
commit
commit
checkout main
commit
commit
merge develop
commit
commit
Od zgoraj navzdol (TB:)
V smeri od zgoraj navzdol potrditve potekajo od vrha do dna diagrama, veje pa so razporejene ena ob drugi.
Če želite graf usmeriti na ta način, morate za sintakso gitGraph dodati TB:.
Kopiraj
Vdelava
gitGraph TB:
commit
commit
branch develop
commit
commit
checkout main
commit
commit
merge develop
commit
commit
Od spodaj navzgor (BT:)
V smeri od spodaj navzgor potrditve potekajo od dna do vrha diagrama, veje pa so razporejene ena ob drugi.
Če želite graf usmeriti na ta način, morate za sintakso gitGraph dodati BT:.
Kopiraj
Vdelava
gitGraph BT:
commit
commit
branch develop
commit
commit
checkout main
commit
commit
merge develop
commit
commit
Začasne potrditve (parallelCommits: false)
Kopiraj
Vdelava
---
config:
gitGraph:
parallelCommits: false
---
gitGraph:
commit
branch develop
commit
commit
checkout main
commit
commit
Vzporedne potrditve (parallelCommits: true)
Kopiraj
Vdelava
---
config:
gitGraph:
parallelCommits: true
---
gitGraph:
commit
branch develop
commit
commit
checkout main
commit
commit
Tema
Mermaid podpira vrsto tem po meri, ki jih lahko uporabite, da najdete temo, ki vam ustreza. Opomba: dejansko lahko preglasite spremenljivke obstoječe teme in ustvarite svojo temo po meri.
Sledijo različne možnosti teme po meri:
- redux-color
- redux-dark-color
- redux
- redux-dark
- default
- neutral
- dark
- forest
- neo
- neo-dark
- base
Za spremembo teme lahko uporabite sintakso initialize.
Osnovna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Gozdna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'forest'
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Privzeta tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
---
gitGraph
commit type:HIGHLIGHT
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Temna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'dark'
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Nevtralna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'neutral'
---
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
Prilagoditev s spremenljivkami teme
Mermaid vam omogoča prilagoditev diagrama s spremenljivkami teme, ki nadzorujejo videz in slog posameznih elementov diagrama.
Za ponazoritev vzemimo temo default; privzete vrednosti spremenljivk teme se samodejno prevzamejo iz teme.
Nastavitev barve vej z uporabo teme default:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
Mermaid podpira spremenljivke teme za preglasitev privzetih vrednosti, in sicer za največ 8 vej, kar pomeni, da lahko s spremenljivkami teme nastavite barve za največ 8 vej. Ko je vej več kot 8, se spremenljivke teme ponovno uporabijo ciklično, kar pomeni, da bo 9. veja uporabila slog 1. veje.
Barve vej po meri
Barve vej lahko prilagodite s spremenljivkami teme git0 do git7. Mermaid omogoča nastavitev barv za največ 8 vej, pri čemer spremenljivka git0 nadzoruje barvo prve veje, git1 barvo druge veje in tako naprej.
Opomba: privzete vrednosti teh spremenljivk teme so vzete iz izbrane teme. Če želite preglasiti privzete vrednosti, lahko s sintakso initialize dodate vrednosti spremenljivk teme po meri.
Primer:
Preglasimo zdaj privzete vrednosti spremenljivk git0 do git3:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
'git0': '#ff0000'
'git1': '#00ff00'
'git2': '#0000ff'
'git3': '#ff00ff'
'git4': '#00ffff'
'git5': '#ffff00'
'git6': '#ff00ff'
'git7': '#00ffff'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
Barve oznak vej po meri
Barve oznak vej lahko prilagodite s spremenljivkami teme gitBranchLabel0 do gitBranchLabel7. Mermaid omogoča nastavitev barv za največ 8 vej, pri čemer spremenljivka gitBranchLabel0 nadzoruje barvo oznake prve veje, spremenljivka gitBranchLabel1 pa barvo oznake druge veje in tako naprej.
Poglejmo, kako z uporabo teme default nastaviti barvo oznak vej:
Preglasimo zdaj privzete vrednosti spremenljivk gitBranchLabel0 do gitBranchLabel2:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
'gitBranchLabel0': '#ffffff'
'gitBranchLabel1': '#ffffff'
'gitBranchLabel2': '#ffffff'
'gitBranchLabel3': '#ffffff'
'gitBranchLabel4': '#ffffff'
'gitBranchLabel5': '#ffffff'
'gitBranchLabel6': '#ffffff'
'gitBranchLabel7': '#ffffff'
'gitBranchLabel8': '#ffffff'
'gitBranchLabel9': '#ffffff'
---
gitGraph
checkout main
branch branch1
branch branch2
branch branch3
branch branch4
branch branch5
branch branch6
branch branch7
branch branch8
branch branch9
checkout branch1
commit
Tu lahko vidite, da sta barva in slog branch8 in branch9 prevzeti iz vej z indeksoma 0 (main) oziroma 1 (branch1).
Barve potrditev po meri
Barvo in barvo ozadja oznak potrditev lahko ločeno prilagodite s spremenljivkama teme commitLabelColor in commitLabelBackground.
Primer: preglasimo zdaj privzete vrednosti spremenljivk commitLabelColor do commitLabelBackground:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
commitLabelColor: '#ff0000'
commitLabelBackground: '#00ff00'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
mermaid.grammar_mermaid_commit_label_define_label_font_big_small
Velikost pisave oznak potrditev lahko prilagodite s spremenljivko teme commitLabelFontSize.
Primer: preglasimo zdaj privzeto vrednost spremenljivke commitLabelFontSize:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
commitLabelColor: '#ff0000'
commitLabelBackground: '#00ff00'
commitLabelFontSize: '16px'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
Velikost pisave oznak po meri
Velikost pisave oznak lahko prilagodite s spremenljivko teme tagLabelFontSize.
Primer: preglasimo zdaj privzeto vrednost spremenljivke tagLabelFontSize:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
commitLabelColor: '#ff0000'
commitLabelBackground: '#00ff00'
tagLabelFontSize: '16px'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
Barve oznak po meri
Oznake lahko prilagodite s spremenljivkami teme tagLabelColor, tagLabelBackground in tagLabelBorder, ki spreminjajo barvo besedila oznake, barvo ozadja oznake in obrobo oznake.
Primer: preglasimo zdaj privzete vrednosti spremenljivk tagLabelColor, tagLabelBackground in tagLabelBorder:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
tagLabelColor: '#ff0000'
tagLabelBackground: '#00ff00'
tagLabelBorder: '#0000ff'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
Barve označenih potrditev po meri
Barvo označenih potrditev lahko glede na vejo, v kateri so, prilagodite s spremenljivkami teme gitInv0 do gitInv7. Mermaid omogoča nastavitev barve določenih označenih potrditev za največ 8 vej, pri čemer spremenljivka gitInv0 nadzoruje barvo označenih potrditev prve veje, spremenljivka gitInv1 pa barvo označenih potrditev druge veje in tako naprej.
Preglasimo zdaj privzete vrednosti spremenljivk git0 do git3:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
'gitInv0': '#ff0000'
---
gitGraph
commit
branch develop
commit tag:"v1.0.0"
commit
checkout main
commit type: HIGHLIGHT
commit
merge develop
commit
branch featureA
commit
