VueJs

VuePress: Powerfull, static website generator with VueJs

2019-04-17

VuePress is a minimalistic Vue-powered static site generator from Evan You, the creator of Vue.js

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!).

How VuePress works?

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.

Features of VuePress

Start Using VuePress

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:

<div class="inline_html" contenteditable="false">VuePress default themeVuePress default theme

Some Alternatives to VuePress


As a developer, I always see the problem for creating images/banners whenever I post some content online.

Even for simple designs I always needed to open figma or search online, so I thought of automating it.

I've build BannerPot to solve this problem, would you like to give it a try?

Ramesh from BannerPot

Ramesh Mhetre

Maker of BannerPot