feat: 实现最基础的markdown展示

Author: coderz-w

index.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

next.config.mjs

@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 import NextBundleAnalyzer from '@next/bundle-analyzer';
+import withLess from 'next-with-less';
 
 let nextConfig = {
   images: {
@@ -15,6 +16,14 @@ let nextConfig = {
       },
     ],
   },
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.md$/,
+      use: 'raw-loader',
+    });
+
+    return config;
+  },
 };
 
 if (process.env.ANALYZE === 'true') {
@@ -23,4 +32,4 @@ if (process.env.ANALYZE === 'true') {
   })(nextConfig);
 }
 
-export default nextConfig;
+export default withLess(nextConfig);

package.json

@@ -30,13 +30,17 @@
     "colorjs.io": "^0.5.2",
     "daisyui": "^4.12.13",
     "framer-motion": "11.11.1",
+    "markdown-to-jsx": "npm:@innei/[email protected]",
     "next": "14.2.15",
     "next-themes": "^0.3.0",
+    "next-with-less": "^3.0.1",
     "pngjs": "^7.0.0",
     "postcss-js": "^4.0.1",
     "prettier": "3.3.2",
+    "raw-loader": "^4.0.2",
     "react": "^18",
     "react-dom": "^18",
+    "sass": "^1.80.6",
     "tailwind-merge": "^2.5.4",
     "tailwind-scrollbar": "^3.1.0",
     "tailwind-variants": "^0.2.1",