text: (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{169:function(t,e,r){"use strict";r.r(e);var a=r(0),i=Object(a.a)({},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"content"},[t._m(0),t._v(" "),r("Bit"),t._v(" "),r("p",[t._v("VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。")]),t._v(" "),r("p",[t._v("由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，它们能提供出色的加载性能，并且对 SEO 友好。然而，页面加载之后，Vue 就会将这些静态内容，接管为完整的单页面应用程序(SPA)。当用户在浏览站点时，可以按需加载其他页面。")]),t._v(" "),t._m(1),t._v(" "),r("p",[t._v("VuePress 网站实际上是由 "),r("a",{attrs:{href:"http://vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Vue"),r("OutboundLink")],1),t._v(", "),r("a",{attrs:{href:"https://github.com/vuejs/vue-router",target:"_blank",rel:"noopener noreferrer"}},[t._v("Vue Router"),r("OutboundLink")],1),t._v(" 和 "),r("a",{attrs:{href:"http://webpack.js.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("webpack"),r("OutboundLink")],1),t._v(" 驱动的单页面应用程序。如果你以前使用过 Vue，那么在编写或开发自定义主题时（甚至可以使用 Vue DevTools 来调试你的自定义主题！），你会融入到熟悉的开发体验中！")]),t._v(" "),r("p",[t._v("在构建过程中，我们会创建应用程序的服务器渲染版本，并且实际上是通过访问每个路由，来渲染相应的 HTML。这种方式受到 "),r("a",{attrs:{href:"https://nuxtjs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Nuxt"),r("OutboundLink")],1),t._v(" 的 "),r("code",[t._v("nuxt generate")]),t._v(" 命令以及 "),r("a",{attrs:{href:"https://www.gatsbyjs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Gatsby"),r("OutboundLink")],1),t._v(" 等其他项目的启发。")]),t._v(" "),r("p",[t._v("每个 markdown 文件都使用 "),r("a",{attrs:{href:"https://github.com/markdown-it/markdown-it",target:"_blank",rel:"noopener noreferrer"}},[t._v("markdown-it"),r("OutboundLink")],1),t._v(" 编译为 HTML，然后作为 Vue 组件的模板进行处理。这允许你直接在 markdown 文件中使用 Vue，在需要嵌入动态内容时，这种使用方式非常有用。")]),t._v(" "),t._m(2),t._v(" "),r("ul",[r("li",[r("router-link",{attrs:{to:"./markdown.html"}},[t._v("内置 markdown 扩展")]),t._v("，针对技术文档进行了优化")],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./using-vue.html"}},[t._v("能够利用内嵌在 markdown 文件中的 Vue 代码")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./custom-themes.html"}},[t._v("以 Vue 驱动的自定义主题系统")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../config/#serviceworker"}},[t._v("自动生成 Service Worker")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../config/#ga"}},[t._v("Google Analytics 集成")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../default-theme-config/#最近更新"}},[t._v('基于 Git 的"最近更新"')])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./i18n.html"}},[t._v("多语言支持")])],1),t._v(" "),r("li",[t._v("一个默认主题包括：\n"),r("ul",[r("li",[t._v("响应式布局")]),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../default-theme-config/#主页-homepage"}},[t._v("可选的主页")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../default-theme-config/#内置搜索-built-in-search"}},[t._v("简单、开箱即用、基于标题的搜索功能")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../default-theme-config/#algolia-search"}},[t._v("Algolia 搜索")])],1),t._v(" "),r("li",[t._v("可定制的"),r("router-link",{attrs:{to:"./../default-theme-config/#导航栏-navbar"}},[t._v("导航栏")]),t._v("和"),r("router-link",{attrs:{to:"./../default-theme-config/#侧边栏-sidebar"}},[t._v("侧边栏")])],1),t._v(" "),r("li",[r("router-link",{attrs:{to:"./../default-theme-config/#git-仓库和编辑链接"}},[t._v("自动生成的 GitHub 链接和页面编辑链接")])],1)])])]),t._v(" "),t._m(3),t._v(" "),r("p",[t._v("VuePress 的开发仍在进行中。有几件目前不支持，但计划做的功能：")]),t._v(" "),t._m(4),t._v(" "),r("p",[t._v("欢迎贡献！")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),r("p",[t._v("VuePress 能做的事情，Nuxt 也同样能够实现，但是，它是为构建应用程序而设计的。而 VuePress 专注于以内容为中心的静态网站，并且为开箱即用的技术文档，提供量身定制的功能。")]),t._v(" "),t._m(7),t._v(" "),r("p",[t._v("二者都是伟大的项目，也都是以 Vue 驱动。但它们完全是运行时驱动(runtime-driven)的项目，因此不适合 SEO 优化。如果你不关心 SEO 优化，也不想因为安装依赖而扰乱心神，这些仍然是不错的选择。")]),t._v(" "),t._m(8),t._v(" "),r("p",[t._v("Hexo 一直在为 Vue 文档提供服务 - 事实上，离我们的主站完全迁移到 VuePress，可能还要经过一段时间。其中最大的问题是，它的主题系统是非常静态和基于字符串的 - 我们确实需要利用 Vue 来实现布局和交互。此外，无法对 Hexo 的 markdown 渲染，进行极其灵活的配置。")]),t._v(" "),t._m(9),t._v(" "),r("p",[t._v("我们大部分的子项目文档中已经使用了 GitBook。GitBook 的主要问题是有大量文件时，它的开发重载性能简直令人无法容忍。它的默认主题也只有一个非常有限的导航结构，并且主题系统也不是基于 Vue 的。GitBook 背后的团队也更注重将其打造为一个商业产品，而不是开源工具。")])],1)},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"介绍"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#介绍","aria-hidden":"true"}},[this._v("#")]),this._v(" 介绍")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h2",{attrs:{id:"运行原理-how-it-works"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#运行原理-how-it-works","aria-hidden":"true"}},[this._v("#")]),this._v(" 运行原理(how it works)")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h2",{attrs:{id:"特性-features"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#特性-features","aria-hidden":"true"}},[this._v("#")]),this._v(" 特性(features)")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h2",{attrs:{id:"待实现特性-todo"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#待实现特性-todo","aria-hidden":"true"}},[this._v("#")]),this._v(" 待实现特性(todo)")])},function(){var t=this.$createElement,e=this._self._c||t;return e("ul",[e("li",[this._v("插件支持")]),this._v(" "),e("li",[this._v("博客支持")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("h2",{attrs:{id:"为什么不使用下面这些工具？"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#为什么不使用下面这些工具？","aria-hidden":"true"}},[this._v("#")]),this._v(" 为什么不使用下面这些工具？")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h3",{attrs:{id:"nuxt"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#nuxt","aria-hidden":"true"}},[this._v("#")]),this._v(" Nuxt")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h3",{attrs:{id:"docsify-docute"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#docsify-docute","aria-hidden":"true"}},[this._v("#")]),this._v(" Docsify / Docute")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h3",{attrs:{id:"hexo"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hexo","aria-hidden":"true"}},[this._v("#")]),this._v(" Hexo")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h3",{attrs:{id:"gitbook"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#gitbook","aria-hidden":"true"}},[this._v("#")]),this._v(" GitBook")])}],!1,null,null,null);e.default=i.exports}}]);