Development

Welcome Bee starter

2019.01.011분 읽기

Welcome, Gatsby! This starter is full-package for your new blog!

1. Support Three frontmatter

---
title: 'Welcome Bee starter'
date: 2019-2-6 16:21:13
category: 'development'
---
  1. title
  2. date
  3. category

2. Code highlighting

  1. With Fira Code font
  2. Support highlighting with prism 2-1. Use inline highlighting
import React from 'react'
 
const TEMPLATE = 'gatsby-starter-bee'
 
class Foo extends React.Component {
  handleClick = val => {
    if (val === 'bar') {
      return 1
    } else if (val !== 'zoo') {
      return 2
    }
    console.log(`clicked`)
    return 3
  }
 
  render() {
    return <div>Welcome, Gatsby, ${TEMPLATE}</div>
  }
}

code

3. Support Markdown (h2)

  1. With Noto Sans font
  2. Support header anchoring

h3

h4

h5

quote!

bold italic

4. Support emoji :rocket:

Based on emojione :pray:

5. Support light/dark mode

6. Support social sharing feature

  1. Twitter
  2. Facebook

Bonus, Buy me a coffee button

Set, buyMeACoffeeId of gatsby-meta-config.js

7. Comments feature

You can add comments feature by selecting one of them.

  • Disqus
  • utterances

8. Other features of this template

  1. You can add resume to /about
  2. Lazy rendering
  3. Scroll restoration
  4. Categorize posts
  5. Offline caching with service worker (based gatsby)
  6. Support GA(Google Analytics)

Let's Start! Go


관련 포스트

Giscus 댓글 영역 (GitHub Discussions 연동 예정)