{post.type === "html" && (
)}
{post.type === "markdown" && (
-
+
)}
{post.type === "text" && (
@@ -118,10 +133,9 @@ async function PostContent({ post }: { post: Post }) {
async function BlogPost({ post }: { post: Post }) {
return (
);
}
diff --git a/web/src/components/markdown-codeblock.tsx b/web/src/components/markdown-codeblock.tsx
new file mode 100644
index 0000000..6d7084f
--- /dev/null
+++ b/web/src/components/markdown-codeblock.tsx
@@ -0,0 +1,88 @@
+'use client'
+import React from "react";
+import { toast } from "sonner";
+
+function extractText(node: any): string {
+ if (typeof node === "string") return node;
+ if (Array.isArray(node)) return node.map(extractText).join("");
+ if (node && typeof node === "object" && "props" in node) {
+ return extractText(node.props.children);
+ }
+ return "";
+}
+
+export default function CodeBlock(props: React.ComponentPropsWithoutRef<"pre">) {
+ let className: string | undefined = undefined;
+ if (
+ props.children &&
+ typeof props.children === "object" &&
+ "props" in props.children &&
+ props.children &&
+ typeof (props.children as any).props === "object" &&
+ (props.children as any).props.className
+ ) {
+ className = (props.children as any).props.className as string | undefined;
+ }
+ let language = "";
+ if (className) {
+ const match = className.match(/language-(\w+)/);
+ if (match) {
+ language = match[1];
+ }
+ }
+ let codeContent = "";
+ if (
+ props.children &&
+ typeof props.children === "object" &&
+ "props" in props.children &&
+ (props.children as any).props
+ ) {
+ codeContent = extractText((props.children as any).props.children);
+ }
+
+ function handleCopy(e: React.MouseEvent
) {
+ if (typeof window !== "undefined" && window.navigator?.clipboard) {
+ window.navigator.clipboard.writeText(codeContent);
+ } else {
+ const textarea = document.createElement("textarea");
+ textarea.value = codeContent;
+ document.body.appendChild(textarea);
+ textarea.select();
+ document.execCommand("copy");
+ document.body.removeChild(textarea);
+ }
+ toast.success("已经复制", {
+ description: "代码已复制到剪贴板",
+ });
+ }
+
+ return (
+
+
+
+
+
+ {language && (
+
+ {language}
+
+ )}
+
+
+
+
+
+
+
+ );
+}
+
+export function RenderMarkdownWithComponents(props: MDXRemoteProps) {
+ return (
+