Skip to main content

Docusaurus Basics

cd my-website
npm run build
npm run serve
cd \\wsl.localhost\Ubuntu\home\benoit\my-website
Copy-Item -Path build\* -Destination "C:\REPOS\NEW-GITHUB\docusaurus\build" -Force -Recurse
https://brave-rock-019155e03.4.azurestaticapps.net/

cd C:\REPOS\NEW-GITHUB\docusaurus
Copy-Item -Path my-website\*  -Destination \\wsl.localhost\Ubuntu\home\benoit\my-website -Force -Recurse

Resize image in Docusaurus​

<img src="https://my-image.html" alt="My Image" style={{width: 50}} />

or

import GitHubLogo from './assets/github_logo.jpg';
<img src={GitHubLogo} style={{width: 200}} />

import Cat from '/img/cat.png';
<img src={Cat} alt="Siamese cat" style={{width: 400}} />

Dynamic image​

![Image](./fun-images/Standards.png)

Notes​

:::note
Un peu de **contenu** avec la `syntaxe` _Markdown_. Consultez [cette `api`](#).
:::
:::tip
Un peu de **contenu** avec la `syntaxe` _Markdown_. Consultez [cette `api`](#).
:::
:::info
Un peu de **contenu** avec la `syntaxe` _Markdown_. Consultez [cette `api`](#).
:::
:::warning
Un peu de **contenu** avec la `syntaxe` _Markdown_. Consultez [cette `api`](#).
:::
:::danger
Un peu de **contenu** avec la `syntaxe` _Markdown_. Consultez [cette `api`](#).
:::

Just a command line​

`npm run start`

npm run start

Change logo size​

On \src\css\custom.css add:

.navbar__logo img {
  height: 100px;
  width: 100px;
  margin-top: -25px;  width: 40px;
}

Change navbar size​

:root {
  ...
  --ifm-navbar-height: 80px;
}