Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wonism/gatsby-starter-mdx-blog
Gatsby Starter for Blog with MDX
https://github.com/wonism/gatsby-starter-mdx-blog
blog cms gatsby gatsbyjs markdown mdx starter typescript
Last synced: about 13 hours ago
JSON representation
Gatsby Starter for Blog with MDX
- Host: GitHub
- URL: https://github.com/wonism/gatsby-starter-mdx-blog
- Owner: wonism
- License: mit
- Created: 2020-04-24T20:21:07.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T04:23:50.000Z (about 2 years ago)
- Last Synced: 2024-11-13T08:37:13.676Z (2 months ago)
- Topics: blog, cms, gatsby, gatsbyjs, markdown, mdx, starter, typescript
- Language: TypeScript
- Homepage: https://gatsby-starter-mdx-blog.netlify.app/
- Size: 6.96 MB
- Stars: 2
- Watchers: 3
- Forks: 2
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# gatsby-starter-mdx-blog
> Build your own blog w/ MDX & Gatsby
## Install
```
$ git clone [email protected]:wonism/gatsby-starter-mdx-blog.git <>
# Recommend you to delete `.git`
$ cd <> && rm -r .git
```
## Start with gatsby-cli
```
$ gatsby new <> https://github.com/wonism/gatsby-stater-mdx-blog
```
## Development
```
$ npm start
```
## Build
```
$ npm run build
```
## Features
- ⚛️ Support writing blog contents w/ [MDX](https://github.com/mdx-js)
- 🔖 Support **Category** and **Tag**
- You can just add `categories: ["Category"]` and `tags: ["Tag"]` below the `date` in mdx file.
- 🔢 Support pagination
- 🌙 Support `dark mode`
- 💬 Support Resume
- Generate PDF with your data. (written in JSON format)
- Download
- ✏️ Draft version of your post
- You can just add `draft: true` below the `date` in mdx file.
- 🔮 Support comments w/ [Utterances](https://utteranc.es)
- ✉️ Support Contacts Form w/ [React Mail Form](https://github.com/wonism/react-mail-form)
- 🗄 Support Sitemap and RSS Feed
- 🤖 Support post scaffolding
- You can just run `npm run new` then input url & title. (slugify the url automatically.)
- 📝 All codes are written in [TypeScript](https://www.typescriptlang.org)
- 💅 CSS in JS w/ [Emotion](https://emotion.sh/docs/introduction)
- 🔍 Search Engine Optimization w/ [React Helmet](https://github.com/nfl/react-helmet)
- 📊 [Google Analytics](https://analytics.google.com)
## You SHOULD change...
- Your picture in `./content/images/profile.png`
- Favicon in `./content/images/favicon.png`
- You can check the details for favicon in [Gatsby Plugin Manifest](https://www.gatsbyjs.org/packages/gatsby-plugin-manifest)
- Your biography in `src/shared/Bio/index.tsx`
- Your Resume data in `src/constants/resume.ts`
- If you do **not** want show resume, you can check `onCreatePage` in `gatsby-node.js`.
- `gastby-config.js`
- site meta data
- google analytics tracking id