fix: 样式修改

src/client/theme-default/index.ts

@@ -2,6 +2,7 @@ import './styles/vars.css'
 import './styles/layout.css'
 import './styles/code.css'
 import './styles/custom-blocks.css'
+import './styles/markdown.css'
 
 import Layout from './Layout.vue'
 import NotFound from './NotFound.vue'

src/client/theme-default/styles/markdown.css

@@ -0,0 +1,20 @@
+table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid #ebedf1;
+}
+
+table th {
+  font-weight: 600;
+  background: #f9fafb;
+}
+
+table td:first-child {
+  font-weight: 500;
+}
+
+table td,
+table th {
+  padding: 10px 24px;
+  border: 1px solid #ebedf1;
+}

src/client/theme-default/styles/vars.css

@@ -2,7 +2,7 @@
   --border-color: #ebedf1;
   --header-height: 4rem;
   --sidebar-width: 20rem;
-  --text-color: #2c3e50;
+  --text-color: #454d64;
   --text-color-light: #476582;
   --code-bg-color: #f9fafb;
   --accent-color: #3eaf7c;

src/node/markdown/plugins/demo.ts

@@ -3,6 +3,15 @@ import { MarkdownParsedData } from '../markdown'
 import fs from 'fs'
 import path from 'path'
 import { highlight } from './highlight'
+// import matter from 'gray-matter'
+
+// interface DemoProps {
+//   componentName: string,
+//   htmlStr: string,
+//   codeStr: string,
+//   title?: string,
+//   desc?: string,
+// }
 
 let index = 1
 // hoist <script> and <style> tags out of the returned html
@@ -38,6 +47,7 @@ export const demoPlugin = (md: MarkdownIt) => {
 
       console.log(`srcPath=${srcPath}`)
       const codeStr = fs.readFileSync(srcPath).toString()
+      // const { content: codeContent, data: frontmatter } = matter(codeStr)
       const htmlStr = encodeURIComponent(highlight(codeStr, language))
 
       hoistedTags.script!.unshift(`import ${componentName} from '${src}' \n`)

src/node/markdownToVue.ts

@@ -61,8 +61,8 @@ export function createMarkdownToVueRenderFn(
     }
 
     const vueSrc =
-      `<script>${data.hoistedTags.script?.join('\n')}</script>` +
-      `<style>${data.hoistedTags.style?.join('\n')}</style>` +
+      `<script>${(data.hoistedTags.script ?? []).join('\n')}</script>` +
+      `<style>${(data.hoistedTags.style ?? []).join('\n')}</style>` +
       `\n<template><div>${html}</div></template>`
 
     debug(`[render] ${file} in ${Date.now() - start}ms.`)