After installing Docusaurus, you now have a skeleton to work from for your specific website. The following discusses the rest of the Docusaurus structure in order for you to prepare your site.
As shown after you installed Docusaurus, the initialization script created a directory structure similar to:
root-directory ├── docs-examples-from-docusaurus │ ├── doc1.md │ ├── doc2.md │ ├── doc3.md │ ├── exampledoc4.md │ └── exampledoc5.md └── website ├── blog-examples-from-docusaurus │ ├── 2016-03-11-blog-post.md │ ├── 2017-04-10-blog-post-two.md │ ├── 2017-09-25-testing-rss.md │ ├── 2017-09-26-adding-rss.md │ └── 2017-10-24-new-version-1.0.0.md ├── core │ └── Footer.js ├── package.json ├── pages ├── sidebars.json ├── siteConfig.js └── static
You may have already renamed the example blog (
website/blog) and document (
docs) directories when you verified the installation.
- Documentation Source Files: The
docs-examples-from-docusaurusdirectory contains example documentation files written in Markdown.
- Blog: The
website/blog-examples-from-docusaurusdirectory contains examples of blog posts written in markdown.
- Pages: The
website/pagesdirectory contains example top-level pages for the site.
- Static files and images: The
website/staticdirectory contains static assets used by the example site.
- Footer: The
website/core/Footer.jsfile is a React component that acts as the footer for the site generated by Docusaurus and should be customized by the user.
- Configuration file: The
website/siteConfig.jsfile is the main configuration file used by Docusaurus.
- Sidebars: The
sidebars.jsonfile contains the structure and ordering of the documentation files.
You will need to keep the
website/core/Footer.js files, but may edit them as you wish. The value of the
customDocsPath key in
website/siteConfig.js can be modified if you wish to use a different directory name or path. The
website directory can also be renamed to anything you want it to be.
However, you should keep the
website/static directories. You may change the content inside them as you wish. At the bare minimum you should have an
en/index.html file inside
website/pages and an image to use as your header icon inside