Create a Blog Post

This page will help you on how to create blog posts in Docusaurus.

Create a Blog Post#

Create a file at blog/2021-02-28-greetings.md:

blog/2021-02-28-greetings.md

---

title: Greetings!

author: Steven Hansel

author_title: Docusaurus Contributor

author_url: https://github.com/ShinteiMai

author_image_url: https://github.com/ShinteiMai.png

---

Create a Blog Post

This page will help you on how to create blog posts in Docusaurus.

Create a Blog Post#

Create a file at blog/2021-02-28-greetings.md:

blog/2021-02-28-greetings.md

---
title: Greetings!
author: Steven Hansel
author_title: Docusaurus Contributor
author_url: https://github.com/ShinteiMai
author_image_url: https://github.com/ShinteiMai.png
---

 
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.

Edit this page

Create a Blog Post

- - - - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/docs/tutorial/create-a-document/index.html b/docs/tutorial/create-a-document/index.html index 32151c9..ebb8ecc 100644 --- a/docs/tutorial/create-a-document/index.html +++ b/docs/tutorial/create-a-document/index.html @@ -5,34 +5,35 @@ -Create a Document | Whirlsplash - - - - - - - - - - - + +Create a Document | Whirlsplash + + + + + + + + + + +

Create a Document

Documents are pages with a sidebar, a previous/next navigation and many other useful features.

Create a Document#

Create a markdown file at docs/my-doc.md:

docs/hello.md

---

title: Hello, World!

---

Create a Document

Documents are pages with a sidebar, a previous/next navigation and many other useful features.

Create a Document#

Create a markdown file at docs/my-doc.md:

docs/hello.md

---
title: Hello, World!
---

## Hello, World!

This is your first document in **Docusaurus**, Congratulations!

A new document is now available at http://localhost:3000/docs/hello.

Add your document to the sidebar#

Add hello to the sidebars.js file:

sidebars.js

module.exports = {
  docs: [
    {
      type: 'category',
      label: 'Docusaurus Tutorial',
-     items: ['getting-started', 'create-a-doc', ...],
+     items: ['getting-started', 'create-a-doc', 'hello', ...],
    },
  ],
};

Edit this page

Create a Document
Add your document to the sidebar

- - - - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/docs/tutorial/create-a-page/index.html b/docs/tutorial/create-a-page/index.html index 183893e..185d032 100644 --- a/docs/tutorial/create-a-page/index.html +++ b/docs/tutorial/create-a-page/index.html @@ -5,35 +5,36 @@ -Create a Page | Whirlsplash - - - - - - - - - - - + +Create a Page | Whirlsplash + + + + + + + + + + +

Create a Page

Any React or Markdown file created under src/pages directory is converted into a website page:

src/pages/index.js -> localhost:3000/
src/pages/foo.md -> localhost:3000/foo
src/pages/foo/bar.js -> localhost:3000/foo/bar

Create a React Page#

Create a file at src/pages/my-react-page.js:

src/pages/my-react-page.js

import React from 'react';

import Layout from '@theme/Layout';

Create a Page

Any React or Markdown file created under src/pages directory is converted into a website page:

src/pages/index.js -> localhost:3000/
src/pages/foo.md -> localhost:3000/foo
src/pages/foo/bar.js -> localhost:3000/foo/bar

Create a React Page#

Create a file at src/pages/my-react-page.js:

src/pages/my-react-page.js

import React from 'react';
import Layout from '@theme/Layout';

 
function HelloWorld() {
  return (
    <Layout>
      <h1>My React page</h1>
      <p>This is a React page</p>
    </Layout>
  );
}

A new page is now available at http://localhost:3000/my-react-page.

Create a Markdown Page#

Create a file at src/pages/my-markdown-page.md:

src/pages/my-markdown-page.md

---
title: My Markdown page
---

# My Markdown page

This is a Markdown page

A new page is now available at http://localhost:3000/my-markdown-page.

Edit this page

Create a React Page
Create a Markdown Page

- - - - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/docs/tutorial/thank-you/index.html b/docs/tutorial/thank-you/index.html index 3b425d6..ca4f4c9 100644 --- a/docs/tutorial/thank-you/index.html +++ b/docs/tutorial/thank-you/index.html @@ -5,32 +5,33 @@ -Thank you! | Whirlsplash - - - - - - - - - - - + +Thank you! | Whirlsplash + + + + + + + + + + +

Thank you!

Congratulations on making it this far!

You have learned the basics of Docusaurus and made some changes to the initial template.

But Docusaurus has much more to offer!

What's next?#

Edit this page

What's next?

- - - - - - - - - - - +

Thank you!

Congratulations on making it this far!

You have learned the basics of Docusaurus and made some changes to the initial template.

But Docusaurus has much more to offer!

What's next?#

Edit this page

What's next?

+ + + + + + + + + + + \ No newline at end of file -- cgit v1.2.3