{"id":2073,"date":"2026-07-08T06:54:58","date_gmt":"2026-07-08T06:54:58","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-gitgraph-diagram-syntax-guide\/"},"modified":"2026-07-08T06:54:58","modified_gmt":"2026-07-08T06:54:58","slug":"mermaid-js-gitgraph-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 GitGraph c\u1ee7a Mermaid.js"},"content":{"rendered":"<p>S\u01a1 \u0111\u1ed3 GitGraph l\u00e0 m\u1ed9t th\u00e0nh ph\u1ea7n tr\u1ef1c quan h\u00f3a chuy\u00ean bi\u1ec7t \u0111\u01b0\u1ee3c c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n, \u0111\u1ed9i ng\u0169 DevOps v\u00e0 ng\u01b0\u1eddi vi\u1ebft k\u1ef9 thu\u1eadt s\u1eed d\u1ee5ng \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t r\u00f5 r\u00e0ng c\u00e1c chi\u1ebfn l\u01b0\u1ee3c nh\u00e1nh Git, qu\u1ea3n l\u00fd ph\u00e1t h\u00e0nh v\u00e0 quy tr\u00ecnh ph\u00e1t tri\u1ec3n. \u0110\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n v\u00e0o Mermaid.js, <code>gitGraph<\/code>\u0111\u1ed9ng c\u01a1 s\u1eed d\u1ee5ng m\u00f4 h\u00ecnh th\u1eddi gian tu\u1ea7n t\u1ef1, khai b\u00e1o. \u0110i\u1ec1u n\u00e0y \u00e1nh x\u1ea1 c\u00e1c l\u1ec7nh th\u1ef1c t\u1ebf t\u1eeb terminal tr\u1ef1c ti\u1ebfp sang b\u1ea3n \u0111\u1ed3 th\u1eddi gian tr\u1ef1c quan ch\u00ednh x\u00e1c m\u00e0 kh\u00f4ng c\u1ea7n ch\u1ec9nh s\u1eeda h\u00ecnh \u1ea3nh th\u1ee7 c\u00f4ng.<\/p>\n<h2>Hi\u1ec3u v\u1ec1 Ma tr\u1eadn Th\u1eddi gian GitGraph<\/h2>\n<p>Kh\u00e1c v\u1edbi s\u01a1 \u0111\u1ed3 lu\u1ed3ng h\u1ec7 th\u1ed1ng t\u1ef1 do, s\u01a1 \u0111\u1ed3 GitGraph tu\u00e2n theo logic nghi\u00eam ng\u1eb7t, tu\u1ea7n t\u1ef1, theo th\u1ee9 t\u1ef1 x\u1ea3y ra, m\u00f4 ph\u1ecfng kh\u00f4ng gian l\u00e0m vi\u1ec7c ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n th\u1ef1c t\u1ebf:<\/p>\n<ul>\n<li><strong>T\u1ef1 \u0111\u1ed9ng nh\u00e1nh g\u1ed1c:<\/strong>M\u1ed7i kh\u00f4ng gian l\u00e0m vi\u1ec7c s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c kh\u1edfi t\u1ea1o s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o m\u1ed9t \u0111\u01b0\u1eddng th\u1eddi gian g\u1ed1c ch\u00ednh. M\u1eb7c \u0111\u1ecbnh, \u0111\u01b0\u1eddng n\u00e0y \u0111\u01b0\u1ee3c \u0111\u1eb7t t\u00ean l\u00e0 <code>main<\/code>, v\u00e0 t\u1ea5t c\u1ea3 c\u00e1c h\u00e0nh \u0111\u1ed9ng ti\u1ebfp theo \u0111\u1ec1u theo d\u00f5i theo n\u00f3 tr\u1eeb khi m\u1ed9t nh\u00e1nh thay th\u1ebf s\u1ea1ch s\u1ebd \u0111\u01b0\u1ee3c t\u1ea1o ra.<\/li>\n<li><strong>\u01afu ti\u00ean th\u1ee9 t\u1ef1:<\/strong>C\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb d\u1ecdc theo tr\u1ee5c th\u1eddi gian t\u1eeb tr\u00e1i sang ph\u1ea3i d\u1ef1a tr\u00ean th\u1ee9 t\u1ef1 ch\u00e8n l\u1ec7nh trong t\u1ec7p ngu\u1ed3n m\u00e3 c\u1ee7a b\u1ea1n.<\/li>\n<\/ul>\n<h2>C\u1ea5u tr\u00fac c\u00fa ph\u00e1p c\u01a1 b\u1ea3n<\/h2>\n<p>M\u1ed7i d\u00f2ng th\u1eddi gian b\u1eaft \u0111\u1ea7u b\u1eb1ng t\u1eeb vi\u1ebft th\u01b0\u1eddng ch\u1eef c\u00e1i \u0111\u1ea7u ti\u00ean vi\u1ebft hoa <code>gitGraph<\/code>t\u1eeb kh\u00f3a khai b\u00e1o. Ti\u1ebfp theo l\u00e0 m\u1ed9t c\u1ed9t li\u1ec7t k\u00ea tu\u1ea7n t\u1ef1 c\u00e1c l\u1ec7nh th\u1ef1c thi nguy\u00ean t\u1eed nh\u01b0 commit, checkout v\u00e0 merge.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxBZSUVJeYlZyikpSaWlBal6ubkp2fmgVVkpCZn55eWYJFBmAJTk5sIkcpNLUpPRdUBAGUkKhg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxBZSUVJeYlZyikpSaWlBal6ubkp2fmgVVkpCZn55eWYJFBmAJTk5sIkcpNLUpPRdUBAGUkKhg=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">gitGraph\r\n  commit\r\n  commit\r\n  branch feature-login\r\n  checkout feature-login\r\n  commit\r\n  checkout main\r\n  merge feature-login<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxBZSUVJeYlZyikpSaWlBal6ubkp2fmgVVkpCZn55eWYJFBmAJTk5sIkcpNLUpPRdUBAGUkKhg=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxBZSUVJeYlZyikpSaWlBal6ubkp2fmgVVkpCZn55eWYJFBmAJTk5sIkcpNLUpPRdUBAGUkKhg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"mqewxqb\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-986\" decoding=\"async\" fetchpriority=\"high\" height=\"171\" sizes=\"(max-width: 362px) 100vw, 362px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png 362w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505-300x142.png 300w\" width=\"362\"\/><\/p>\n<h2>B\u1ea3n tham chi\u1ebfu l\u1ec7nh h\u00e0nh \u0111\u1ed9ng Git \u0111\u1ea7y \u0111\u1ee7<\/h2>\n<p>\u0110\u1ed9ng c\u01a1 b\u1ed1 c\u1ee5c hi\u1ec3u c\u00e1c l\u1ec7nh h\u00e0nh \u0111\u1ed9ng c\u1ee5 th\u1ec3, vi\u1ebft th\u01b0\u1eddng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 d\u00e0y \u0111\u01b0\u1eddng, chia t\u00e1ch c\u00e1c \u0111\u01b0\u1eddng ho\u1eb7c k\u1ebft h\u1ee3p c\u00e1c \u0111i\u1ec3m cu\u1ed1i l\u1ea1i v\u1edbi nhau tr\u00ean b\u1ea3ng canvas kh\u00f4ng gian l\u00e0m vi\u1ec7c.<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Token l\u1ec7nh Git<\/th>\n<th>C\u00e1c thay \u0111\u1ed5i \u0111\u1ed1i s\u1ed1 tham s\u1ed1<\/th>\n<th>H\u00e0nh vi k\u1ef9 thu\u1eadt v\u00e0 b\u1ed1 c\u1ee5c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>commit<\/code><\/td>\n<td><code>id: \"hash\"<\/code>, <code>type: TYPE<\/code>, <code>nh\u00e3n: \"v1.0\"<\/code><\/td>\n<td>Th\u00eam m\u1ed9t n\u00fat m\u1ed1c m\u1edbi tr\u1ef1c ti\u1ebfp v\u00e0o \u0111\u01b0\u1eddng d\u1eabn nh\u00e1nh m\u1ee5c ti\u00eau \u0111ang ho\u1ea1t \u0111\u1ed9ng.<\/td>\n<\/tr>\n<tr>\n<td><code>nh\u00e1nh<\/code><\/td>\n<td><code>t\u00ean<\/code>, <code>th\u1ee9 t\u1ef1: S\u1ed1 nguy\u00ean<\/code><\/td>\n<td>T\u1ea1o m\u1ed9t ph\u00e2n nh\u00e1nh \u0111\u01b0\u1eddng \u0111i m\u1edbi. B\u1ea1n c\u00f3 th\u1ec3 bu\u1ed9c v\u1ecb tr\u00ed x\u1ebfp ch\u1ed3ng d\u1ecdc c\u1ee7a n\u00f3 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng t\u00f9y ch\u1ecdn r\u00f5 r\u00e0ng<code>th\u1ee9 t\u1ef1<\/code> gi\u00e1 tr\u1ecb.<\/td>\n<\/tr>\n<tr>\n<td><code>checkout<\/code> \/ <code>chuy\u1ec3n \u0111\u1ed5i<\/code><\/td>\n<td><code>t\u00ean-nh\u00e1nh<\/code><\/td>\n<td>D\u1ecbch chuy\u1ec3n con tr\u1ecf ch\u1ec9 s\u1ed1 ghi \u00e2m \u0111ang ho\u1ea1t \u0111\u1ed9ng sang \u0111\u01b0\u1eddng nh\u00e1nh m\u1ee5c ti\u00eau \u0111\u00e3 ch\u1ec9 \u0111\u1ecbnh. C\u00e1c thao t\u00e1c ti\u1ebfp theo s\u1ebd theo d\u00f5i theo \u0111\u01b0\u1eddng \u0111i n\u00e0y.<\/td>\n<\/tr>\n<tr>\n<td><code>h\u1ee3p nh\u1ea5t<\/code><\/td>\n<td><code>t\u00ean-nh\u00e1nh-m\u1ee5c-ti\u00eau<\/code>, <code>id: \"b\u0103m\"<\/code>, <code>nh\u00e3n: \"v2\"<\/code><\/td>\n<td>H\u1ee3p nh\u1ea5t \u0111\u01b0\u1eddng nh\u00e1nh \u0111\u00e3 ch\u1ec9 \u0111\u1ecbnh tr\u1edf l\u1ea1i nh\u00e1nh hi\u1ec7n t\u1ea1i, t\u1ea1o ra m\u1ed9t \u0111i\u1ec3m giao nhau h\u00ecnh \u1ea3nh r\u00f5 r\u1ec7t.<\/td>\n<\/tr>\n<tr>\n<td><code>cherry-pick<\/code><\/td>\n<td><code>id: \"b\u0103m-\u0111\u00e3-\u0111\u0103ng-k\u00fd\"<\/code>, <code>cha: \"b\u0103m-cha\"<\/code><\/td>\n<td>Nh\u00e2n b\u1ea3n m\u1ed9t b\u1ea3n ghi c\u1ee5 th\u1ec3 t\u1eeb nh\u00e1nh b\u00ean ngo\u00e0i l\u00ean \u0111\u01b0\u1eddng \u0111i nh\u00e1nh hi\u1ec7n t\u1ea1i m\u00e0 kh\u00f4ng tr\u1ed9n l\u1eabn c\u00e1c \u0111\u01b0\u1eddng \u0111i.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>T\u00ednh n\u0103ng n\u00e2ng cao: Lo\u1ea1i b\u1ea3n ghi &amp; T\u00f9y ch\u1ec9nh nh\u00e3n<\/h2>\n<p>\u0110\u1ec3 ph\u00e2n bi\u1ec7t gi\u1eefa c\u00e1c b\u1ea3n v\u00e1 th\u00f4ng th\u01b0\u1eddng, ho\u00e0n nguy\u00ean h\u1ec7 th\u1ed1ng ho\u1eb7c c\u00e1c phi\u00ean b\u1ea3n ch\u00ednh th\u1ee9c l\u1edbn, b\u1ea1n c\u00f3 th\u1ec3 g\u00e1n m\u1ed9t<code>lo\u1ea1i<\/code> v\u00e0 <code>nh\u00e3n<\/code> b\u1ed9 s\u1eeda \u0111\u1ed5i chu\u1ed7i b\u00ean trong m\u1ed9t kh\u1ed1i \u0111\u1ed1i s\u1ed1 s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh ki\u1ec3u key-value nh\u01b0 JSON.<\/p>\n<h3>C\u00e1c lo\u1ea1i ph\u00e2n lo\u1ea1i h\u00ecnh d\u1ea1ng commit \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3:<\/h3>\n<ul>\n<li><code>lo\u1ea1i: B\u00ccNH TH\u01af\u1edcNG<\/code>: C\u1ea5u h\u00ecnh m\u1eb7c \u0111\u1ecbnh. Hi\u1ec3n th\u1ecb nh\u01b0 m\u1ed9t n\u00fat h\u00ecnh tr\u00f2n \u0111\u1eb7c \u0111\u1ea7y m\u00e0u d\u1ecdc theo \u0111\u01b0\u1eddng th\u1eddi gian.<\/li>\n<li><code>lo\u1ea1i: NG\u01af\u1ee2C L\u1ea0I<\/code>: Nh\u1ea5n m\u1ea1nh vi\u1ec7c ho\u00e0n nguy\u00ean ki\u1ebfn tr\u00fac ho\u1eb7c ch\u01b0\u01a1ng tr\u00ecnh. Hi\u1ec3n th\u1ecb nh\u01b0 m\u1ed9t n\u00fat h\u00ecnh tr\u00f2n \u0111\u1eb7c b\u1ecb ch\u00e9o ($X$).<\/li>\n<li><code>lo\u1ea1i: N\u1ed4I B\u1eacT<\/code>: G\u1ee3i \u00fd s\u1ef1 ch\u00fa \u00fd \u0111\u1ebfn nh\u1eefng thay \u0111\u1ed5i c\u1ea5u tr\u00fac quan tr\u1ecdng ho\u1eb7c c\u00e1c s\u1eeda l\u1ed7i b\u1ea3o m\u1eadt. Hi\u1ec3n th\u1ecb nh\u01b0 m\u1ed9t h\u1ed9p h\u00ecnh ch\u1eef nh\u1eadt d\u00e0i, \u0111\u1eb7c \u0111\u1ea7y m\u00e0u.<\/li>\n<\/ul>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlDyzMssyUzMUUISL6ksSLVS8PB09\/AB4hCIuuDU5NKizJJKXY\/8krTMCiWFksR0oHCZoZ6BniGm7iDXMNegYFeI3qD8nJykxORsXbfUxJLSolTdCCUAgoUsaw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlBySsxTODLx4a7lpUpIUjn5D3ctzLRS8Hu4e4qngtPDXWtCIMqDH+5em6iQ83D39EyFpIe7Fucr5D7ctbZE11DPQM9QSSEv4\/DiPKCyMggfm4nux9Y\/3L3IWcHn4a4FnhBDPfIPL8hTyEsvrTy8Kk835PDavAyFvCPNeem6EUoABH9JqA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">gitGraph\r\n  commit id: \"Ban \u0111\u1ea7u\"\r\n  commit lo\u1ea1i: N\u1ed4I B\u1eacT id: \"S\u1eeda l\u1ed7i b\u1ea3o m\u1eadt-1.0.1\" nh\u00e3n: \"v1.0.1\"\r\n  commit lo\u1ea1i: NG\u01af\u1ee2C L\u1ea0I id: \"Ho\u00e0n nguy\u00ean-T\u00ednh n\u0103ng-X\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlBySsxTODLx4a7lpUpIUjn5D3ctzLRS8Hu4e4qngtPDXWtCIMqDH+5em6iQ83D39EyFpIe7Fucr5D7ctbZE11DPQM9QSSEv4\/DiPKCyMggfm4nux9Y\/3L3IWcHn4a4FnhBDPfIPL8hTyEsvrTy8Kk835PDavAyFvCPNeem6EUoABH9JqA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlDyzMssyUzMUUISL6ksSLVS8PB09\/AB4hCIuuDU5NKizJJKXY\/8krTMCiWFksR0oHCZoZ6BniGm7iDXMNegYFeI3qD8nJykxORsXbfUxJLSolTdCCUAgoUsaw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"vzjmfCC\"><img alt=\"\" class=\"alignnone size-full wp-image-987\" decoding=\"async\" height=\"126\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4d52fc30.png\" width=\"254\"\/><\/p>\n<hr\/>\n<h2>T\u00ednh n\u0103ng n\u00e2ng cao: Logic ch\u1ecdn l\u1ef1a v\u00e0 c\u00e1c r\u00e0ng bu\u1ed9c nghi\u00eam ng\u1eb7t<\/h2>\n<p>L\u1ec7nh <code>cherry-pick<\/code>l\u1ec7nh sao ch\u00e9p m\u1ed9t n\u00fat c\u00f4 l\u1eadp c\u1ee5 th\u1ec3 t\u1eeb m\u1ed9t nh\u00e1nh kh\u00e1c l\u00ean nh\u00e1nh \u0111ang ho\u1ea1t \u0111\u1ed9ng c\u1ee7a b\u1ea1n. \u0110\u1ec3 th\u1ef1c hi\u1ec7n cherry-pick m\u00e0 kh\u00f4ng g\u00e2y l\u1ed7i b\u1ed1 c\u1ee5c bi\u00ean d\u1ecbch, b\u1ea1n ph\u1ea3i tu\u00e2n theo c\u00e1c y\u00eau c\u1ea7u ki\u1ec3m tra kh\u00f4ng gian l\u00e0m vi\u1ec7c nghi\u00eam ng\u1eb7t sau:<\/p>\n<ul>\n<li><strong>R\u00e0ng bu\u1ed9c lo\u1ea1i tr\u1eeb:<\/strong> ID commit \u0111\u00edch m\u00e0 b\u1ea1n \u0111ang cherry-pick *ph\u1ea3i kh\u00f4ng* t\u1ed3n t\u1ea1i tr\u01b0\u1edbc \u0111\u00f3 tr\u00ean nh\u00e1nh m\u00e0 b\u1ea1n \u0111ang theo d\u00f5i.<\/li>\n<li><strong>L\u1ecbch s\u1eed ti\u1ec1n \u0111i\u1ec1u ki\u1ec7n:<\/strong> \u0110\u01b0\u1eddng nh\u00e1nh \u0111ang ho\u1ea1t \u0111\u1ed9ng hi\u1ec7n t\u1ea1i ph\u1ea3i ch\u1ee9a \u00edt nh\u1ea5t m\u1ed9t n\u00fat commit h\u1ee3p l\u1ec7 tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n h\u00e0nh \u0111\u1ed9ng cherry-pick.<\/li>\n<li><strong>Y\u00eau c\u1ea7u cha c\u1ee7a n\u00fat h\u1ee3p nh\u1ea5t:<\/strong> N\u1ebfu b\u1ea1n \u0111ang cherry-pick m\u1ed9t n\u00fat h\u1ee3p nh\u1ea5t, b\u1ea1n ph\u1ea3i truy\u1ec1n r\u00f5 r\u00e0ng chu\u1ed7i nh\u1eadn d\u1ea1ng cha tr\u1ef1c ti\u1ebfp ngay ph\u00eda tr\u00ean b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng kh\u1ed1i s\u1eeda \u0111\u1ed5i <code>cha: \"b\u0103m\"<\/code>kh\u1ed1i s\u1eeda \u0111\u1ed5i.<\/li>\n<\/ul>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptjMEJgDAMAP+CO4T+XcAFnCPG2AZtLWn6cHtREFT8HnfnxQbFHNoGgLYYxUCmHlxhq9mddFRMFKAYekn+8gLTslV7sUc7M1pV7jIaBfcqIkr66iMWXiXxbaruXRZa\/mYHSY04fw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlAqych8uGt\/iULOw11rC5RAsnkZhxfmZSgUlySmZ+alg9VnlFY+3N2cp1CcmJeOIoFkUPHD3WsTgcbsnp6pUHJ4LdCEvCPNeelKmAbkJmbmoetOPrZQAWjCfKjy1KKiSt2CzORs\/GYDALnfUk4=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">gitGraph\r\n  commit id: \"thi\u1ebft l\u1eadp\"\r\n  nh\u00e1nh staging\r\n  chuy\u1ec3n sang staging\r\n  commit id: \"s\u1eeda l\u1ed7i t\u00ednh n\u0103ng\"\r\n  chuy\u1ec3n sang main\r\n  commit id: \"c\u01a1 s\u1edf\"\r\n  cherry-pick id: \"s\u1eeda l\u1ed7i t\u00ednh n\u0103ng\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzyxxL0osyODlUlBIzs\/NzSxRyEyxUlAqych8uGt\/iULOw11rC5RAsnkZhxfmZSgUlySmZ+alg9VnlFY+3N2cp1CcmJeOIoFkUPHD3WsTgcbsnp6pUHJ4LdCEvCPNeelKmAbkJmbmoetOPrZQAWjCfKjy1KKiSt2CzORs\/GYDALnfUk4=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptjMEJgDAMAP+CO4T+XcAFnCPG2AZtLWn6cHtREFT8HnfnxQbFHNoGgLYYxUCmHlxhq9mddFRMFKAYekn+8gLTslV7sUc7M1pV7jIaBfcqIkr66iMWXiXxbaruXRZa\/mYHSY04fw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"UbdLRrX\"><img alt=\"\" class=\"alignnone size-full wp-image-988\" decoding=\"async\" height=\"200\" sizes=\"(max-width: 341px) 100vw, 341px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4df30fa1.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4df30fa1.png 341w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4df30fa1-300x176.png 300w\" width=\"341\"\/><\/p>\n<hr\/>\n<h2>T\u00ednh n\u0103ng n\u00e2ng cao: C\u1ea5u h\u00ecnh tham s\u1ed1 Frontmatter<\/h2>\n<p>B\u1ea1n c\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh ch\u00ednh x\u00e1c c\u00e1c h\u00e0nh vi tr\u1ef1c quan to\u00e0n c\u1ee5c (nh\u01b0 b\u1eadt\/t\u1eaft nh\u00e3n nh\u00e1nh, thay \u0111\u1ed5i ch\u1ec9 s\u1ed1 h\u00e0ng, ho\u1eb7c ch\u1ed3ng c\u00e1c d\u00f2ng th\u1eddi gian) b\u1eb1ng c\u00e1ch khai b\u00e1o m\u1ed9t <code>%%{init: { 'logLevel': 'debug', 'theme': 'default' , 'config': { 'gitGraph': { ... } } } }%%<\/code> kh\u1ed1i ch\u1ec9 th\u1ecb c\u1ea5u h\u00ecnh \u1edf \u0111\u1ea7u tuy\u1ec7t \u0111\u1ed1i c\u1ee7a \u0111o\u1ea1n m\u00e3 bi\u1ec3u \u0111\u1ed3 c\u1ee7a b\u1ea1n.<\/p>\n<h3>Ma tr\u1eadn tham s\u1ed1 c\u00f3 th\u1ec3 c\u1ea5u h\u00ecnh<\/h3>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Chu\u1ed7i kh\u00f3a c\u1ea5u h\u00ecnh<\/th>\n<th>\u0110\u1ecbnh ngh\u0129a ki\u1ec3u<\/th>\n<th>Gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh<\/th>\n<th>K\u1ebft qu\u1ea3 thay \u0111\u1ed5i giao di\u1ec7n tr\u1ef1c quan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>showBranches<\/code><\/td>\n<td>Boolean<\/td>\n<td><code>true<\/code><\/td>\n<td>B\u1eadt\/t\u1eaft hi\u1ec3n th\u1ecb nh\u00e3n theo d\u00f5i t\u1eebng nh\u00e1nh \u1edf ph\u00eda b\u00ean tr\u00e1i l\u01b0\u1edbi b\u1ea3ng v\u1ebd.<\/td>\n<\/tr>\n<tr>\n<td><code>showCommitLabel<\/code><\/td>\n<td>Boolean<\/td>\n<td><code>true<\/code><\/td>\n<td>B\u1eadt\/t\u1eaft vi\u1ec7c hi\u1ec3n th\u1ecb ti\u00eau \u0111\u1ec1 v\u0103n b\u1ea3n v\u00e0 m\u00e3 k\u00fd t\u1ef1 ch\u1eef s\u1ed1 tr\u1ef1c ti\u1ebfp tr\u00ean c\u00e1c n\u00fat d\u00f2ng th\u1eddi gian ri\u00eang l\u1ebb.<\/td>\n<\/tr>\n<tr>\n<td><code>mainBranchName<\/code><\/td>\n<td>Chu\u1ed7i<\/td>\n<td><code>\"main\"<\/code><\/td>\n<td>Thay \u0111\u1ed5i v\u0103n b\u1ea3n theo d\u00f5i t\u00ean nh\u00e1nh g\u1ed1c m\u1eb7c \u0111\u1ecbnh (v\u00ed d\u1ee5: thay \u0111\u1ed5i th\u00e0nh <code>\"master\"<\/code> ho\u1eb7c <code>\"trunk\"<\/code>).<\/td>\n<\/tr>\n<tr>\n<td><code>mainBranchOrder<\/code><\/td>\n<td>S\u1ed1 nguy\u00ean<\/td>\n<td><code>0<\/code><\/td>\n<td>Thi\u1ebft l\u1eadp ch\u1ec9 s\u1ed1 v\u1ecb tr\u00ed th\u1ee9 t\u1ef1 ch\u1ed3ng d\u1ecdc t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi cho \u0111\u01b0\u1eddng theo d\u00f5i d\u00f2ng th\u1eddi gian g\u1ed1c ch\u00ednh.<\/td>\n<\/tr>\n<tr>\n<td><code>parallelCommits<\/code><\/td>\n<td>Boolean<\/td>\n<td><code>sai<\/code><\/td>\n<td>N\u1ebfu \u0111\u01b0\u1ee3c s\u1eeda \u0111\u1ed5i th\u00e0nh <code>\u0111\u00fang<\/code>, c\u00e1c b\u1ea3n ghi ri\u00eang bi\u1ec7t c\u00f3 kho\u1ea3ng c\u00e1ch b\u01b0\u1edbc cha gi\u1ed1ng nhau s\u1ebd \u0111\u01b0\u1ee3c c\u0103n ch\u1ec9nh \u0111\u1ed1i x\u1ee9ng tr\u00ean c\u00f9ng m\u1ed9t m\u1ee9c d\u1ecdc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>B\u1ea3n thi\u1ebft k\u1ebf th\u1ef1c t\u1ebf: \u0110\u01b0\u1eddng \u1ed1ng qu\u1ea3n l\u00fd ph\u00e1t h\u00e0nh Git-Flow doanh nghi\u1ec7p<\/h2>\n<p>B\u1ea3n thi\u1ebft k\u1ebf doanh nghi\u1ec7p to\u00e0n di\u1ec7n n\u00e0y minh h\u1ecda m\u1ed9t \u0111\u01b0\u1eddng \u1ed1ng ph\u00e1t h\u00e0nh s\u1ea3n xu\u1ea5t ti\u00eau chu\u1ea9n. N\u00f3 ghi \u0111\u00e8 c\u00e1c tham s\u1ed1 c\u1ea5u h\u00ecnh \u0111\u1ec3 \u0111\u1ed5i t\u00ean \u0111\u01b0\u1eddng d\u1eabn g\u1ed1c th\u00e0nh <code>trunk<\/code>, thi\u1ebft l\u1eadp th\u1ee9 t\u1ef1 ph\u00e2n nh\u00e1nh c\u1ed1 \u0111\u1ecbnh, s\u1eed d\u1ee5ng nhi\u1ec1u \u0111\u01b0\u1eddng nh\u00e1nh (<code>develop<\/code> v\u00e0 <code>feature-auth<\/code>), th\u1ef1c hi\u1ec7n h\u1ee3p nh\u1ea5t, \u00e1p d\u1ee5ng nh\u00e3n t\u00f9y ch\u1ec9nh v\u00e0 tri\u1ec3n khai c\u00e1c h\u00ecnh d\u1ea1ng b\u1ea3n ghi n\u1ed5i b\u1eadt \u01b0u ti\u00ean cao.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1UcFqwzAMvRf6DyIQcplLu2NuTWBtRjbGVthZTbTENI6Nq3SMsn+f62Vb0jCMD3pPek9+DsOzbCXHcIaokryxaOrIVwplm1hsi\/oRFTksYtu1h+gGomOt31OtlOQc99Q4zlEEn5cThvPZj9B8BlD4PpBlDEHmnCQ2ItWWAmCsHHZaLZaLZXDd+kLcGZFmntj7NaCkEzXa+NaaioPueIQNx42VLYuVSPBIQ403Qu4sCey4HglNiIHa\/etO5LqSxWTNh7t1zwB\/GIphm222ubu7\/7ZUZCsaufVKF1ysXT0xSYjRZaaMbKgMRsL+S\/5ke5\/vsWdqyL1ePFld\/qZ969P+AuwTnQ0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1kU9vwjAMxe9IfIeoUtXLjGDH3minDSbGkIa0s9t6TUSbRMFlmtC++0LYn3YI5ZT3nN+znTg+Kq04FUeR1IofHFqZhFuLSmcOdSnX2JLXEnad3iU3ItlL856btlW8woIa73mLxOfpxPF49AMaj4QoQ51QVSqiDDVU2EFuHEWCsfbaYTaZTqbR\/9KtVMTQoIV8GcwitCIqOlBjbCiXVO5MxwOth3ixTmmGmY+DvelD3gi5cwTYsRyQLowebmVqVUp4fN1GV6yn+7mf6sNSKtaL5+W1HltyNQ2izpSFsaAlMsy9dJFxh1Ao0n4Sv8SMGKMBP\/zNH\/077vx0c4JK1BI2zlS\/i78Ni\/8CnrCghg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">%%{init: { 'gitGraph': { 'mainBranchName': 'trunk', 'showCommitLabel': true } } }%%\r\ngitGraph\r\n  commit id: \"Ban-dau-Core\" tag: \"v1.0.0\"\r\n  commit id: \"Thiet-lap-CI\"\r\n  branch develop\r\n  checkout develop\r\n  commit id: \"Sprint-1-Co-so\"\r\n  branch feature-auth\r\n  checkout feature-auth\r\n  commit id: \"Logich-JWT\"\r\n  commit id: \"Logich-MFA\" type: NHOI\r\n  checkout develop\r\n  merge feature-auth id: \"Hop-nhat-Auth\"\r\n  commit id: \"Da-bien-soan-Beta\"\r\n  checkout trunk\r\n  merge develop id: \"Phat-hanh-Prod\" tag: \"v2.0.0\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1kU9vwjAMxe9IfIeoUtXLjGDH3minDSbGkIa0s9t6TUSbRMFlmtC++0LYn3YI5ZT3nN+znTg+Kq04FUeR1IofHFqZhFuLSmcOdSnX2JLXEnad3iU3ItlL856btlW8woIa73mLxOfpxPF49AMaj4QoQ51QVSqiDDVU2EFuHEWCsfbaYTaZTqbR\/9KtVMTQoIV8GcwitCIqOlBjbCiXVO5MxwOth3ixTmmGmY+DvelD3gi5cwTYsRyQLowebmVqVUp4fN1GV6yn+7mf6sNSKtaL5+W1HltyNQ2izpSFsaAlMsy9dJFxh1Ao0n4Sv8SMGKMBP\/zNH\/077vx0c4JK1BI2zlS\/i78Ni\/8CnrCghg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1UcFqwzAMvRf6DyIQcplLu2NuTWBtRjbGVthZTbTENI6Nq3SMsn+f62Vb0jCMD3pPek9+DsOzbCXHcIaokryxaOrIVwplm1hsi\/oRFTksYtu1h+gGomOt31OtlOQc99Q4zlEEn5cThvPZj9B8BlD4PpBlDEHmnCQ2ItWWAmCsHHZaLZaLZXDd+kLcGZFmntj7NaCkEzXa+NaaioPueIQNx42VLYuVSPBIQ403Qu4sCey4HglNiIHa\/etO5LqSxWTNh7t1zwB\/GIphm222ubu7\/7ZUZCsaufVKF1ysXT0xSYjRZaaMbKgMRsL+S\/5ke5\/vsWdqyL1ePFld\/qZ969P+AuwTnQ0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"iKSnpYj\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-989\" decoding=\"async\" height=\"278\" loading=\"lazy\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df610e5bf8.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df610e5bf8.png 560w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df610e5bf8-300x149.png 300w\" width=\"560\"\/><\/p>\n<hr\/>\n<h2>Nh\u1eefng l\u1ed7i c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn &amp; Gi\u1edbi h\u1ea1n h\u1ec7 th\u1ed1ng<\/h2>\n<p>Khi bi\u00ean d\u1ecbch c\u00e1c bi\u1ec3u \u0111\u1ed3 ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n ch\u00ednh x\u00e1c, h\u00e3y l\u01b0u \u00fd nh\u1eefng tham s\u1ed1 kh\u1eafc ph\u1ee5c s\u1ef1 c\u1ed1 n\u00e0y \u0111\u1ec3 tr\u00e1nh l\u1ed7i t\u00ednh to\u00e1n b\u1ed1 c\u1ee5c:<\/p>\n<ul>\n<li><strong>L\u1ed7i ph\u00e2n bi\u1ec7t ch\u1eef hoa ch\u1eef th\u01b0\u1eddng:<\/strong> Khai b\u00e1o kh\u1edfi t\u1ea1o ch\u00ednh ph\u1ea3i \u0111\u01b0\u1ee3c vi\u1ebft r\u00f5 r\u00e0ng b\u1eb1ng camelCase nh\u01b0 <code>gitGraph<\/code>. Vi\u1ebft to\u00e0n b\u1ed9 b\u1eb1ng ch\u1eef th\u01b0\u1eddng nh\u01b0 <code>gitgraph<\/code> s\u1ebd g\u00e2y ra l\u1ed7i s\u1eadp tr\u00ecnh bi\u00ean d\u1ecbch khi ph\u00e2n t\u00edch c\u00fa ph\u00e1p.<\/li>\n<li><strong>C\u00e1c \u0111\u1ecbnh danh ch\u1eef s\u1ed1 v\u00e0 ch\u1eef c\u00e1i kh\u00f4ng \u0111\u01b0\u1ee3c \u0111\u1eb7t trong d\u1ea5u ngo\u1eb7c k\u00e9p:<\/strong> Khi truy\u1ec1n c\u00e1c tham s\u1ed1 b\u1ea3n ghi t\u00f9y ch\u1ec9nh (v\u00ed d\u1ee5, <code>id: core_init<\/code>), c\u00e1c gi\u00e1 tr\u1ecb ch\u1ee9a d\u1ea5u g\u1ea1ch ngang, kho\u1ea3ng tr\u1eafng ho\u1eb7c d\u1ea5u ch\u1ea5m *ph\u1ea3i* \u0111\u01b0\u1ee3c \u0111\u1eb7t trong d\u1ea5u ngo\u1eb7c k\u00e9p. B\u1ecf qu\u00ean kh\u1ed1i d\u1ea5u ngo\u1eb7c k\u00e9p s\u1ebd d\u1eabn \u0111\u1ebfn l\u1ed7i bi\u00ean d\u1ecbch x\u00e1c th\u1ef1c.<\/li>\n<li><strong>M\u1ee5c ti\u00eau checkout kh\u00f4ng h\u1ee3p l\u1ec7:<\/strong> G\u1ecdi m\u1ed9t <code>checkout branch_name<\/code> h\u00e0nh \u0111\u1ed9ng tr\u00ean m\u1ed9t \u0111\u1ecbnh danh chu\u1ed7i ch\u01b0a \u0111\u01b0\u1ee3c kh\u1edfi t\u1ea1o tr\u01b0\u1edbc \u0111\u00f3 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng <code>branch branch_name<\/code> l\u1ec7nh s\u1ebd ngay l\u1eadp t\u1ee9c l\u00e0m h\u1ecfng vi\u1ec7c x\u00e2y d\u1ef1ng \u0111\u1ed3 th\u1ecb.<\/li>\n<li><strong>Xung \u0111\u1ed9t th\u1ee9 t\u1ef1 nh\u00e1nh:<\/strong> Khi s\u1eed d\u1ee5ng <code>order<\/code> th\u1ebb c\u1ea5u h\u00ecnh tr\u00ean c\u00e1c nh\u00e1nh, \u0111\u1ea3m b\u1ea3o r\u1eb1ng nhi\u1ec1u \u0111\u01b0\u1eddng \u0111i kh\u00f4ng \u0111\u01b0\u1ee3c \u00e1nh x\u1ea1 v\u00e0o c\u00e1c s\u1ed1 nguy\u00ean gi\u1ed1ng nhau tr\u1eeb khi b\u1ea1n mu\u1ed1n c\u00e1c v\u1ebft \u0111\u01b0\u1eddng \u0111i tr\u00ean b\u1ea3ng v\u1ebd ch\u1ed3ng ch\u00e9o l\u00ean nhau. Gi\u1eef s\u1ed1 \u0111\u01b0\u1eddng \u0111i c\u1ee7a nh\u00e1nh l\u00e0 duy nh\u1ea5t.<\/li>\n<li><strong>L\u1ed7i t\u00e1ch bi\u1ec7t kho\u1ea3ng tr\u1eafng:<\/strong> \u0110\u1ea3m b\u1ea3o c\u00f3 c\u00e1c kho\u1ea3ng tr\u1eafng r\u00f5 r\u00e0ng cho c\u00e1c \u0111\u1ed1i s\u1ed1 khi t\u00e1ch bi\u1ec7t c\u00e1c thu\u1ed9c t\u00ednh b\u00ean trong ma tr\u1eadn tham s\u1ed1 trong d\u1ea5u ngo\u1eb7c \u0111\u01a1n (v\u00ed d\u1ee5: d\u00f9ng <code>id: \"1\", type: HIGHLIGHT<\/code>). B\u1ecf s\u00f3t d\u1ea5u ph\u1ea9y ho\u1eb7c kho\u1ea3ng tr\u1eafng c\u00f3 th\u1ec3 g\u00e2y ra ngo\u1ea1i l\u1ec7 ph\u00e2n t\u00edch c\u00fa ph\u00e1p.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>S\u01a1 \u0111\u1ed3 GitGraph l\u00e0 m\u1ed9t th\u00e0nh ph\u1ea7n tr\u1ef1c quan h\u00f3a chuy\u00ean bi\u1ec7t \u0111\u01b0\u1ee3c c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n, \u0111\u1ed9i ng\u0169 DevOps v\u00e0 ng\u01b0\u1eddi vi\u1ebft k\u1ef9 thu\u1eadt s\u1eed d\u1ee5ng \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t r\u00f5 r\u00e0ng c\u00e1c chi\u1ebfn l\u01b0\u1ee3c nh\u00e1nh Git, qu\u1ea3n l\u00fd ph\u00e1t&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":25,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2073","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/\",\"name\":\"Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4df4c81a505.png\",\"datePublished\":\"2026-07-08T06:54:58+00:00\",\"description\":\"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4df4c81a505.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4df4c81a505.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-gitgraph-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 GitGraph c\u1ee7a Mermaid.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide","description":"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide","og_description":"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/","name":"Mermaid GitGraph Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png","datePublished":"2026-07-08T06:54:58+00:00","description":"Visualize Git branching, merging, and commit histories using Mermaid GitGraph in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4df4c81a505.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-gitgraph-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 GitGraph c\u1ee7a Mermaid.js"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2073"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}