添加rehype-mathjax对公式和流程的支持

app/assets/css/main.css

@@ -150,14 +150,14 @@
 
 /* 统一将主题风格映射到常见元素，尽量少侵入、仅做“润色” */
 /* 图片与代码块采用卡片圆角与轻阴影，增强主题差异感 */
-:where(.prose) img,
+/* :where(.prose) img,
 :where(.prose) pre,
 :where(.prose) table {
   border-radius: var(--ui-card-radius);
   box-shadow: var(--ui-shadow);
   background-color: var(--theme-background);
   border: 1px solid var(--theme-border);
-}
+} */
 
 /* 按钮采用按钮圆角，保持各主题观感统一 */
 /* button,
@@ -176,3 +176,25 @@
 :where(.theme-minimal) .rounded-md { border-radius: var(--ui-radius); }
 :where(.theme-minimal) .rounded-lg { border-radius: calc(var(--ui-radius) + 2px); }
 :where(.theme-minimal) .rounded-xl { border-radius: calc(var(--ui-radius) + 4px); } */
+
+
+/* Inline math ($...$) 强制行内，不换行 */
+/* .math-inline,
+.math.math-inline,
+mjx-container[display="false"] {
+  display: inline !important;
+}
+
+p > mjx-container[display="false"],
+li > mjx-container[display="false"] {
+  display: inline !important;
+  margin: 0 0.15em !important;
+  vertical-align: middle !important;
+}
+
+.math-display,
+.math.math-display,
+mjx-container[display="true"] {
+  display: block !important;
+  margin: 0.75em 0 !important;
+} */

app/components/content/ProseH2.vue

@@ -49,6 +49,6 @@ const primaryHex = computed(() => {
 
 const h2Style = computed(() => ({
   backgroundColor: primaryHex.value,
-  borderRadius: 'var(--ui-card-radius)',
+  borderRadius: 'var(--ui-card-radius)'
 }))
 </script>

app/components/content/ProseH4.vue

@@ -25,5 +25,4 @@ const themeSizeClass = computed(() => {
     ? 'text-xl lg:text-1xl'
     : 'text-1xl lg:text-2xl'
 })
-
 </script>

app/components/content/ProseH5.vue

@@ -1,7 +1,7 @@
 <template>
   <h5
     :id
-    :class="['scroll-m-20 font-bold text-primary tracking-tight [&:not(:first-child)]:mt-6',themeSizeClass]"
+    :class="['scroll-m-20 font-bold text-primary tracking-tight [&:not(:first-child)]:mt-6', themeSizeClass]"
   >
     <NuxtLink
       v-if="id && generate"
@@ -25,5 +25,4 @@ const themeSizeClass = computed(() => {
     ? 'text-lg lg:text-xl'
     : 'text-xl lg:text-1xl'
 })
-
 </script>

app/components/content/ProseH6.vue

@@ -1,7 +1,7 @@
 <template>
   <h5
     :id
-    :class="['scroll-m-20 font-normal text-primary tracking-tight [&:not(:first-child)]:mt-6',themeSizeClass]"
+    :class="['scroll-m-20 font-normal text-primary tracking-tight [&:not(:first-child)]:mt-6', themeSizeClass]"
   >
     <NuxtLink
       v-if="id && generate"
@@ -25,5 +25,4 @@ const themeSizeClass = computed(() => {
     ? 'text-lg lg:text-xl'
     : 'text-xl lg:text-1xl'
 })
-
 </script>

app/components/content/ProseStrong.vue

@@ -1,5 +1,5 @@
 <template>
-    <strong class="text-primary">
-        <slot />
-    </strong>
-</template>
+  <strong class="text-primary">
+    <slot />
+  </strong>
+</template>

app/components/content/ProseTable.vue

@@ -1,8 +1,8 @@
 <template>
-    <table>
-      <slot />
-    </table>
-  </template>
+  <table>
+    <slot />
+  </table>
+</template>
 
 <!-- <style scoped>
 /* 强化表头背景，仅此组件内生效 */
@@ -12,4 +12,4 @@ table :deep(thead th) {
 .dark table :deep(thead th) {
   background-color: rgba(255, 255, 255, 0.08);
 }
-</style> -->
+</style> -->

app/components/content/ProseTh.vue

@@ -1,5 +1,5 @@
 <template>
-    <th class=" bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 py-2">
-        <slot />
-    </th>
-</template>
+  <th class=" bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 py-2">
+    <slot />
+  </th>
+</template>

app/components/content/ProseThead.vue

@@ -1,5 +1,5 @@
 <template>
-    <thead>
-      <slot />
-    </thead>
-  </template>
+  <thead>
+    <slot />
+  </thead>
+</template>