xiaopanzi
V2EX  ›  Vue.js

Slidev 如何实现一个项目多个 slides?

  •  
  •   xiaopanzi · Jun 26, 2024 · 2128 views
    This topic created in 718 days ago, the information mentioned may be changed or developed.

    slidev是目前发现的一个较好的使用 Markdown 进行 presentation 的工具,但是静态部署的时候发现它的体积较大:

    ❯ du -sh ./*
    4.0K    ./404.html
    23M     ./assets
    4.0K    ./index.html
    4.0K    ./_redirects
    

    显然,如果我要做多个 presentation ,这些 assets 的内容应该是能共享的。但是它官网好像没有看到一个项目多个 slides的做法。请问大家知道如何操作吗?

    5 replies    2024-06-28 07:58:16 +08:00
    dufu1991
        1
    dufu1991  
       Jun 26, 2024
    你应该去 GitHub 上提 issues 。
    passion336699
        2
    passion336699  
       Jun 26, 2024
    我这个就是多 slidev 的 https://github.com/PassionZale/talks

    其实就是照搬作者的 repo: https://github.com/antfu/talks

    原理还是 pnpm workspace ,每一个 package 都是一个单独的 slidev ,单独打包,

    最后利用 nginx 来配置对应的 alias ,例如:

    https://talks.lovchun.com/2023/setup-miniprogram

    https://talks.lovchun.com/2024/happy-coding-for-10-years
    passion336699
        3
    passion336699  
       Jun 26, 2024
    因为是部署在 vercel 的,所以改了作者的 redirects.ts ,最后生成的产物会像这样:

    https://github.com/PassionZale/talks/blob/main/vercel.json

    如果你用不到 pdf 可以把对应的 pdf 去掉。

    你想要的 assets/ 都贡献,可能不太能做到,

    能做到的就是复用 *.md ,

    每个 slidev package 最终还是单独打包分离的。
    xiaopanzi
        4
    xiaopanzi  
    OP
       Jun 28, 2024
    @passion336699 谢谢。确实复用 assets 应该不可能。我有个疑问是:使用 pnpm workspace 的话,还需要指定 base 吗?我没看到相关设置。
    xiaopanzi
        5
    xiaopanzi  
    OP
       Jun 28, 2024
    看到了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2337 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 16:10 · PVG 00:10 · LAX 09:10 · JFK 12:10
    ♥ Do have faith in what you're doing.