docs: add a blog for agentic graphrag

config.toml

@@ -24,6 +24,7 @@ enableGitInfo = true
 # TODO: upgrade docsy version to latest one (curretly mermaid.js is not working)
 [params.mermaid]
 enable = true
+theme = "default"
 
 ###############################################################################
 # Hugo - Top-level navigation (horizontal)

themes/docsy/layouts/partials/head.html

@@ -2,7 +2,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <!-- To handle CSP policy -->
 <meta http-equiv="Content-Security-Policy"
-      content="script-src 'self'; script-src-elem 'self' https://code.jquery.com https://cdn.jsdelivr.net https://fonts.googleapis.com;">
+    content="script-src 'self' 'unsafe-inline'; script-src-elem 'self' 'unsafe-inline' https://code.jquery.com https://cdn.jsdelivr.net https://fonts.googleapis.com;">
 {{ hugo.Generator }}
 {{ range .AlternativeOutputFormats -}}
 <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}">

themes/docsy/layouts/partials/hooks/head-end.html

@@ -1,3 +1,38 @@
 {{ with .Site.Params.algolia_docsearch }}
 <!-- stylesheet for algolia docsearch -->
+{{ end }}
+
+{{ if .Site.Params.mermaid.enable }}
+<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    var codeBlocks = document.querySelectorAll('pre code.language-mermaid, code.language-mermaid, pre code.language-fallback, code.language-fallback');
+    var mermaidBlocks = [];
+
+    codeBlocks.forEach(function(block) {
+        var content = block.textContent.trim();
+        if (content.match(/^(graph|flowchart|sequenceDiagram|classDiagram|pie|gitgraph|erDiagram|journey|gantt|stateDiagram|mindmap|timeline|quadrantChart)/m) ||
+            content.includes('-->') || content.includes('->') || content.includes('style ') || content.includes('fill:')) {
+            mermaidBlocks.push(block);
+        }
+    });
+
+    if (mermaidBlocks.length > 0) {
+        mermaidBlocks.forEach(function(block) {
+            var mermaidDiv = document.createElement('div');
+            mermaidDiv.className = 'mermaid';
+            mermaidDiv.textContent = block.textContent.trim();
+
+            var container = block.closest('pre') || block.parentElement;
+            container.parentNode.replaceChild(mermaidDiv, container);
+        });
+
+        mermaid.initialize({
+            startOnLoad: true,
+            theme: '{{ .Site.Params.mermaid.theme | default "default" }}',
+            securityLevel: 'loose'
+        });
+    }
+});
+</script>
 {{ end }}