Skip to content

whatk233/gatsby-simple-tailwindcss-blog

Repository files navigation

介绍

基于 Gatsby、Tailwindcss 的博客,emmmmm 不知道属不属于 Gatsby 主题,个人认为算是一个手脚架?
是在上手 Gatsby 过程中摸出来的,很简单很基本的一个博客,可以自行小改后拿来使用,或作为开发参考。

  • Tailwindcss
  • MarkDown
  • 夜间模式
  • 多页文章列表
  • 深色模式
  • 响应式
  • 简洁

演示:https://gatsby-simple-tailwindcss-blog.pages.dev/


content
├── media (媒体(图片等))
├── pages (独立页面)
└── posts (文章)

🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI (install instructions) to create a new site, specifying the blog starter.

    # create a new Gatsby site using the blog starter
    gatsby new gatsby-simple-tailwindcss-blog https://github.com/whatk233/gatsby-simple-tailwindcss-blog
  2. Start developing.

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

    cd gatsby-simple-tailwindcss-blog/
    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.

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:

  • For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. 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. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

💫 Deploy

Deploy to Netlify

About

a simple gatsby blog.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published