macos-defaults/build/vuepress
Benjamin Petetot 6d58d1a3ed
Add Netlify logo on all builds (#58)
To avoid paying for more builds!

Also
✏️ Fix start locally command in README for Docusaurus
2020-10-05 19:15:23 +02:00
..
__mocks__ 👷 Add a VuePress build Action 2020-09-20 11:18:39 +02:00
__snapshots__ Add Netlify logo on all builds (#58) 2020-10-05 19:15:23 +02:00
templates Add Netlify logo on all builds (#58) 2020-10-05 19:15:23 +02:00
build.js ♻️ Split build into smaller functions 2020-09-26 20:24:54 +02:00
netlify.toml 🌐 Add config internationalization support 2020-09-26 20:24:54 +02:00
package.json ⬆️ Upgrade jest to v26.5.0 (#57) 2020-10-05 13:56:16 +02:00
readme.md 📝 Add internationalization infos 2020-09-26 20:24:54 +02:00
write-categories.js 🐛 Enforce lowercase URLs 2020-10-03 15:41:02 +02:00
write-categories.test.js ♻️ Split build into smaller functions 2020-09-26 20:24:54 +02:00
write-config.js 🐛 Enforce lowercase URLs 2020-10-03 15:41:02 +02:00
write-config.test.js 🌐 Add config internationalization support 2020-09-26 20:24:54 +02:00
write-homepage.js 🐛 Enforce lowercase URLs 2020-10-03 15:41:02 +02:00
write-homepage.test.js ♻️ Split build into smaller functions 2020-09-26 20:24:54 +02:00
write-pages.js 🐛 Enforce lowercase URLs 2020-10-03 15:41:02 +02:00
write-pages.test.js ♻️ Split build into smaller functions 2020-09-26 20:24:54 +02:00
yarn.lock ⬆️ Upgrade jest to v26.5.0 (#57) 2020-10-05 13:56:16 +02:00

VuePress Build

VuePress build status

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 (including translations) 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