Quartz sync: May 22, 2025, 2:16 PM

Author: codeyoma

content/Computer Science/index.md

@@ -13,7 +13,7 @@ aliases:
 
 - Foundations & Theory
 	- Data Structures
-	- [[- Algorithms| 🗺️ - Algorithms]]
+	- [[- Algorithms|🗺️ - Algorithms]]
 	- Theory of Computation
 	- Discrete Mathematics
 	- Probability & Statistics
@@ -53,7 +53,7 @@ aliases:
 	- Computer Vision
 - Application Development
 	- Frontend Web Development (HTML, CSS, JavaScript, Frameworks)
-		- [[- Frontend | 🗺️ - Frontend]]
+		- [[- Frontend|🗺️ - Frontend]]
 	- Backend Development (APIs, REST, GraphQL)
 	- Mobile App Development (Android, iOS)
 	- Desktop Application Development

content/index.md

@@ -13,12 +13,12 @@ comments: "false"
 
 # MOC 
 - [[About|About]]
-- [[- Computer Science | 🗺️ - Computer Science]]
-	- [[- Algorithms| 🗺️ - Algorithms]]
-		- [[- PS |🗺️ - PS]]
-	- [[- Frontend| 🗺️ - Frontend]]
+- [[- Computer Science|🗺️ - Computer Science]]
+	- [[- Algorithms|🗺️ - Algorithms]]
+		- [[- PS|🗺️ - PS]]
+	- [[- Frontend|🗺️ - Frontend]]
 - [[- Note Taking|🗺️ - Note Taking]]
-- [[- Philosophy | 🗺️ - Philosophy]]
+- [[- Philosophy|🗺️ - Philosophy]]
 - #moc 
 
 # Basic Guide

obsidian-content-sync.sh

@@ -48,6 +48,38 @@ for ((i = 0; i < len; i++)); do
 
     find "$pre_fix${output_path[$i]}" -type f -name "- *.md" | while read file; do
         dir=$(dirname "$file")
-        mv "$file" "$dir/index.md"
+        newfile="$dir/index.md"
+        mv "$file" "$newfile"
+
+        filename=$(basename "$file" .md)
+        if grep -q "^---" "$newfile"; then
+            # YAML 끝나는 줄 찾기
+            yaml_end=$(awk '/^---$/ { if (NR != 1) { print NR; exit } }' "$newfile")
+
+            # aliases: 있는지 확인
+            if awk "NR<=${yaml_end}" "$newfile" | grep -q "^aliases:"; then
+                # aliases: [] 형태면 [] 지우고 값 추가
+                if awk "NR<=${yaml_end}" "$newfile" | grep -q "^aliases: *\[\]"; then
+                    sed -i '' "s/^aliases: *\[\]/aliases:\n  - \"$filename\"/" "$newfile"
+                else
+                    # 이미 aliases가 있으면 그 밑에 추가
+                    sed -i '' "/^aliases:/a\\
+  - \"$filename\"
+" "$newfile"
+                fi
+            else
+                # YAML 내부엔 있지만 aliases가 없을 때
+                sed -i '' "${yaml_end}i\\
+aliases:\n  - \"$filename\"
+" "$newfile"
+            fi
+        else
+            # YAML 자체가 없을 경우 새로 추가
+            tmp=$(mktemp)
+            echo -e "---\naliases:\n  - \"$filename\"\n---" >"$tmp"
+            cat "$newfile" >>"$tmp"
+            mv "$tmp" "$newfile"
+        fi
+
     done
 done

quartz/components/MarkmapViewer.tsx

