vue3 的官网 cn.vuejs.org 这种静态网站前端是如何开发的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
joetao123
V2EX    问与答

vue3 的官网 cn.vuejs.org 这种静态网站前端是如何开发的?

  •  
  • joetao123 2022-09-02 10:12:11 +08:00 4480 次点击
  • 这是一个创建于 1201 天前的主题,其中的信息可能已经有所发展或是发生改变。

    直接编写 html 页面吗?还是说用到了其他技术或者框架

    22 条回复    2022-09-02 23:43:35 +08:00
    TomVista
        1
    TomVista  
       2022-09-02 10:14:37 +08:00
    vuepress
    runze
        2
    runze  
       2022-09-02 10:15:31 +08:00
    SSG 了解一下?
    joetao123
        3
    joetao123  
    OP
       2022-09-02 10:17:55 +08:00
    @TomVista 谢谢! react 有相关的工具吗?
    Vegetable
        4
    Vegetable  
       2022-09-02 10:18:01 +08:00
    Vegetable
        5
    Vegetable  
       2022-09-02 10:20:03 +08:00
    实际上当前的文档已经采用了 vitepress 了
    yunyuyuan
        6
    yunyuyuan  
       2022-09-02 10:24:59 +08:00   1
    Hmmm......这个问题说大不大说小不小,OP 了解的前端还是 jquery 阶段吗?
    先不论静态不静态,因为有 server side render 这玩意。

    往粗了说:这种开发方式相较于传统 jquery ,抽象了一层,更加工程化,写代码是在框架层,开发效率更高,但是运行效率应该不如 vanillajs

    往细了说:vuejs.org 站点使用 vue 开发的,一般来说需要先搭建一个脚手架,目前首选 vite ,然后就是写.vue 组件,除了 js 外,还需要学习 vue ,它是依赖于 js 的一个框架,说到底还是在写 js ,项目成型后,就可以用 vite build 进行打包,打包后会有一个文件夹,包含一个 index.html 文件和一堆 js/css ,我们只需把这个文件夹放到 nginx 里就行了,不依赖 nodejs ,使用方式和你说的《直接编写 html 页面》的形式是一样的。
    learnshare
        7
    learnshare  
       2022-09-02 10:29:28 +08:00
    Markdown/MDX + static site generator

    Hexo
    Hugo
    Jekyll
    Docusaurus
    VuePress
    VitePress
    docsify
    Docute
    GitBook
    Slate
    Redocly
    DapperDox
    RapiDoc
    Eleventy
    ...
    otakustay
        8
    otakustay  
       2022-09-02 10:29:31 +08:00
    duanxianze
        9
    duanxianze  
       2022-09-02 10:36:35 +08:00
    vue 现在全系都是 vitepress
    rb6221
        10
    rb6221  
       2022-09-02 11:03:28 +08:00
    静态网站生成器。就是把已经编写好的文章文件(一般是 md 之类)生成 html 的形式。这个生成器本身可以用任意语言编写,hexo 、hugo 、jekyll 等等都是各种编程语言实现的生成器。你也可以自己做一个生成器。
    gkinxin
        11
    gkinxin  
       2022-09-02 11:09:18 +08:00
    @joetao123 #3 react 可以用 [Gatsby]( https://www.gatsbyjs.com/)
    GreatAuk
        12
    GreatAuk  
       2022-09-02 11:10:42 +08:00
    vue3 应该是 vitepress 。 最近新出的 astro 可以了解下
    liuzhihang
        13
    liuzhihang  
       2022-09-02 11:28:28 +08:00 via iPhone
    @GreatAuk astro 结合 vue react 都很不错。(看的资料说的,我并不懂前端,准备学学 react )
    avenger
        14
    avenger  
       2022-09-02 11:49:02 +08:00
    这种对 SEO 是不是不友好?
    yaphets666
        15
    yaphets666  
       2022-09-02 13:54:51 +08:00
    @avenger 不会,生成的静态 HTML
    ryougifujino
        16
    ryougifujino  
       2022-09-02 14:15:51 +08:00
    @avenger #14 恰恰相反,这种对 SEO 是最友好的。
    reallarry
        17
    reallarry  
       2022-09-02 16:11:13 +08:00 via Android
    #7 还有 rust 的 mdbook
    xiaogui
        18
    xiaogui  
       2022-09-02 19:10:51 +08:00
    试试 Docusaurus ?
    litmusF
        19
    litmusF  
       2022-09-02 20:35:00 +08:00
    react 可以试试 dumi
    阿里家的,用着还可以
    KMpAn8Obw1QhPoEP
        20
    KMpAn8Obw1QhPoEP  
       2022-09-02 21:00:10 +08:00 via Android
    @learnshare 看了这么多 居然没提 Gatsby
    learnshare
        21
    learnshare  
       2022-09-02 22:25:26 +08:00
    @enchilada2020 它并不算以 Markdown 为核心的静态页面生成器
    yoghurtoreo
        22
    yoghurtoreo  
       2022-09-02 23:43:35 +08:00
    vitepress 真的香,https://tkzt.cn/n-notes/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1044 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 23:07 PVG 07:07 LAX 15:07 JFK 18:07
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86