git add -ugit add -u support mermaid, althoght it not usefull

Author: colinz2

content/about.md

@@ -1,8 +1,20 @@
 ---
 title : "About"
 description : "Hugo, the world's fastest framework for building websites"
-date : "2019-02-28"
+date : "2020-03-28"
 aliases : ["about-us", "about-hugo", "contact"]
 author : "realzhangm"
+mermaid: true
 ---
 
+```mermaid
+journey
+    title 我的一天
+    section 上班
+      有时开会: 3: 我,同事
+      Coding: 5: 我
+      项目流程: 2: 我
+    section 下班
+      看书: 5: 我
+      上网: 5: 我
+```

layouts/_default/single.html

@@ -0,0 +1,76 @@
+{{ define "main" }}
+
+<article class="post-single">
+  <header class="post-title">
+    <p>
+      {{ if .Date }}
+      <time>{{ .Date | time.Format ":date_medium" }}</time>
+      {{ end }}
+      {{ if or .Params.Author site.Author.name }}
+      <span>{{ .Params.Author | default site.Author.name }}</span>
+      {{ end }}
+    </p>
+    <h1>{{ .Title }}</h1>
+  </header>
+  <section class="post-content">{{ .Content }}</section>
+
+  <!-- Post Tags -->
+  {{ if .Params.tags }}
+  <footer class="post-tags">
+    {{ range .Params.tags }} {{ $href := print (absURL "tags/") (urlize .) }}
+    <a href="{{ $href }}">{{ . }}</a>
+    {{ end }}
+  </footer>
+  {{ end }}
+
+  <!-- Post Nav -->
+  {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}<!---->
+  {{ if and (gt (len $pages) 1) (in $pages . ) }}
+  <nav class="post-nav">
+    {{ with $pages.Next . }}
+    <a class="prev" href="{{ .Permalink }}"><span>←</span><span>{{ .Name }}</span></a>
+    {{ end }} {{ with $pages.Prev . }}
+    <a class="next" href="{{ .Permalink }}"><span>{{ .Name }}</span><span>→</span></a>
+    {{ end }}
+  </nav>
+  {{ end }}
+
+  <!-- Disqus -->
+  {{ if and site.DisqusShortname (not (eq .Params.comments false)) }}
+  <div id="disqus_thread" class="post-comments"></div>
+  <script>
+    var disqusShortname = '{{ site.DisqusShortname }}';
+    var script = document.createElement('script');
+    script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
+    script.setAttribute('data-timestamp', +new Date());
+    document.head.appendChild(script);
+  </script>
+  {{ end }}
+
+  <!-- Mermaid -->
+  {{ if .Params.mermaid }}
+  <script
+    src="https://cdn.staticfile.org/mermaid/8.14.0/mermaid.min.js"
+    integrity="md5-cb58961821ec1396e5c283dc07331efd"
+    crossorigin="anonymous"
+  ></script>
+  <script>
+    // Replace mermaid pre.code to div
+    Array.from(document.getElementsByClassName("language-mermaid")).forEach(
+      (el) => {
+        el.parentElement.outerHTML = `<div class="mermaid">${el.innerText}</div>`;
+      }
+    );
+  </script>
+  <style>
+    /* Set svg to center */
+    .mermaid svg {
+      display: block;
+      margin: auto;
+    }
+  </style>
+  {{ end }}
+
+</article>
+
+{{ end }}