V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
joetao123
V2EX  ›  问与答

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

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

    直接编写 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
    janus77
        10
    janus77  
       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 ?
    2218675712
        19
    2218675712  
       2022-09-02 20:35:00 +08:00
    react 可以试试 dumi
    阿里家的,用着还可以
    enchilada2020
        20
    enchilada2020  
       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   ·   实用小工具   ·   5377 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:04 · PVG 15:04 · LAX 23:04 · JFK 02:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.