[Experimental] Add mermaid diagram render

- Clean up config and useless template files
TotalImagine-com · Oct 13, 2023 · 035a273 · 035a273
1 parent f5f2eb8
commit 035a273
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 61 deletions.
diff --git a/README.md b/README.md
@@ -197,6 +197,6 @@ Procedural Generation:
 * 20230702: (Appearance) Change theme.
 * 20230801: (Appearance) Update front page; Clean up and visual formatting.
 * 20230823: (Organization) Add section on "Favorite Articles"
-* 20231013: (Remark) Will stop updating this for trivialities. Viewers are welcome to read [commit history](https://github.com/TotalImagine-com/TotalImagine.com/commits/main) for more details.
+* 20231013: (Feature, Interaction) [Integrate Giscus](https://github.com/TotalImagine-com/TotalImagine.com/commit/f5f2eb8c16ff8feeb11965c4dc0b80b65937c461). (Remark) Will stop updating this for trivialities. Viewers are welcome to read [commit history](https://github.com/TotalImagine-com/TotalImagine.com/commits/main) for more details.
 
 Copyright © 2018-2023 <img height="32" src="https://avatars.githubusercontent.com/u/104454300?s=400&u=ea3160153c1576ba9292398a40911180e754c698&v=4" style="vertical-align:middle"/> Charles Zhang All rights reserved. 
diff --git a/_config.yml b/_config.yml
@@ -1,14 +1,2 @@
-## Overall configuration
 google_analytics: G-5GZGVC93CV
-
-## Theme: https://github.com/pages-themes/time-machine
-## More theming: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/adding-a-theme-to-your-github-pages-site-using-jekyll
-## Disabled as of 2023-07-02 because themes are too distracting and abuses colors.
-# remote_theme: pages-themes/leap-day@v0.2.0
-title: Charles Zhang
-# description: Why are you surprised and are you still training with backpropagation?
-
-## Plugins - Theme
-## Disabled as of 2023-07-02 because themes are too distracting and abuses colors.
-# plugins:
-# - jekyll-remote-theme
+title: Charles Zhang
diff --git a/_include/google-analytics.html b/_include/google-analytics.html
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {% seo %}
+    <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
+    {% include head-custom.html %}
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.5.0/mermaid.min.js"></script>
+  </head>
+  <body>
+    <div class="container-lg px-3 my-5 markdown-body">
+      {% if site.title and site.title != page.title %}
+      <h1><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1>
+      {% endif %}
+
+      {{ content }}
+
+      {% if site.github.private != true and site.github.license %}
+      <div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
+        This site is open source. {% github_edit_link "Improve this page" %}.
+      </div>
+      {% endif %}
+    </div>
+
+    <script>
+      var config = {
+          startOnLoad:true,
+          theme: 'forest'
+      };
+      mermaid.initialize(config);
+      window.mermaid.init(undefined, document.querySelectorAll('.language-mermaid'));
+    </script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
+    <script>anchors.add();</script>
+  </body>
+</html>
diff --git a/_layouts/head.html b/_layouts/head.html
diff --git a/_templates/Empty.html b/_templates/Empty.html