V2EX › jlak 的所有回复 › 第 1 页 / 共 14 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

1 2 3 4 5 6 7 8 9 10 ... 14

❮

❯

1 天前

回复了 lilistar9999 创建的主题 › 求职 › 成都前端本科 2 年求捞

排版颜色间距对比啥都是问题，槽点太多了

36 天前

回复了 ColdBird 创建的主题 › 经济 › 国补的目的是补贴消费者还是补贴商家？真能促进消费吗

看到 3899 的电脑涨到 4999 然后国补后 3999

36 天前

回复了 zwpaper 创建的主题 › 分享创造 › 一觉醒来， HackerNews 上前三了

这种是不是很吃 token

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

@scienhub tw 会删除所有默认样式，用 @ tailwindcss/typography 插件后好多了

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

找到元凶了，是 TailwindCSS 去掉了所有样式，删除 TailwindCSS 后正常了，但又不能不用 TailwindCSS

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

我在沙盒里写了一份 https://stackblitz.com/edit/nextjs-njhg2amd?file=app%2Fpage.tsx

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

Reply 6
jlak
OP
刚刚
新弄了一套还是丑空行都消失了
```javascript
import { MDXRemote } from "next-mdx-remote/rsc";
import matter from "gray-matter";
import remarkGfm from "remark-gfm";
export default async function Test3() {
const data = await fetch(
"https://raw.githubusercontent.com/onwidget/astrowind/refs/heads/main/src/data/post/landing.md"
);
const text = await data.text();
const { content } = matter(text);

const mdxOptions = {
mdxOptions: {
remarkPlugins: [remarkGfm],
},
};

const components = {
h1: ({ children }: { children: React.ReactNode }) => (
<h1 className="text-3xl font-bold text-red-500">{children}</h1>
),
p: ({ children }: { children: React.ReactNode }) => (
<p className="text-lg text-gray-700">{children}</p>
),
a: ({ children, href }: { children: React.ReactNode; href: string }) => (
<a href={href} className="text-blue-500 hover:underline">
{children}
</a>
),
ul: ({ children }: { children: React.ReactNode }) => (
<ul className="list-disc list-inside text-gray-700">{children}</ul>
),
li: ({ children }: { children: React.ReactNode }) => (
<li className="text-gray-700">{children}</li>
),
code: ({ children }: { children: React.ReactNode }) => (
<code className="text-gray-700">{children}</code>
),
blockquote: ({ children }: { children: React.ReactNode }) => (
<blockquote className="text-gray-700">{children}</blockquote>
),
table: ({ children }: { children: React.ReactNode }) => (
<table className="text-gray-700">{children}</table>
),
tr: ({ children }: { children: React.ReactNode }) => (
<tr className="text-gray-700">{children}</tr>
),
td: ({ children }: { children: React.ReactNode }) => (
<td className="text-gray-700">{children}</td>
),
};

return (
<div className="container mx-auto p-4">
<MDXRemote
source={content}
options={mdxOptions}
components={components}
/>
</div>
);
}

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

新弄了一套还是丑空行都消失了
```javascript
import { MDXRemote } from "next-mdx-remote/rsc";
import matter from "gray-matter";
import remarkGfm from "remark-gfm";
export default async function Test3() {
const data = await fetch(
"https://raw.githubusercontent.com/onwidget/astrowind/refs/heads/main/src/data/post/landing.md"
);
const text = await data.text();
const { content } = matter(text);

const mdxOptions = {
mdxOptions: {
remarkPlugins: [remarkGfm],
},
};

const components = {
h1: ({ children }: { children: React.ReactNode }) => (
<h1 className="text-3xl font-bold text-red-500">{children}</h1>
),
p: ({ children }: { children: React.ReactNode }) => (
<p className="text-lg text-gray-700">{children}</p>
),
a: ({ children, href }: { children: React.ReactNode; href: string }) => (
<a href={href} className="text-blue-500 hover:underline">
{children}
</a>
),
ul: ({ children }: { children: React.ReactNode }) => (
<ul className="list-disc list-inside text-gray-700">{children}</ul>
),
li: ({ children }: { children: React.ReactNode }) => (
<li className="text-gray-700">{children}</li>
),
code: ({ children }: { children: React.ReactNode }) => (
<code className="text-gray-700">{children}</code>
),
blockquote: ({ children }: { children: React.ReactNode }) => (
<blockquote className="text-gray-700">{children}</blockquote>
),
table: ({ children }: { children: React.ReactNode }) => (
<table className="text-gray-700">{children}</table>
),
tr: ({ children }: { children: React.ReactNode }) => (
<tr className="text-gray-700">{children}</tr>
),
td: ({ children }: { children: React.ReactNode }) => (
<td className="text-gray-700">{children}</td>
),
};

return (
<div className="container mx-auto p-4">
<MDXRemote
source={content}
options={mdxOptions}
components={components}
/>
</div>
);
}
```

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

@wunonglin md 什么样式？
https://dillinger.io 我是这里复制过来的，也复制了其他的和 ai 写的，都一样
我 api 写入数据库再读区数据库的

@Track13 连空行都消失了这也是样式关系吗

38 天前

回复了 jlak 创建的主题 › 问与答 › 请问 next.js 里如何好好渲染 md

@scienhub
我用的 next-mdx-remote/rsc 官网的文档不一样
remark-gfm 加入区别不大，很细的变化

39 天前

回复了 VictorFrank1 创建的主题 › Tesla › 焕新 Model Y 发布了，大家怎么看

矩阵大灯好像没了，现在的矩阵大灯是真心好用，精准避让前方车
音响也从 14 阉割到 9 很失望

58 天前

回复了 jlak 创建的主题 › 问与答 › lucia auth 是不是变了？有什么代替方案吗？

@SingeeKing 谢谢我还是回去用 v3 版简单轻量，就不知道为什么被抛弃了，新文档的教程弄不起来，better-auth 的教程也弄不起来 The model "verification" was not found in the schema object.。。。