這次帶給大家如何使用VuePress產生靜態網站，使用VuePress產生靜態網站的注意事項有哪些，以下就是實戰案例，一起來看一下。
什麼是VuePress
VuePress由兩部分組成：一個基於Vue的輕量級靜態網站生成器，以及為編寫技術文檔而優化的預設主題。它是為了滿足Vue自己的子專案文件的需求而創建的。
VuePress為每個由它產生的頁面提供預先載入的html，不僅載入速度極佳，同時對seo非常友善。一旦頁面被載入之後，Vue就全面接管所有的靜態內容，使其變成一個完全的SPA應用，其他的頁面也會在使用者使用導航進入的時候來按需載入。
VuePress是怎麼運作的
一個VuePress應用程式其實就是基於Vue、VueRouter以及webpack,如果你以前就用過vue,那麼當你在用VuePress開發或自訂自己的主題的時候，你會發現使用體驗幾乎是一毛一樣~你甚至可以用Vue DevTools來debug你的客製化主題！
在build的過程中，VuePress會透過建立一個服務端渲染的版本，並存取每個路由來渲染相關的html。這個方法是來自Nuxt的nuxt generate指令,和其他項目如Gatsby的啟發。
每個markdown檔案都被編譯為HTML，然後作為Vue元件的模板進行處理。這樣你可以在markdown檔案中直接使用Vue，這在需要嵌入動態內容的時候非常有用。
VuePress特性
內建的markdown擴充專為技術文件最佳化
驅動的可自訂畫主題
# install npm install -g vuepress # create a markdown file echo '# Hello VuePress' > README.md # start writing vuepress dev # build to static files vuepress build
我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
EL如何取得上下文參數值（附程式碼）JS做出左右邊列表相互移動效果Vue自訂動態元件使用詳解以上是如何使用VuePress產生靜態網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！
