Awesome Open Source
Awesome Open Source

Financial Contributors on Open Collective Greenkeeper badge Total alerts Lighthouse score: 100/100 contributions welcome Netlify Status

Twitter: JbeeLjyhanll

한국어🇰🇷

screenshot

In this template...

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

About this Template

Demo

Use case

demo-image

  • JBEE.io: https://jbee.io
  • Rinae's devlog: https://rinae.dev/
  • Seungdols Company: https://seungdols.dev/
  • Kooku's log: https://kooku.netlify.com/
  • SOSOLOG: https://so-so.dev/
  • delivan.dev: https://delivan.dev/
  • Jungin's blog: https://jungin.netlify.com/
  • Zero's blog: https://awesomezero.com/
  • Jonathan's blog: https://www.learningsomethingnew.com/
  • @deveely-log: https://deveely-log.netlify.com/
  • Hanul's blog: https://hanul-dev.netlify.com/
  • Hoons Blog: https://hoons-up.netlify.com/
  • JWN.cool: https://jwn.cool
  • ugaemi's dev note: https://ugaemi.github.io
  • Minsu's Dev Log: https://alstn2468.github.io/
  • Yungi's Dev Blog: https://yungis.dev/
  • < Taenylog />: https://taeny.dev/
  • brouk's devlog: https://brouk-devlog.netlify.com/
  • CoodingPenguin's Repository: https://cooding-penguin.netlify.com/
  • Garima's Tech Blog: https://garimasingh.netlify.app/
  • DevRappers.dev: https://devrappers.dev/
  • Let's doodle: https://duduling-blog.netlify.app/
  • noopy.dev: https://noopy.dev/
  • Hong_Devlog: https://hong-dev.github.io/
  • samsara-ku's devlog: https://samsara-ku.dev/
  • qooo.io: https://qooo.io/
  • knou blog: https://bangtong.in/
  • cereme.dev: https://cereme.dev
  • taekki.dev: https://taekki.dev
  • kkh913's Developer Blog: https://kkh913.github.io
  • Merrily, Code: https://merrily-code.netlify.app/
  • jeeneee's devlog: https://jeeneee.dev
  • Noah's devlog: https://noah0316.github.io/
  • bobs log: https://undefine.me
  • irosyadi: https://irosyadi.netlify.app

If you're using this template, Please Pull Request for Use case!

😎 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

If you are not using npx, following Gatsby Getting Started

npm install -g gatsby-cli
gatsby new my-blog-starter https://github.com/JaeYeopHan/gatsby-starter-bee

2. Start developing

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

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

cli-tool-example

npm run post

👉 Use gatsby-post-gen (https://github.com/JaeYeopHan/gatsby-post-gen)

4. Fix meta data

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

5. Publish with netlify

Deploy to Netlify

💡 if you want to deploy github pages, add following script to package.json

"scripts": {
    "deploy": "gatsby build && gh-pages -d public -b master -r '[email protected]:${your github id}/${github page name}.github.io.git'"
}

🧐 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

🍭 Tips (You can change...)

  • Profile image! (replace file in /content/assets/profile.png)
  • Favicon image! (replace file in /content/assets/felog.png)
  • Header gradient! ($theme-gradient /styles/variables.scss)
  • Utterances repository! (replace repository address in /gatsby-meta-config.js)

☕ Like it?

Buy Me A Coffee

🤔 If...

If you are currently writing in the Medium, consider migration with medium-to-own-blog!

🐛 Bug reporting

Issue

🎁 Contributing

Contributing guide

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

LICENSE

MIT

Project by @Jbee✌


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,103) 
markdown (830) 
blog (658) 
gatsby (224) 
starter (137) 
resume (103) 
prism (20) 

Find Open Source By Browsing 7,000 Topics Across 59 Categories

Advertising 📦 10
All Projects
Application Programming Interfaces 📦 124
Applications 📦 192
Artificial Intelligence 📦 78
Blockchain 📦 73
Build Tools 📦 113
Cloud Computing 📦 80
Code Quality 📦 28
Collaboration 📦 32
Command Line Interface 📦 49
Community 📦 83
Companies 📦 60
Compilers 📦 63
Computer Science 📦 80
Configuration Management 📦 42
Content Management 📦 175
Control Flow 📦 213
Data Formats 📦 78
Data Processing 📦 276
Data Storage 📦 135
Economics 📦 64
Frameworks 📦 215
Games 📦 129
Graphics 📦 110
Hardware 📦 152
Integrated Development Environments 📦 49
Learning Resources 📦 166
Legal 📦 29
Libraries 📦 129
Lists Of Projects 📦 22
Machine Learning 📦 347
Mapping 📦 64
Marketing 📦 15
Mathematics 📦 55
Media 📦 239
Messaging 📦 98
Networking 📦 315
Operating Systems 📦 89
Operations 📦 121
Package Managers 📦 55
Programming Languages 📦 245
Runtime Environments 📦 100
Science 📦 42
Security 📦 396
Social Media 📦 27
Software Architecture 📦 72
Software Development 📦 72
Software Performance 📦 58
Software Quality 📦 133
Text Editors 📦 49
Text Processing 📦 136
User Interface 📦 330
User Interface Components 📦 514
Version Control 📦 30
Virtualization 📦 71
Web Browsers 📦 42
Web Servers 📦 26
Web User Interface 📦 210