acdzh / gatsby-theme-rapid Goto Github PK

Preview

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the blog starter.

   # create a new Gatsby site using the blog starter
   gatsby new my-blog-starter https://github.com/acdzh/gatsby-theme-rapid

2. Modify the Site's Config. Modify the config in ./gatsby-config.js;

3. Create Content Directory. Create a directory like this:

   content
   ├── blog
   └── static
   

   You blogs should be .md files in the blog directory, and the everything in the static directory would be copied to the root path when after building.

4. Preview

   yarn dev --host 0.0.0.0

   Then you can see the site running at http://localhost:8000/

You can create a new article easily just like this:

yarn run new <article_name>

For Example:

yarn run new '/2021/this is my first article'

## or

yarn run new '/2021/this is my first article.md'

It will create the file at ./content/blog/2021/this is my first article.md.

Another way, if you add a / at the end of <article_name> like yarn run new '/2021/this is my first article/'

It will create the file at ./content/blog/2021/this is my first article/index.md.

By the way, the final effect of these two methods is equivalent.

There are many prams of an article.

just ![](./image.jpg) or ![](https://example.com/img.jpg)

To Preview see https://blog.acdzh.com/post/shortcode_test/

Every available Short Code is at: ./src/templates/post-components.tsx

Edit ./src/style/theme.css

yarn build

Then publish the ./public folder.