VuePress 使用 Vue 驱动的静态站点生成工具

VuePress 是以 Vue 驱动的静态网站生成器,是一个由 Vue、Vue Router 和 webpack 驱动的单页应用。在 VuePress 中,你可以使用 Markdown 编写文档,然后生成网页,每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化。

VuePress 使用 Vue 驱动的静态站点生成工具

同时一旦页面被加载,Vue将接管这些静态内容,并将其转换成一个完整的单页应用,其他的页面则会只在用户浏览到的时候才按需加载。

简明优先

对以 markdown 为中心的项目结构,做最简化的配置,帮助你专注于创作。

Vue 驱动

享用 Vue + webpack 开发环境,在 markdown 中使用 Vue 组件,并通过 Vue 开发自定义主题。

性能高效

VuePress 将每个页面生成为预渲染的静态 HTML,每个页面加载之后,然后作为单页面应用程序(SPA)运行。

起步就像数 1, 2, 3 一样容易

# 安装

yarn global add vuepress # 或 npm install -g vuepress

# 创建一个 markdown 文件

echo '# Hello VuePress' > README.md

# 开始编写

vuepress dev

# 构建为静态文件

vuepress build

兼容性注意事项

VuePress 要求 Node.js >= 8。

中文文档:https://www.wenjiangs.com/docs/vuepress

以上是 VuePress 使用 Vue 驱动的静态站点生成工具 的全部内容, 来源链接: utcz.com/p/232151.html

回到顶部