還在煩惱怎麼做一個簡單又美觀的文檔或部落格網站嗎？VuePress，讓你十分鐘就能搭建一個靜态網站！
Vue.js
簡介
VuePress，是 vuejs 在 Github 上開源的靜态網站生成器，項目倉庫位于 https://github.com/vuejs/vuepress，目前版本為 v1.5.0。VuePress 結合了 Markdown 文法和 Vue.js，可以從 Markdown 文檔中直接生成一個靜态網站，且可以結合 Vue.js，實作更為美觀和強大的自定義主題和功能，滿足快速建構如文檔和技術部落格網站等靜态網站。相比于其他項目，VuePress 開箱即用，依賴較少，對 SEO 友好，能有效利用 Vue 處理布局和互動，渲染配置靈活。
VuePress：Vue驅動的靜态網站生成器
安裝
VuePress使用簡單，可以使用 yarn 直接安裝：
yarn add -D vuepress
也可以使用 npm 安裝，
npm install -D vuepress
如果項目依賴 webpack 3.x，推薦使用yarn安裝，因為npm會生成錯誤的依賴樹。
示例
VuePress使用簡單，可以通過指令行生成樣闆項目：
yarn create vuepress [directoryName]
指令行會提示選擇生成的項目類型：文檔，或部落格。
VuePress類型
然後，指令行會提示輸入包括項目名稱、描述、作者等的項目資訊。依次輸入後，VuePress就會生成一個樣闆項目結構，包括 package.json 和預設的樣闆内容。要啟動項目，首先進行依賴的安裝，運作
yarn install
依賴安裝完畢後，使用預設的腳本指令
yarn dev
啟動項目。等待項目建構完成後，通路 http://localhost:8080/，就會顯示一個預設的靜态網站：
VuePress預設網站
VuePress 提供了對 YAML front matter 開箱即用的支援。文檔類型的樣闆項目的 README.md 代碼如下：
VuePress Front Matter
使用了 YAML 格式的 Front Matter，定義了包括首頁圖檔、特性标簽、腳注等在内的内容，最終渲染得到了我們前面看到的靜态頁面。
更多
- 支援 Github 風格的表格
VuePress表格
- 支援目錄生成
VuePress目錄生成
- 支援自定義容器
VuePress自定義容器
- 支援代碼塊文法高亮
- ……
VuePress特性
總結
VuePress 由 Vue.js 團隊維護，使用簡單，開箱即用，在 Vue 的驅動下能夠提供使用者友好的布局和互動，開發效率高，是一個值得使用的開源項目。