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

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

  •  1
     
  •   RichXu · 43 天前 · 2840 次点击
    这是一个创建于 43 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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

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