添加对Mermaid,nomnoml;Math的渲染支持

AterDev · Apr 1, 2024 · a1704fb · a1704fb
1 parent dc510df
commit a1704fb
Show file tree

Hide file tree

Showing 7 changed files with 238 additions and 202 deletions.
diff --git a/Content/Markdown支持示例.md b/Content/Markdown支持示例.md
@@ -50,11 +50,3 @@ $$
   \label{eq:sample}
 \end{equation}
 $$
-.
-<div class="math">
-\[
-\begin{equation}
-  \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}
-  \label{eq:sample}
-\end{equation}
-\]</div>
diff --git a/Lib/BuildSite/HtmlBuilder.cs b/Lib/BuildSite/HtmlBuilder.cs
@@ -48,6 +48,9 @@ public void BuildBlogs()
         MarkdownPipeline pipeline = new MarkdownPipelineBuilder()
             .UseAlertBlocks()
             .UseFigures()
+            .UseCitations()
+            .UseFigures()
+            .UseEmphasisExtras()
             .UseMathematics()
             .UseMediaLinks()
             .UseListExtras()
@@ -247,9 +250,31 @@ private static string GetTitleFromMarkdown(string content)
     }
     private string AddHtmlTags(string content, string title = "", string toc = "")
     {
+        string extensionHead = "";
+        if (content.Contains("<div class=\"mermaid\">"))
+        {
+            extensionHead += "<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js\"></script>" + Environment.NewLine;
+        }
+        if (content.Contains("<div class=\"math\">"))
+        {
+            extensionHead += """
+                <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+                <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script>
+                
+                """;
+        }
+        if (content.Contains("<div class=\"nomnoml\">"))
+        {
+            extensionHead += """
+                <script src="//unpkg.com/graphre/dist/graphre.js"></script>
+                <script src="//unpkg.com/nomnoml/dist/nomnoml.js"></script>
+                """;
+        }
+
         var tplContent = TemplateHelper.GetTplContent("blog.html");
         tplContent = tplContent.Replace("@{Title}", title)
             .Replace("@{BaseUrl}", BaseUrl)
+            .Replace("@{ExtensionHead}", extensionHead)
             .Replace("@{toc}", toc)
             .Replace("@{content}", content);
         return tplContent;

diff --git a/Lib/BuildSite/template/blog.html.tpl b/Lib/BuildSite/template/blog.html.tpl
@@ -8,6 +8,7 @@
     <link rel="icon" type="image/png" href="@{BaseUrl}favicon.png" />
     <script src="@{BaseUrl}js/markdown.js"></script>
     <title>@{Title}</title>
+    @{ExtensionHead}
 </head>
 <body class="container mx-auto px-4 sm:px-6 lg:px-8 dark:bg-neutral-900 pb-4">
     <div class="flex mt-2">