Gatsby Starter Hoodie

Overview:

gatsby-starter-hoodie is a Gatsby starter designed specifically for writing tech blogs. It supports Markdown, Code Highlighting in various programming languages, and Katex syntax. The starter also allows for easy categorization of articles into tags and series. It includes a dark mode feature and is responsive to the settings of the operating system. It also supports SEO optimization and includes an Utterance comment widget.

Features:

• Markdown support
• Code Highlighting in various programming languages
• Katex Syntax support
• Dark Mode
• Tag categorization
• Series categorization
• Responsive Web design
• SEO optimization
• Utterance comment widget

Installation:

To start using gatsby-starter-hoodie, follow the steps below:

1. Create a Gatsby site:

   • Make sure you have node.js and gatsby-cli installed on your computer.

2. Start dev server:

   • Now you can access your blog at localhost:8000.

3. Create your own GitHub repository:

   • Utterance comment widget is based on the GitHub issues system, so you need your own GitHub repository. If you want to publish your blog through GitHub Pages or Netlify, the GitHub Repository is necessary.

4. Write blog-config.js:

   • gatsby-starter-hoodie provides a configuration file called blog-config.js, where you can configure your blog, biography, and utterance. Customize the blog-config.js file to suit your blog.

5. Add your content:

   • Markdown content is located in contents/posts. You can write and add your articles.

6. Deploy your blog:

   • 6.1 Via Netlify: Follow the “Connecting to Netlify” steps in the “A Step-by-Step Guide: Gatsby on Netlify” tutorial.
   • 6.2 Via GitHub Pages: If the repository name is in the form of {YOUR_GITHUB_NAME}.github.io, follow the provided instructions. If the repository name is not in that format, modify pathPrefix in gatsby-config.js to your repository name.
   • 6.3 Other platforms: Build the Gatsby website using the command provided. The build output is created in the /public directory. Deploy the /public directory using the command specific to the platform you want to deploy to.

Summary:

gatsby-starter-hoodie is a Gatsby starter designed for tech blogs. It provides a range of features including Markdown support, Code Highlighting, Katex syntax support, and the ability to categorize articles into tags and series. It also supports a dark mode, responsive web design, SEO optimization, and includes an Utterance comment widget. Installation is straightforward, requiring the creation of a Gatsby site, customization of the configuration file, and deployment to a hosting platform.