docusaurus/docs/getting-started-installation.md
Yangshun Tay a9a39817d4
Use proper syntax highlighting for code blocks (#615)
* Better syntax highlighting

* Better syntax highlighting
2018-04-27 22:51:38 -07:00

2.4 KiB

id title
installation Installation

Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly. To install Docusaurus, we have created an easy script that will get all of the infrastructure set up for you:

  1. Ensure you have the latest version of Node installed. We also recommend you install Yarn as well.

    While we recommend Node 8.x or greater, your Node version must at least 6.x.

  2. Go into the root of your GitHub repo directory where you will be creating the docs.

  3. npx docusaurus-init

    If you don't have Node 8.2+ or if you prefer to install Docusaurus globally, run yarn global add docusaurus-init or npm install --global docusaurus-init. After that, run docusaurus-init.

After Docusaurus is installed, moving forward, you can check your current version of Docusaurus by going into the website directory and typing yarn outdated docusaurus or npm outdated docusaurus. You can update to the latest version of Docusaurus by typing yarn upgrade docusaurus --latest or npm update docusaurus.

Verifying Installation

Along with previously existing files and directories, your root directory will now contain a structure similar to:

root-of-repo
├── 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
│   ├── core
│   │   └── Footer.js
│   ├── node_modules
│   ├── package.json
│   ├── pages
│   ├── sidebars.json
│   ├── siteConfig.js
│   └── static

Running the Docusaurus initialization script, docusaurus-init, produces a runnable, example website to base your site upon.

  1. In your root, rename docs-examples-from-docusaurus to docs.
  2. cd website
  3. Rename blog-examples-from-docusaurus to blog.
  4. Run the local webserver via yarn start or npm start.
  5. Load the example site at http://localhost:3000. You should see the example site loaded in your web browser.