课程介绍
内容介绍
-
VuePress 介绍
VuePress由两部分组成:一个以Vue驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持Vue子项目的文档需求而创建的。
由VuePress生成的每个页面,都具有相应的预渲染静态HTML,它们能提供出色的加载性能,并且对SEO友好。然而,页面加载之后,Vue就会将这些静态内容,接管为完整的单页面应用程序(SPA)。当用户在浏览站点时,可以按需加载其他页面。
二、运行原理(how it works)
VuePress网站实际上是由Vue,Vue Router和 webpack驱动的单页面应用程序。如果你以前使用过Vue,那么在编写或开发自定义主题时(甚至可以使用Vue DevTools 来调试你的自定义主题! ),你会融入到熟悉的开发体验中!
在构建过程中,我们会创建应用程序的服务器渲染版本,并且实际上是通过访问每个路由,来渲染相应的HTML。这种方式受到 Nuxt的nuxt generate命令以及Gatsby等其他项目的启发。
每个markdown文件都使用markdown-it编译为 HTML,然后作为Vue组件的模板进行处理。这允许你直接在markdown文件中使用Vue,在需要嵌入动态内容时,这种使用方式非常有用。
三、特性(features)
1、内置markdown扩展,针对技术文档进行了优化
2、能够利用内嵌在markdown文件中的Vue代码