V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
RichXu
V2EX  ›  程序员

用 v0 做了个 Markdown→卡片的网站,半天搞定,求反馈

  •  1
     
  •   RichXu · 9 天前 · 2449 次点击

    周末用 v0 免费额度 + 微调 Claude Code 做了个静态站

    https://simple.md2card.cc 把 Markdown 段落一键渲染成 PNG ,纯前端、免登录、无广告。

    v0 是真的强,免费额度基本上就搞定了,微调花了点时间 想听听大家的使用感受和改进建议~

    54 条回复    2025-07-27 13:00:59 +08:00
    cowiejulewbfwo
        1
    cowiejulewbfwo  
       9 天前
    牛逼,很好看,极简风
    chen2016
        2
    chen2016  
       9 天前
    v0 确实好用,先用 ChatGPT 、Deepseek 生成提示词再交给 v0
    RichXu
        3
    RichXu  
    OP
       9 天前
    @cowiejulewbfwo 谢谢~之后还会更新主题,争取能再更新点功能,反正都是鞭策 AI 牛马去做
    RichXu
        4
    RichXu  
    OP
       9 天前
    @chen2016 因为这个站太简单了,我甚至都没生成提示词,直接简单描述给 v0 ,只能说 v0 自己太强了。复杂一点的,就可以用 gpt-o3 生成产品文档,再去做
    CHTuring
        5
    CHTuring  
       9 天前
    不错,风格很好看
    gaojiren
        6
    gaojiren  
       9 天前
    好看,效率太恐怖了
    xuejianxianzun
        7
    xuejianxianzun  
       9 天前
    挺方便的,提点意见:
    1. 标题等级只支持了 # 和 ##,但是我贴进去的测试代码里大部分都是 ###,原样显示了 3 个 # 号。现在 ## 的字号挺大的,希望可以支持到 3 级或 4 级标题,字号下调空间还是挺大的。
    2. 即使没有上传二维码,图片底部也依然会显示二维码区域,应该隐藏掉。
    xuejianxianzun
        8
    xuejianxianzun  
       9 天前
    编辑:刚看到二维码有个复选框控制,不过默认是勾选的,所以没有上传二维码时也会显示二维码区域。改成默认未选中比较好。
    freeblow
        9
    freeblow  
       9 天前
    挺不错的
    8820670
        10
    8820670  
       9 天前
    看起来真不错 同意#7 还需要再优化一下
    jukanntenn
        11
    jukanntenn  
       9 天前
    开源吗?正好最近在搞一个项目也是和 markdown 有关的,也许样式可以借鉴借鉴,哈哈。
    https://github.com/jukanntenn/markpost
    一个简单的 Go Web 项目,提供 API 来上传 markdown 文本内容并查询转换后的 HTML 内容。
    Dlad
        12
    Dlad  
       9 天前
    多语言如果只有中英,不妨做成点击切换,少一次点击和寻找。
    或者 AI 翻译一下,按使用人数排行把主流语言都加一下。
    yaleyu
        13
    yaleyu  
       9 天前
    同意#7 ,多几个标题等级,然后增加粗体斜体代码块的支持
    gotorion
        14
    gotorion  
       9 天前
    看到评论区好几个要多级标题的,我个人认为不是很好的交互。因为卡片大字体肯定比密密麻麻的字体更容易传达信息,否则如果信息太多,卡片不是一个很好的选择了
    582033
        15
    582033  
       8 天前
    右侧预览最好固定展示,不要跟随左侧,不然点击切换风格时还得再回到上面查看切换后的效果

    很棒,加油
    liuidetmks
        16
    liuidetmks  
       8 天前
    表格能支持吗
    elevioux
        17
    elevioux  
       8 天前
    微调 Claude Code ,指的是 调模型还是调产出的代码?
    kapaseker
        18
    kapaseker  
       8 天前
    继续深挖看看能不能支持公式以及 mermaid 图标。另外主题的列表和下拉框功能是不是重复的?
    abc1310054026
        19
    abc1310054026  
       8 天前
    macos chrome 导出图片,文本会向下偏移
    96
        20
    96  
       8 天前
    如果有时间再加一个 html 导出,可以做公众号生成器,流量会打的很啊!
    liplushe
        21
    liplushe  
       8 天前
    好像不支持多级列表?
    jaxchan
        22
    jaxchan  
       8 天前
    特别好!用上了,继续关注
    eudore
        23
    eudore  
       8 天前
    好多基础语法都不支持,玩具都称不上。
    humbass
        24
    humbass  
       8 天前
    8 cuo. 争取设计成,可以导出 PDF
    RichXu
        25
    RichXu  
    OP
       8 天前
    @gaojiren AI 能力太强了
    RichXu
        26
    RichXu  
    OP
       8 天前
    @xuejianxianzun
    谢谢你的意见,本来是只打算生成短图,做一些比如自媒体卡片、社交卡片分享的,所以只支持到二级标题。
    看来三级标题的需求也比较大,我下次更新的时候加上三级支持
    RichXu
        27
    RichXu  
    OP
       8 天前
    @jukanntenn 暂时还没有开源,刚上线,还在调整中,先听一下大家的意见,后面差不多了会开源出来
    RichXu
        28
    RichXu  
    OP
       8 天前
    @Dlad 因为只是个实验站,用来跑通 vibecoding 快速上线流程的,所以没考虑太多语言。目前多语言不着急,后面可能再加上日语啥的,反正 AI 翻译起来很快哈哈
    RichXu
        29
    RichXu  
    OP
       8 天前
    @yaleyu 代码块暂时不考虑支持,因为卡片图的目标可能还是做一些文本分享,三级标题应该会加
    RichXu
        30
    RichXu  
    OP
       8 天前
    @gotorion 是的,本意只是做一个简单的卡片图生成,使用场景是一些短图,最多只会支持到 3 级
    RichXu
        31
    RichXu  
    OP
       8 天前
    @582033 感谢,非常好的建议,下次 fix~
    RichXu
        32
    RichXu  
    OP
       8 天前
    @liuidetmks 暂不支持表格,毕竟还只是做图片分享,不想做的太复杂,三级标题会考虑支持
    RichXu
        33
    RichXu  
    OP
       8 天前
    @elevioux 使用 Claude Code 对代码做了微调,不好意思表述有歧义
    RichXu
        34
    RichXu  
    OP
       8 天前
    @kapaseker 对,是重复的,任选一个就可以,因为 v0 一开始就这么实现的,我感觉也没啥问题就懒得让他改了哈哈。公式和 mermaid 可能有点困难,优先级不高,我先记录一下
    RichXu
        35
    RichXu  
    OP
       8 天前
    @abc1310054026 这个问题确实存在,没办法做到 1:1 ,后面我让 cc 调了很久也没有成功,只能先放放了
    RichXu
        36
    RichXu  
    OP
       8 天前
    @96 html 导出有的呀,在预览那里可以切换,我是提供了 html 的,不过出来的效果没有那么 1:1
    RichXu
        37
    RichXu  
    OP
       8 天前
    @liplushe 对,目前只支持到 2 级,因为我初衷只是做短图分享,感觉 3 级有点把文本拉太长了。。。下次更新会加入 3 级支持
    RichXu
        38
    RichXu  
    OP
       8 天前
    @jaxchan 感谢~~~
    RichXu
        39
    RichXu  
    OP
       8 天前
    @eudore 这只是 AI vibecoding 半天做出来的,本身也不是什么商业级的应用,有的人用得上,有的人用不上,做这个也是因为自己有需求
    RichXu
        40
    RichXu  
    OP
       8 天前
    @humbass pdf 的话可以麻烦给一个更详细的需求么,因为我自己确实没有生成 Pdf 的需求,暂时想不到应用场景
    liuidetmks
        41
    liuidetmks  
       8 天前
    是无服务器吗,能放一个到 github.io pages 这类网站吗

    个人域名,经常收藏一个东西,过几年去用结果 网页失效了
    RichXu
        42
    RichXu  
    OP
       8 天前
    @liuidetmks 不会失效的,我买的域名,挂在了 cloudflare 上
    kapaseker
        43
    kapaseker  
       8 天前
    @RichXu 这不就得折磨折磨 AI 才有成就感嘛,折磨一天试试,因为 mermaid 有现成的 js 渲染库,看看能不能让 AI 集成进来试试
    humbass
        44
    humbass  
       8 天前
    @RichXu 用 vscode 转一份 pdf 和 生成的图片,发到微信上,无论是操作、分辨率 都是 PDF 比较好。其他的软件也差不多。另外很多软件在传输的时候会压缩图。
    EbichuMan
        45
    EbichuMan  
       8 天前
    v0 是什么工具?
    RichXu
        46
    RichXu  
    OP
       8 天前
    @kapaseker 因为我还有几个站在跑,token 省着点用啊,都是 money ,慢慢迭代。其实出 html 效果都好说,就是渲染成图片,下载下来,这效果我调了好久,总是跟预览不一致,AI 经常抽风
    RichXu
        47
    RichXu  
    OP
       8 天前
    @humbass 明白了,可以考虑。主要还有一个点,因为这个生成的图,理论上是无限长的,但是 pdf 一般是 a4 的,这样可能会有问题,需要限定生成的尺寸是 a4 效果吧
    RichXu
        48
    RichXu  
    OP
       8 天前
    @EbichuMan google 一下就知道了~描述起来比较费劲
    gaeco
        49
    gaeco  
       8 天前
    有些小图标可以预制一些提供用户选的话就完美了,还有相应的背景色,字体,大小,吼吼吼,OP 现在做的也很好
    RichXu
        50
    RichXu  
    OP
       8 天前
    @gaeco 对,我也有这个想法,比如排版和 icon 之类的可以预设多种。会慢慢迭代的,毕竟半天也做不了这么多事,现在只是 ver1.0.0 哈哈
    gaeco
        51
    gaeco  
       8 天前
    @RichXu #50 可以可以,有计划就好,持续关注,你的网站访问还挺快,是直接放在 vercel 的吗
    RichXu
        52
    RichXu  
    OP
       8 天前
    @gaeco 放在 cloudflare ,可以保证国内外用户都能访问,没有用 v0 默认的发布
    gaeco
        53
    gaeco  
       8 天前
    @RichXu #52 OKK ,老哥加油!
    RichXu
        54
    RichXu  
    OP
       4 天前
    2025-07-27
    更新了一些功能和优化:
    1. 支持到了三级标题
    2. 增加繁中、日语、韩语支持
    3. 发送反馈不必拉起用户的邮件客户端,直接发送内容即可
    4. 新增自定义日期选择功能,支持年月日手动输入
    5. 帮助和反馈页面风格修改
    6. 二维码默认不勾选
    7. 日期格式根据用户当前的语言设置自动修改

    后续功能和优化(待实现):
    1. 支持用户自选字体
    2. 支持用户自选列表样式
    3. 支持更多的主题
    4. pdf 导出
    5. 固定预览展示,不跟随滚动

    感谢大家的意见和反馈,我会持续更新,希望大家能继续关注~
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5173 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 01:21 · PVG 09:21 · LAX 18:21 · JFK 21:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.