https://github.com/raincal/gatsby-yuque-starter

A starter for a blog powered by Gatsby and Yuque
https://github.com/raincal/gatsby-yuque-starter

gatsby-starter tailwind yuque

Last synced: about 2 months ago
JSON representation

A starter for a blog powered by Gatsby and Yuque

• Host: GitHub
• URL: https://github.com/raincal/gatsby-yuque-starter
• Owner: Raincal
• License: mit
• Created: 2019-03-07T17:39:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-11-23T10:58:46.000Z (about 2 years ago)
• Last Synced: 2023-02-28T10:23:08.811Z (almost 2 years ago)
• Topics: gatsby-starter, tailwind, yuque
• Language: JavaScript
• Homepage: https://yuque.netlify.com
• Size: 139 MB
• Stars: 15
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  Gatsby Yuque Starter





  A lightweight starter for creating blogs uses Gatsby and Yuque



## ✨ Features

- Create Blog posts from Yuque

- Use Tailwind CSS for styling

- RSS feeds

- Offline support

- Web App Manifest support

- Google Analytics support

## 🚀 Quick start

1.  **Create a Gatsby site.**

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

    ```sh

    # create a new Gatsby site using the blog starter

    gatsby new my-blog-starter https://github.com/Raincal/gatsby-yuque-starter

    ```

2.  **Start developing.**

    Navigate into your new site’s directory and start it up.

    ```sh

    cd my-blog-starter/

    gatsby develop

    ```

3.  **Open the source code and start editing!**

    Your site is now running at `http://localhost:8000`!

    _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

    Open the `my-blog-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## 💫 Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Raincal/gatsby-yuque-starter)