$ yarn
$ yarn docs:dev
$ yarn docs:build
When adding new images to the documentation, follow these guidelines:
-
Image Location:
- Place all images in the
docs/.vuepress/public/images/
directory. - Use subdirectories that match your documentation structure. Feel free to create new subdirectories as needed.
- Avoid placing images directly in the
images
directory.
- Place all images in the
-
Image Format:
- Use WebP format for all images. Convert other formats to WebP before adding.
-
Referencing Images in Markdown:
- Use relative paths from the root of the public directory.
- The path structure should mirror your documentation structure.
Let's say you want to add an image to End-user Documents > Cloudlinux Solo for end-users
.
-
Convert your image to WebP format and give it a meaningful name, for example
solo-cloudlinux-dashboard.webp
.- The filename should be all lowercase and use hyphens to separate words. no spaces or special characters.
- Use a descriptive name that reflects the image content.
- No more than 5 words in the filename.
-
Place the image in the following directory:
docs/.vuepress/public/images/user-docs/user-docs-solo-cloudlinux
-
Reference the image in your markdown file:
![Solo CloudLinux Dashboard](/images/user-docs/user-docs-solo-cloudlinux/solo-cloudlinux-dashboard.webp)