joonsungum / joonsungum.github.io

🐝Full Package | Simple | Fresh UI | Blog Template :: Let's start to blogging with gatsby-starter-bee!

gatsby-starter-bee

Blog Starter Pack based on gatsby-starter-blog

In this template...

• 💄 Code highlight with Fira Code font
• 😄 Emoji (emojione)
• 🗣 Social share feature (Twitter, Facebook)
• 💬 Comment feature (disqus, utterances)
• ☕ 'Buy me a coffee' service
• 🧙 CLI Tool
• 🤖 GA
• ⭐ Enhance UX
• ⚙ Configurable

Demo

• Default Theme

Use case

• JBEE.io

😎 Quick Start

1. Create a Gatsby site.

# create a new Gatsby site using the blog starter
$ npx gatsby new my-blog-starter https://github.com/JaeYeopHan/gatsby-starter-bee

2. Start developing.

$ cd my-blog-starter/
$ npm start
# open localhost:8080

3. Add your content

You can write...

• contents to blog in content/blog directory.
• resume content/__about directory.

With markdown syntax and some meta data

Support script for creating new post

$ npm run post

4. Fix meta data

You can fix meta data of blog in /gatsby-meta-config.js file.

5. Publish with netlify

🧐 Customize!

Gatsby config

/root
├── gatsby-browser.js // font, polyfill, onClientRender ...
├── gatsby-config.js // Gatsby config
├── gatsby-meta-config.js // Template meta config
└── gatsby-node.js // Gatsby Node config

Structure

src
├── components // Just component with styling
├── layout // home, post layout
├── pages // routing except post: /(home), /about
├── styles
│   ├── code.scss
│   ├── dark-theme.scss
│   ├── light-theme.scss
│   └── variables.scss
└── templates
    ├── blog-post.js
    └── home.js

Style

You can customize color in src/styles directory.

src/styles
├── code.scss
├── dark-theme.scss
├── light-theme.scss
└── variables.scss

🐛 Bug reporting

Issue

LICENSE

MIT

_{^{Project by @Jbee}}✌

joonsungum.github.io's Issues

post/2019-02-25-typescript-interface-and-type-alias/

TypeScript에서 Type을 기술하는 두 가지 방법, Interface와 Type Alias | Joonsung Um's blog

타입스크립트를 사용하기 시작한 뒤로 type을 기술할 때, 일반적인 상황에서는 특별한 고민 없이 interface를 사용하고 있었다. TypeScript 공식 문서에서 특별한 상황이 아니라면 interface의 사용을 권장하고 있기 때문이다. 최근 타입스크립트는 빠른 주기로 릴리즈가 되

https://joonsungum.github.io/post/2019-02-25-typescript-interface-and-type-alias/

post/2019-02-25-typescript-interface-and-type-alias/

TypeScript에서 Type을 기술하는 두 가지 방법, Interface와 Type Alias | Joonsung Um's blog

타입스크립트를 사용하기 시작한 뒤로 type을 기술할 때, 일반적인 상황에서는 특별한 고민 없이 interface를 사용하고 있었다. TypeScript 공식 문서에서 특별한 상황이 아니라면 interface의 사용을 권장하고 있기 때문이다. 최근 타입스크립트는 빠른 주기로 릴리즈가 되

https://joonsungum.github.io/post/2019-02-25-typescript-interface-and-type-alias/