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

2022-09-02 10:12:11 +08:00
 joetao123

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

3777 次点击
所在节点    问与答
22 条回复
TomVista
2022-09-02 10:14:37 +08:00
vuepress
runze
2022-09-02 10:15:31 +08:00
SSG 了解一下?
joetao123
2022-09-02 10:17:55 +08:00
@TomVista 谢谢! react 有相关的工具吗?
Vegetable
2022-09-02 10:18:01 +08:00
Vegetable
2022-09-02 10:20:03 +08:00
实际上当前的文档已经采用了 vitepress 了
yunyuyuan
2022-09-02 10:24:59 +08:00
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
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
2022-09-02 10:29:31 +08:00
duanxianze
2022-09-02 10:36:35 +08:00
vue 现在全系都是 vitepress
janus77
2022-09-02 11:03:28 +08:00
静态网站生成器。就是把已经编写好的文章文件(一般是 md 之类)生成 html 的形式。这个生成器本身可以用任意语言编写,hexo 、hugo 、jekyll 等等都是各种编程语言实现的生成器。你也可以自己做一个生成器。
gkinxin
2022-09-02 11:09:18 +08:00
@joetao123 #3 react 可以用 [Gatsby]( https://www.gatsbyjs.com/)
GreatAuk
2022-09-02 11:10:42 +08:00
vue3 应该是 vitepress 。 最近新出的 astro 可以了解下
liuzhihang
2022-09-02 11:28:28 +08:00
@GreatAuk astro 结合 vue react 都很不错。(看的资料说的,我并不懂前端,准备学学 react )
avenger
2022-09-02 11:49:02 +08:00
这种对 SEO 是不是不友好?
yaphets666
2022-09-02 13:54:51 +08:00
@avenger 不会,生成的静态 HTML
ryougifujino
2022-09-02 14:15:51 +08:00
@avenger #14 恰恰相反,这种对 SEO 是最友好的。
reallarry
2022-09-02 16:11:13 +08:00
#7 还有 rust 的 mdbook
xiaogui
2022-09-02 19:10:51 +08:00
试试 Docusaurus ?
2218675712
2022-09-02 20:35:00 +08:00
react 可以试试 dumi
阿里家的,用着还可以
enchilada2020
2022-09-02 21:00:10 +08:00
@learnshare 看了这么多 居然没提 Gatsby

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/877184

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX