VuePress 使用 Vue 驱动的静态站点生成工具 - 文章教程

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

发布于 2019-05-30 字数 1510 浏览 1235 评论 0

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0