@@ -28,14 +28,12 @@ function replaceMatches(str: string, regex: RegExp, replacer: (match: RegExpExec
     return accumulator
 }
 
-
 const wikilinkRegex = /\[\[(?<link>[^|\]]+)\|?((?<displayText>[^\]]+))?\]\]/g
 
 function replacement(match) {
     const { link, displayText } = match.groups!
-    const safeLink = link.trim().replace(/\s+/g, "-")
-    // return `<a href=\"/${safeLink}\">${displayText || link}</a>`
-    return `${displayText || link}`
+    const safeLink = `quartz-${link.trim().replace(/\s+/g, "-")}`
+    return `<a href=\"/${safeLink}\">${displayText || link}</a>`
 }
 
 export const parseInternalLinks = recurseChildren(node => {
@@ -46,6 +44,7 @@ export const parseInternalLinks = recurseChildren(node => {
 
 const MarkmapViewer: QuartzComponent = ({ displayClass, fileData }: QuartzComponentProps) => {
     const root = fileData.markmap
+
     if (!root) {
         return (
             <div class={classNames(displayClass, "markmap")}>
@@ -94,15 +93,13 @@ const MarkmapViewer: QuartzComponent = ({ displayClass, fileData }: QuartzCompon
                     <path d="M200-80q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-87q0-50 35-85t85-35h160v-127q-35-12-57.5-43T360-760q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 70T520-647v127h160q50 0 85 35t35 85v87q35 12 57.5 43t22.5 70q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-87q0-17-11.5-28.5T680-440H520v127q35 12 57.5 43t22.5 70q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-127H280q-17 0-28.5 11.5T240-400v87q35 12 57.5 43t22.5 70q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T240-200q0-17-11.5-28.5T200-240q-17 0-28.5 11.5T160-200q0 17 11.5 28.5T200-160Zm280 0q17 0 28.5-11.5T520-200q0-17-11.5-28.5T480-240q-17 0-28.5 11.5T440-200q0 17 11.5 28.5T480-160Zm280 0q17 0 28.5-11.5T800-200q0-17-11.5-28.5T760-240q-17 0-28.5 11.5T720-200q0 17 11.5 28.5T760-160ZM480-720q17 0 28.5-11.5T520-760q0-17-11.5-28.5T480-800q-17 0-28.5 11.5T440-760q0 17 11.5 28.5T480-720Z" />
                 </svg>
             </button>
-            <div class="global-markmap-outer">
-                <div class="global-markmap-container">
+            <div
+                class="global-markmap-outer"
+                data-markmap={encodeURIComponent(JSON.stringify(fileData.markmap))}
+            >
+                <div class="global-markmap-container" >
                     <svg id="global-markmap" ></svg>
                     <div id="global-markmap-toolbar"></div>
-                    <script
-                        id="global-markmap-data"
-                        type="application/json"
-                        dangerouslySetInnerHTML={{ __html: JSON.stringify(fileData.markmap) }}
-                    />
                 </div>
             </div>
         </div>

quartz/components/scripts/markmap.inline.ts

@@ -12,19 +12,22 @@ function renderGlobalMarkmap() {
 
     const container = document.querySelector(".global-markmap-outer") as HTMLElement
     const svg = container.querySelector("#global-markmap") as SVGSVGElement
-    const dataEl = container.querySelector("#global-markmap-data") as HTMLScriptElement
     const toolbarEl = container.querySelector("#global-markmap-toolbar") as HTMLElement
 
-    if (!container || !svg || !dataEl || !toolbarEl) {
+    if (!container || !svg || !toolbarEl) {
         console.warn("❌ Markmap container or elements not found.")
         return
     }
 
-    // Reset previous content
     svg.innerHTML = ""
     toolbarEl.innerHTML = ""
 
-    const data = JSON.parse(dataEl.textContent ?? "{}")
+    const raw = container.dataset.markmap
+    if (!raw) {
+        return
+    }
+
+    const data = JSON.parse(decodeURIComponent(raw))
     const mm = Markmap.create(svg, markmapOptions, data)
     const toolbar = Toolbar.create(mm)
     toolbarEl.append(toolbar.render())

quartz/components/styles/markmap.scss

@@ -37,33 +37,37 @@
                 position: absolute;
                 width: 100%;
                 height: 100%;
-                // display: block;
                 z-index: 0;
                 overflow: hidden;
+                color: var(--darkgray);
+
+                .language-frontmatter {}
             }
 
             #global-markmap-toolbar {
                 position: absolute;
                 bottom: 0;
                 left: 0;
+                right: 0;
                 width: 100%;
                 z-index: 10;
-                padding: 0.5rem 1rem;
-                background-color: var(--light);
-            }
-
-            #global-markmap-toolbar,
-            #global-markmap-toolbar>* {
-                cursor: pointer;
-                display: flex !important;
-                flex-direction: row !important;
-                justify-content: center;
-                align-items: center;
-                gap: 0.5rem;
+                color: var(--darkgray);
 
                 .mm-toolbar-brand {
                     display: none;
                 }
+
+                .mm-toolbar {
+                    display: flex !important;
+                    flex-direction: row !important;
+                    justify-content: center;
+                    align-items: center;
+                    gap: 0.5rem;
+
+                    .mm-toolbar-item {
+                        cursor: pointer;
+                    }
+                }
             }
         }
     }

quartz/plugins/emitters/folderPage.tsx

@@ -74,7 +74,6 @@ function computeFolderInfo(
                 defaultProcessedContent({
                     slug: joinSegments(folder, "index") as FullSlug,
                     frontmatter: {
-                        // title: `${i18n(locale).pages.folderContent.folder}: ${unSluggify(folder.slice(folder.lastIndexOf("/")))}`,
                         title: `${i18n(locale).pages.folderContent.folder}: ${lastSlash === -1 ? folder : unSluggify(folder.slice(folder.lastIndexOf("/")))}`,
                         tags: [],
                         comments: false,

quartz/plugins/transformers/frontmatter.ts

@@ -78,24 +78,31 @@ export const FrontMatter: QuartzTransformerPlugin<Partial<Options>> = (userOpts)
                             data.title = file.stem ?? i18n(cfg.configuration.locale).propertyDefaults.title
                         }
 
-                        if (data.status == "🗺️") {
-                            data.title = "🗺️ " + data.title
-                            data.comments = false
-                        }
-
                         const tags = coerceToArray(coalesceAliases(data, ["tags", "tag"]))
                         if (tags) {
                             data.tags = [...new Set(tags.map((tag: string) => slugTag(tag)))]
                             data.tags = data.tags.filter((tag: string) => tag !== "review")
                         }
 
-                        const aliases = coerceToArray(coalesceAliases(data, ["aliases", "alias"]))
+                        let aliases = coerceToArray(coalesceAliases(data, ["aliases", "alias"]))
+                        const quartz_alias = `quartz-${data.title.replace(/\s+/g, "-")}`
+                        if (!aliases) {
+                            aliases = [quartz_alias]
+                        } else {
+                            aliases.push(quartz_alias)
+                        }
+
                         if (aliases) {
                             data.aliases = aliases // frontmatter
                             file.data.aliases = getAliasSlugs(aliases)
                             allSlugs.push(...file.data.aliases)
                         }
 
+                        if (data.status == "🗺️") {
+                            data.title = "🗺️ " + data.title
+                            data.comments = false
+                        }
+
                         if (data.permalink != null && data.permalink.toString() !== "") {
                             data.permalink = data.permalink.toString() as FullSlug
                             const aliases = file.data.aliases ?? []