gatsby-starter-mdx-blog
v1.1.3
Published
Gatsby Starter for Blog with MDX
Downloads
4
Maintainers
Readme
gatsby-starter-mdx-blog
Build your own blog w/ MDX & Gatsby
Install
$ git clone [email protected]:wonism/gatsby-starter-mdx-blog.git <<PROJECT_NAME>>
# Recommend you to delete `.git`
$ cd <<PROJECT_NAME>> && rm -r .git
Start with gatsby-cli
$ gatsby new <<PROJECT_NAME>> https://github.com/wonism/gatsby-stater-mdx-blog
Development
$ npm start
Build
$ npm run build
Features
- ⚛️ Support writing blog contents w/ MDX
- 🔖 Support Category and Tag
- You can just add
categories: ["Category"]
andtags: ["Tag"]
below thedate
in mdx file.
- You can just add
- 🔢 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 thedate
in mdx file.
- You can just add
- 🔮 Support comments w/ Utterances
- ✉️ Support Contacts Form w/ 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.)
- You can just run
- 📝 All codes are written in TypeScript
- 💅 CSS in JS w/ Emotion
- 🔍 Search Engine Optimization w/ React Helmet
- 📊 Google Analytics
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
- 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
ingatsby-node.js
.
- If you do not want show resume, you can check
gastby-config.js
- site meta data
- google analytics tracking id