V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  jlak  ›  全部回复第 1 页 / 共 14 页
回复总数  273
1  2  3  4  5  6  7  8  9  10 ... 14  
看到 3899 的电脑 涨到 4999 然后国补后 3999
4 天前
回复了 zwpaper 创建的主题 分享创造 一觉醒来, HackerNews 上前三了
这种是不是很吃 token
7 天前
回复了 jlak 创建的主题 问与答 请问 next.js 里如何好好渲染 md
@scienhub tw 会删除所有默认样式,用 @ tailwindcss/typography 插件后好多了
7 天前
回复了 jlak 创建的主题 问与答 请问 next.js 里如何好好渲染 md
找到元凶了,是 TailwindCSS 去掉了所有样式,删除 TailwindCSS 后正常了,但又不能不用 TailwindCSS
7 天前
回复了 jlak 创建的主题 问与答 请问 next.js 里如何好好渲染 md
7 天前
回复了 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>
);
}
7 天前
回复了 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>
);
}
```
7 天前
回复了 jlak 创建的主题 问与答 请问 next.js 里如何好好渲染 md
@wunonglin md 什么样式?
https://dillinger.io 我是这里复制过来的,也复制了其他的和 ai 写的,都一样
我 api 写入数据库 再读区数据库的

@Track13 连空行都消失了 这也是样式关系吗
7 天前
回复了 jlak 创建的主题 问与答 请问 next.js 里如何好好渲染 md
@scienhub
我用的 next-mdx-remote/rsc 官网的文档不一样
remark-gfm 加入区别不大,很细的变化
7 天前
回复了 VictorFrank1 创建的主题 Tesla 焕新 Model Y 发布了,大家怎么看
矩阵大灯好像没了,现在的矩阵大灯是真心好用,精准避让前方车
音响也从 14 阉割到 9 很失望
26 天前
回复了 jlak 创建的主题 问与答 lucia auth 是不是变了?有什么代替方案吗?
@SingeeKing 谢谢 我还是回去用 v3 版 简单轻量,就不知道为什么被抛弃了,新文档的教程弄不起来,better-auth 的教程也弄不起来 The model "verification" was not found in the schema object.。。。
26 天前
回复了 jlak 创建的主题 问与答 lucia auth 是不是变了?有什么代替方案吗?
找到答案了,lucia auth 是没了
已经变成纯手工撸登陆验证教程了
27 天前
回复了 jlak 创建的主题 问与答 如何设计一个好看的网站
@eyrunq 他风格基本上千篇一律
29 天前
回复了 jlak 创建的主题 问与答 百度云盘值得开 svip 吗
@sir283 单从空间/价格上来说的话 nas 是远远贵于网盘
硬盘寿命也就 10 年,我的 raid1 12T 每年光电费就要约 rmb300+
29 天前
回复了 jlak 创建的主题 问与答 百度云盘值得开 svip 吗
svip 的每日 30 成长是自动获取的还是需要签到
svip10 30tb 好像每年扣 15000 成长,然而 30*365 也只有 11150 成长,不能维持这个等级?
29 天前
回复了 jlak 创建的主题 问与答 百度云盘值得开 svip 吗
为什么百度开通 svip 几乎没怎么宣传 SVIP 等级,明明是个最大优势却只宣传基础的 5TB
29 天前
回复了 jlak 创建的主题 问与答 百度云盘值得开 svip 吗
@HK560 官方连续 bao 年
等等党这次赢麻了
79 天前
回复了 pinyoung 创建的主题 问与答 5000 块够穷游中国南方吗?
119 天前
回复了 weijancc 创建的主题 Apple AirPods4 音质和 pro 对比谁更强?
如果超越 pro 他为什么还不叫 pro
1  2  3  4  5  6  7  8  9  10 ... 14  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2995 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 22ms · UTC 08:00 · PVG 16:00 · LAX 00:00 · JFK 03:00
Developed with CodeLauncher
♥ Do have faith in what you're doing.