macos-defaults/build/production
2020-09-20 20:01:37 +02:00
..
__mocks__ 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
__snapshots__ 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
templates 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
build.js 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
netlify.toml 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
package.json 🚚 Change the production package.json name 2020-09-20 20:01:37 +02:00
readme.md 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
write-tree.js 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
write-tree.test.js 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00
yarn.lock 🚚 Copy the vuepress folder to the production one 2020-09-20 20:00:59 +02:00

VuePress Build

My opinion

VuePress was really easy to setup.

😄 Good

  • Really easy to setup & deploy
  • Default theme is nice
  • It's possible to use Vue components
  • Development mode is pleasant

😕 Bad

  • Documentation is not super easy
  • Lack of other official themes

😫 Ugly

  • 🤷‍♂️

How does it work?

Here is the built website architecture:

  • .vuepress/config.yml
    • Contains the whole VuePress configuration from title to sidebar config
  • readme.md
    • The main page content

All the other pages are markdown files that are carefully put under their folder (e.g. screenshot/disable-shadow.md). Assets are stored at the same level.

There is a second build phase where VuePress generates the static website.

I also added the @vuepress/medium-zoom plugin to add Medium zoom on images.

Try locally

🏗 Install

yarn install

🚀 Usage

This will build the defaults.yml file and run a VuePress server on http://localhost:8080/. Sources of the website are available in the docs folder.

yarn start

🚧 Run unit tests

yarn test