mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-19 03:57:01 +02:00
docs: say that a page is a text file and link to editors (#1708)
A few extra details to help noobs.
This commit is contained in:
parent
f4f458460c
commit
5f5cdb4aa8
1 changed files with 5 additions and 3 deletions
|
@ -7,9 +7,9 @@ In this section, we will learn about creating two types of pages in Docusaurus:
|
||||||
|
|
||||||
<img alt="Docusaurus MacBook" src="/img/undraw_docusaurus_tree.svg" class="docImage"/>
|
<img alt="Docusaurus MacBook" src="/img/undraw_docusaurus_tree.svg" class="docImage"/>
|
||||||
|
|
||||||
## Creating a Regular Page
|
## Create a Regular Page
|
||||||
|
|
||||||
1. Go into the `pages/en` directory and create a file called `hello-world.js` with the following contents:
|
1. In the `website/pages/en` directory of your repository, save a text file called `hello-world.js` with the following contents:
|
||||||
|
|
||||||
```
|
```
|
||||||
const React = require('react');
|
const React = require('react');
|
||||||
|
@ -33,8 +33,10 @@ function HelloWorld(props) {
|
||||||
module.exports = HelloWorld;
|
module.exports = HelloWorld;
|
||||||
```
|
```
|
||||||
|
|
||||||
|
> Use any text editor to make the file, such as [Microsoft Visual Studio Code](https://code.visualstudio.com/download) or [Komodo Edit](https://www.activestate.com/komodo-edit).
|
||||||
|
|
||||||
2. Go to http://localhost:3000/hello-world and you should be able to see the new page.
|
2. Go to http://localhost:3000/hello-world and you should be able to see the new page.
|
||||||
1. Change the text within the `<p>...</p>` to "I can write JSX here!". The browser should refresh automatically to reflect the changes.
|
1. Change the text within the `<p>...</p>` to "I can write JSX here!" and save the file again. The browser should refresh automatically to reflect the change.
|
||||||
|
|
||||||
```diff
|
```diff
|
||||||
- <p>This is my first page!</p>
|
- <p>This is my first page!</p>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue