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

[joetao123]

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

[TomVista]

vuepress

[runze]

SSG 了解一下？

[joetao123]

@TomVista 谢谢！ react 有相关的工具吗？

[Vegetable]

https://github.com/vuejs-translations/docs-zh-cn

[Vegetable]

实际上当前的文档已经采用了 vitepress 了

[yunyuyuan]

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]

Markdown/MDX + static site generator

Hexo
Hugo
Jekyll
Docusaurus
VuePress
VitePress
docsify
Docute
GitBook
Slate
Redocly
DapperDox
RapiDoc
Eleventy
...

[otakustay]

@joetao123 #3 https://docusaurus.io/

[duanxianze]

vue 现在全系都是 vitepress

[rb6221]

静态网站生成器。就是把已经编写好的文章文件（一般是 md 之类）生成 html 的形式。这个生成器本身可以用任意语言编写，hexo 、hugo 、jekyll 等等都是各种编程语言实现的生成器。你也可以自己做一个生成器。

[oky]

@joetao123 #3 react 可以用 [Gatsby]( https://www.gatsbyjs.com/)

[GreatAuk]

vue3 应该是 vitepress 。 最近新出的 astro 可以了解下

[liuzhihang]

@GreatAuk astro 结合 vue react 都很不错。（看的资料说的，我并不懂前端，准备学学 react ）

[avenger]

这种对 SEO 是不是不友好？

[yaphets666]

@avenger 不会，生成的静态 HTML

[ryougifujino]

@avenger #14 恰恰相反，这种对 SEO 是最友好的。

[reallarry]

#7 还有 rust 的 mdbook

[xiaogui]

试试 Docusaurus ？

[litmusF]

react 可以试试 dumi
阿里家的,用着还可以

[KMpAn8Obw1QhPoEP]

@learnshare 看了这么多 居然没提 Gatsby

[learnshare]

@enchilada2020 它并不算以 Markdown 为核心的静态页面生成器

[yoghurtoreo]

vitepress 真的香，https://tkzt.cn/n-notes/