VuePress is a minimalistic Vue-powered static site generator from Evan You, the creator of Vue.js.
A VuePress site is infact a Vue powered Single Page Application(SPA) with VueRouter & webpack. If you've used Vue before, you will notice the familiar development experience when you are writing or developing custom themes (you can even use Vue DevTools to debug your custom theme!).
During build, VuePress create a server-rendered version of the app and render the corresponding HTML by virtually visiting each route. Each markdown file is compiled into HTML with markdown-it and then processed as the template of a Vue component. This allows you to directly use Vue inside your markdown files and is great when you need to embed dynamic content
Each page generated by VuePress has its own pre-rendered static HTML, providing great loading performance and is SEO-friendly. Once the page is loaded, however, Vue takes over the static content and turns it into a full Single-Page Application (SPA). Additional pages are fetched on demand as the user navigates around the site.
You can install VuePress globally or locally within project. After installation you just have to build the project to read your changes.
yarn global add vuepress # OR npm install -g vuepress # create a markdown file echo '# Hello VuePress' > README.md # start writing vuepress dev # build vuepress build
Here is how beautiful the default theme looks like: