docs: make localhost links clickable (#7582)

* docs: clickable localhost links

* revert changes in auto-generated examples folder

Co-authored-by: dht <[email protected]>

packages/create-docusaurus/templates/shared/docs/tutorial-basics/create-a-blog-post.md

@@ -31,4 +31,4 @@ Congratulations, you have made your first post!
 Feel free to play around and edit this post as much you like.
 ```
 
-A new blog post is now available at `http://localhost:3000/blog/greetings`.
+A new blog post is now available at [http://localhost:3000/blog/greetings](http://localhost:3000/blog/greetings).

packages/create-docusaurus/templates/shared/docs/tutorial-basics/create-a-document.md

@@ -20,7 +20,7 @@ Create a markdown file at `docs/hello.md`:
 This is my **first Docusaurus document**!
 ```
 
-A new document is now available at `http://localhost:3000/docs/hello`.
+A new document is now available at [http://localhost:3000/docs/hello](http://localhost:3000/docs/hello).
 
 ## Configure the Sidebar
 

packages/create-docusaurus/templates/shared/docs/tutorial-basics/create-a-page.md

@@ -28,7 +28,7 @@ export default function MyReactPage() {
 }
 ```
 
-A new page is now available at `http://localhost:3000/my-react-page`.
+A new page is now available at [http://localhost:3000/my-react-page](http://localhost:3000/my-react-page).
 
 ## Create your first Markdown Page
 
@@ -40,4 +40,4 @@ Create a file at `src/pages/my-markdown-page.md`:
 This is a Markdown page
 ```
 
-A new page is now available at `http://localhost:3000/my-markdown-page`.
+A new page is now available at [http://localhost:3000/my-markdown-page](http://localhost:3000/my-markdown-page).

packages/create-docusaurus/templates/shared/docs/tutorial-basics/deploy-your-site.md

@@ -26,6 +26,6 @@ Test your production build locally:
 npm run serve
 ```
 
-The `build` folder is now served at `http://localhost:3000/`.
+The `build` folder is now served at [http://localhost:3000/](http://localhost:3000/).
 
 You can now deploy the `build` folder **almost anywhere** easily, **for free** or very small cost (read the **[Deployment Guide](https://docusaurus.io/docs/deployment)**).

packages/create-docusaurus/templates/shared/docs/tutorial-extras/translate-your-site.md

@@ -39,7 +39,7 @@ Start your site on the French locale:
 npm run start -- --locale fr
 ```
 
-Your localized site is accessible at `http://localhost:3000/fr/` and the `Getting Started` page is translated.
+Your localized site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/) and the `Getting Started` page is translated.
 
 :::caution
 

website/docs/guides/creating-pages.md

@@ -51,7 +51,7 @@ export default function Hello() {
 }
 ```
 
-Once you save the file, the development server will automatically reload the changes. Now open `http://localhost:3000/helloReact` and you will see the new page you just created.
+Once you save the file, the development server will automatically reload the changes. Now open [http://localhost:3000/helloReact](http://localhost:3000/helloReact) and you will see the new page you just created.
 
 Each page doesn't come with any styling. You will need to import the `Layout` component from `@theme/Layout` and wrap your contents within that component if you want the navbar and/or footer to appear.
 
@@ -77,7 +77,7 @@ hide_table_of_contents: true
 How are you?
 ```
 
-In the same way, a page will be created at `http://localhost:3000/helloMarkdown`.
+In the same way, a page will be created at [http://localhost:3000/helloMarkdown](http://localhost:3000/helloMarkdown).
 
 Markdown pages are less flexible than React pages because it always uses the theme layout.
 

website/docs/i18n/i18n-crowdin.mdx

@@ -288,7 +288,7 @@ Start your site on the French locale:
 npm run start -- --locale fr
 ```
 
-Make sure that your website is now translated in French at `http://localhost:3000/fr/`.
+Make sure that your website is now translated in French at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 ### Automate with CI {#automate-with-ci}
 

website/docs/i18n/i18n-tutorial.md

@@ -76,7 +76,7 @@ Start your localized site in dev mode, using the locale of your choice:
 npm run start -- --locale fr
 ```
 
-Your site is accessible at **`http://localhost:3000/fr/`**.
+Your site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 We haven't provided any translation yet, so the site is mostly untranslated.
 

website/docs/introduction.md

@@ -36,7 +36,7 @@ cd my-website
 npx docusaurus start
 ```
 
-Open `http://localhost:3000` and follow the tutorial.
+Open [http://localhost:3000](http://localhost:3000) and follow the tutorial.
 
 :::tip
 

website/versioned_docs/version-2.0.0-beta.20/guides/creating-pages.md

@@ -51,7 +51,7 @@ export default function Hello() {
 }
 ```
 
-Once you save the file, the development server will automatically reload the changes. Now open `http://localhost:3000/helloReact` and you will see the new page you just created.
+Once you save the file, the development server will automatically reload the changes. Now open [http://localhost:3000/helloReact](http://localhost:3000/helloReact) and you will see the new page you just created.
 
 Each page doesn't come with any styling. You will need to import the `Layout` component from `@theme/Layout` and wrap your contents within that component if you want the navbar and/or footer to appear.
 
@@ -77,7 +77,7 @@ hide_table_of_contents: true
 How are you?
 ```
 
-In the same way, a page will be created at `http://localhost:3000/helloMarkdown`.
+In the same way, a page will be created at [http://localhost:3000/helloMarkdown](http://localhost:3000/helloMarkdown).
 
 Markdown pages are less flexible than React pages because it always uses the theme layout.
 

website/versioned_docs/version-2.0.0-beta.20/i18n/i18n-crowdin.mdx

@@ -287,7 +287,7 @@ Start your site on the French locale:
 npm run start -- --locale fr
 ```
 
-Make sure that your website is now translated in French at `http://localhost:3000/fr/`.
+Make sure that your website is now translated in French at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 ### Automate with CI {#automate-with-ci}
 

website/versioned_docs/version-2.0.0-beta.20/i18n/i18n-tutorial.md

@@ -74,7 +74,7 @@ Start your localized site in dev mode, using the locale of your choice:
 npm run start -- --locale fr
 ```
 
-Your site is accessible at **`http://localhost:3000/fr/`**.
+Your site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 We haven't provided any translation yet, so the site is mostly untranslated.
 

website/versioned_docs/version-2.0.0-beta.20/introduction.md

@@ -36,7 +36,7 @@ cd my-website
 npx docusaurus start
 ```
 
-Open `http://localhost:3000` and follow the tutorial.
+Open [http://localhost:3000](http://localhost:3000) and follow the tutorial.
 
 :::tip
 

website/versioned_docs/version-2.0.0-beta.21/guides/creating-pages.md

@@ -51,7 +51,7 @@ export default function Hello() {
 }
 ```
 
-Once you save the file, the development server will automatically reload the changes. Now open `http://localhost:3000/helloReact` and you will see the new page you just created.
+Once you save the file, the development server will automatically reload the changes. Now open [http://localhost:3000/helloReact](http://localhost:3000/helloReact) and you will see the new page you just created.
 
 Each page doesn't come with any styling. You will need to import the `Layout` component from `@theme/Layout` and wrap your contents within that component if you want the navbar and/or footer to appear.
 
@@ -77,7 +77,7 @@ hide_table_of_contents: true
 How are you?
 ```
 
-In the same way, a page will be created at `http://localhost:3000/helloMarkdown`.
+In the same way, a page will be created at [http://localhost:3000/helloMarkdown](http://localhost:3000/helloMarkdown).
 
 Markdown pages are less flexible than React pages because it always uses the theme layout.
 

website/versioned_docs/version-2.0.0-beta.21/i18n/i18n-crowdin.mdx

@@ -287,7 +287,7 @@ Start your site on the French locale:
 npm run start -- --locale fr
 ```
 
-Make sure that your website is now translated in French at `http://localhost:3000/fr/`.
+Make sure that your website is now translated in French at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 ### Automate with CI {#automate-with-ci}
 

website/versioned_docs/version-2.0.0-beta.21/i18n/i18n-tutorial.md

@@ -74,7 +74,7 @@ Start your localized site in dev mode, using the locale of your choice:
 npm run start -- --locale fr
 ```
 
-Your site is accessible at **`http://localhost:3000/fr/`**.
+Your site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/).
 
 We haven't provided any translation yet, so the site is mostly untranslated.
 

website/versioned_docs/version-2.0.0-beta.21/introduction.md

@@ -36,7 +36,7 @@ cd my-website
 npx docusaurus start
 ```
 
-Open `http://localhost:3000` and follow the tutorial.
+Open [http://localhost:3000](http://localhost:3000) and follow the tutorial.
 
 :::tip