Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/algokun/gatsby-tech-blog-theme

A Minimal Gatsby Theme for Blogs Inspired by LekoArts Minimal Blog Site
https://github.com/algokun/gatsby-tech-blog-theme

Last synced: 13 days ago
JSON representation

A Minimal Gatsby Theme for Blogs Inspired by LekoArts Minimal Blog Site

Awesome Lists containing this project

README

        

# Gatsby Tech Blog Theme: A Gatsby Theme

Typography driven, focus on the content & minimal style. Powered by MDX.

[Demo Website](https://minimal-blog.lekoarts.de)
[Starter](https://github.com/LekoArts/gatsby-starter-minimal-blog)

## About Me

Hi There!
I'm Mohan and I hope you like my starters and create something awesome! To see some of my work you can visit my [website](https://www.lekoarts.de).

Also check out the other _gatsby-starters_ and _gatsby-themes_:

- [gatsby_starter_unicorn](https://github.com/mohanmonu777/gatsby_starter_unicorn)
- [gatsby_theme_unicorn](https://github.com/mohanmonu777/gatsby_theme_unicorn)
- [gatsby-starter-krisp](https://github.com/mohanmonu777/gatsby-starter-krisp)
- [the404blog](https://github.com/mohanmonu777/the404blog)
- [gatsby_contentful_starter](https://github.com/mohanmonu777/gatsby_contentful_starter)

## Features

- Search Powered by [Elastic Lunr](https://www.gatsbyjs.org/packages/@gatsby-contrib/gatsby-plugin-elasticlunr-search)
- Articles in MDX ([gatsby-mdx](https://github.com/ChristopherBiscardi/gatsby-mdx))
- Code highlighting (with [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer)) and live preview (with [react-live](https://github.com/FormidableLabs/react-live))
- Styled Components 💅
- Netlify Contact Form
- Categories
- Offline Support
- WebApp Manifest Support
- SEO
- Sitemap
- Schema.org JSONLD
- OpenGraph Tags
- Twitter Tags

## Getting Started

Check your development environment! You'll need [Node.js](https://nodejs.org/en/), the [Gatsby CLI](https://www.gatsbyjs.org/docs/) and [node-gyp](https://github.com/nodejs/node-gyp#installation) installed. The official Gatsby website also lists two articles regarding this topic:

- [Gatsby on Windows](https://www.gatsbyjs.org/docs/gatsby-on-windows/)
- [Check your development environment](https://www.gatsbyjs.org/tutorial/part-zero/)

To copy and install this starter run this command (with "project-name" being the name of your folder you wish to install it in):

```
gatsby new project-name https://github.com/LekoArts/gatsby-starter-minimal-blog
cd project-name
npm run develop
```

### Add Theme to your site

```
npm i --save gatsby-tech-blog-theme
```

### Adding new features/plugins

You can add other features by having a look at the official [plugins page](https://www.gatsbyjs.org/docs/plugins/)

### Building your site

```
npm run build
```

Copy the content of the `public` folder to your webhost or use a website like Netlify which automates that for you.

**Attention:** You also need to edit `static/robots.txt` to include your domain!