Add guides for common actions

Author: arifszn

README.md

@@ -37,6 +37,73 @@ This command generates static content into the `build` directory and can be serv
 
 Learn how to contribute to this website.
 
+### Configs
+
+All the configs can be found in `docusaurus.config.js`.
+
+### Create a doc page
+
+Create a Markdown file, `example.md`, and place it under the `docs` directory. Any markdown file will render into the site without needing any extra configuration. It will be displayed alphabetically on the sidebar.
+
+```bash
+/root # root directory
+├── docs
+│   └── example.md
+├── docusaurus.config.js
+├── ...
+```
+
+Markdown documents can use the Markdown front matter metadata fields, enclosed by a line `---` on either side. At the top of the file, you can optionally specify attributes in the front matter, so that Docusaurus will pick them up correctly when generating the site. Accepted fields can be found [here](https://docusaurus.io/docs/next/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter).
+
+### Create a doc category
+
+Creating a `example.md` in a sub folder will create a category in the sidebar.
+
+```bash
+/root # root directory
+├── docs
+│	├── sub-folder
+│   	└── example.md
+```
+
+To change the category name or other category meta data, an optional file `_category_.json` can be created in the respective sub folder.
+
+```json
+{
+  "label": "Tutorial"
+}
+```
+
+### Static Assets
+
+The Static Assets can be found in the `static` folder. More [here](https://docusaurus.io/docs/next/static-assets).
+
+### Change theme color
+
+Generate the variables from [here](https://docusaurus.io/docs/next/styling-layout#styling-your-site-with-infima). Then replace the variables in `src/css/custom.css` with these new variables. Don't forget variables for dark mode.
+
+### Change codeBlock theme
+
+Docusaurus uses [Prism React Renderer](https://github.com/FormidableLabs/prism-react-renderer) to highlight code blocks. All configuration are in the `prism` object of `docusaurus.config.js`. You can specify a custom theme from the [list of available themes](https://github.com/FormidableLabs/prism-react-renderer/tree/master/src/themes).
+
+### Change footer
+
+You can add logo and a copyright to the footer via `themeConfig.footer`. More [here](https://docusaurus.io/docs/next/api/themes/configuration#footer-1).
+
+### Blog
+
+To set up blog, start by creating a `blog` directory. More [here](https://docusaurus.io/docs/next/blog).
+
+### Admonitions
+
+In addition to the basic Markdown syntax, Docusaurus use [remark-admonitions](https://github.com/elviswolcott/remark-admonitions) alongside MDX to add support for admonitions. Admonitions are wrapped by a set of 3 colons. More [here](https://docusaurus.io/docs/next/markdown-features/admonitions).
+
+### Update Docusaurus version
+
+To update Docusaurus version, manually change the version number in `package.json` to the desired version. Then run `npm run install`.
+
+Any required change/depricated message will be shown on the terminal when running the command `npm run start`. More [here](https://docusaurus.io/docs/next/installation#updating-your-docusaurus-version).
+
 ## Status
 
 The current status of the website is **under construction**. Please follow us on Twitter [@chkware](https://twitter.com/chkware) for update. Thank you for your patience.