{"id":13725781,"url":"https://github.com/jbee37142/gatsby-starter-bee","last_synced_at":"2025-05-07T20:34:56.070Z","repository":{"id":34354079,"uuid":"168953832","full_name":"jbee37142/gatsby-starter-bee","owner":"jbee37142","description":"🐝Full Package | Simple | Fresh UI | Blog Template :: Let's start to blogging with gatsby-starter-bee!","archived":true,"fork":false,"pushed_at":"2023-03-07T00:32:34.000Z","size":13214,"stargazers_count":688,"open_issues_count":39,"forks_count":201,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-20T15:16:28.162Z","etag":null,"topics":["blog","gatsby","markdown","prism","resume","starter"],"latest_commit_sha":null,"homepage":"https://gatsby-starter-bee.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jbee37142.png","metadata":{"files":{"readme":"README.ko.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2019-02-03T14:27:33.000Z","updated_at":"2025-03-30T19:29:09.000Z","dependencies_parsed_at":"2024-02-04T03:12:20.800Z","dependency_job_id":null,"html_url":"https://github.com/jbee37142/gatsby-starter-bee","commit_stats":null,"previous_names":["jbee37142/gatsby-starter-bee"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fgatsby-starter-bee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fgatsby-starter-bee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fgatsby-starter-bee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fgatsby-starter-bee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jbee37142","download_url":"https://codeload.github.com/jbee37142/gatsby-starter-bee/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250487521,"owners_count":21438612,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","gatsby","markdown","prism","resume","starter"],"created_at":"2024-08-03T01:02:34.881Z","updated_at":"2025-05-07T20:34:52.006Z","avatar_url":"https://github.com/jbee37142.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/jbee"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"./assets/gatsby-starter-bee.png\" width=\"360px\" /\u003e\n\n\u003c/div\u003e\n\n[![Build Status](https://travis-ci.org/JaeYeopHan/gatsby-starter-bee.svg?branch=master)](https://travis-ci.org/JaeYeopHan/gatsby-starter-bee) [![Greenkeeper badge](https://badges.greenkeeper.io/JaeYeopHan/gatsby-starter-bee.svg)](https://greenkeeper.io/)\n[![Total alerts](https://img.shields.io/lgtm/alerts/g/JaeYeopHan/gatsby-starter-bee.svg?logo=lgtm\u0026logoWidth=18)](https://lgtm.com/projects/g/JaeYeopHan/gatsby-starter-bee/alerts/)\n[![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100)](https://github.com/ebidel/lighthouse-badge)\n[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/dwyl/esta/issues)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/4b1962ce-6206-4d8f-9516-63be92294198/deploy-status)](https://app.netlify.com/sites/gatsby-starter-bee/deploys)\n\n\u003ca href=\"https://twitter.com/JbeeLjyhanll\"\u003e\n\u003cimg alt=\"Twitter: JbeeLjyhanll\" src=\"https://img.shields.io/twitter/follow/JbeeLjyhanll.svg?style=social\" target=\"_blank\" /\u003e\n\u003c/a\u003e\n\n![screenshot](./assets/screenshot.png)\n\nIn this template...\n\n- 💄 Fira Code 폰트로 코드 하이라이팅 기능\n- 😄 Emoji 지원\n- 🗣 Twitter, Facebook 등 SNS 공유 지원\n- 💬 Disqus, utterances 댓글 기능 지원\n- ☕ 'Buy me a coffee' 라는 후원 기능\n- 🧙 포스트 작성을 위한 CLI 도구 지원\n- 🤖 GA 지원\n- ⭐ 여러 UX요소 추가\n- ⚙ 별도 설정 파일을 통한 블로그 세부 사항 설정 지원\n\n\u003e [이 블로그 템플릿에 대한 정보](https://www.gatsbyjs.org/starters/JaeYeopHan/gatsby-starter-bee/)\n\n## Demo\n\n- [기본 테마 적용 템플릿 화면](https://gatsby-starter-bee.netlify.com/)\n\n\u003cdetails\u003e\n  \u003csummary\u003eUse case\u003c/summary\u003e\n  \u003cp\u003e\n    \u003cimg src=\"./assets/demos.png\" alt=\"demo-image\"\u003e\n    \u003cul\u003e\n      \u003cli\u003eJBEE.io: https://jbee.io\u003c/li\u003e\n      \u003cli\u003eRinae's devlog: https://rinae.dev/\u003c/li\u003e\n      \u003cli\u003eSeungdols Company: https://seungdols.dev/\u003c/li\u003e\n      \u003cli\u003eKooku's log: https://kooku.netlify.com/\u003c/li\u003e\n      \u003cli\u003eSOSOLOG: https://so-so.dev/\u003c/li\u003e\n      \u003cli\u003edelivan.dev: https://delivan.dev/\u003c/li\u003e\n      \u003cli\u003eJungin's blog: https://jungin.netlify.com/\u003c/li\u003e\n      \u003cli\u003eZero's blog: https://awesomezero.com/\u003c/li\u003e\n      \u003cli\u003eJonathan's blog: https://www.learningsomethingnew.com/\u003c/li\u003e\n      \u003cli\u003e@deveely-log: https://deveely-log.netlify.com/\u003c/li\u003e\n      \u003cli\u003eHanul's blog: https://hanul-dev.netlify.com/\u003c/li\u003e\n      \u003cli\u003eHoons Blog: https://hoons-up.netlify.com/\u003c/li\u003e\n      \u003cli\u003eJWN.cool: https://jwn.cool\u003c/li\u003e\n      \u003cli\u003eugaemi's dev note: https://ugaemi.github.io\u003c/li\u003e\n      \u003cli\u003eMinsu's Dev Log: https://alstn2468.github.io/\u003c/li\u003e\n      \u003cli\u003eYungi's Dev Blog: https://yungis.dev/\u003c/li\u003e\n      \u003cli\u003e\u003c Taenylog /\u003e: https://taeny.dev/\u003c/li\u003e\n      \u003cli\u003ebrouk's devlog: https://brouk-devlog.netlify.com/\u003c/li\u003e\n      \u003cli\u003eCoodingPenguin's Repository: https://cooding-penguin.netlify.com/\u003c/li\u003e\n      \u003cli\u003eDevRappers.dev: https://devrappers.dev/\u003c/li\u003e\n      \u003cli\u003eLet's doodle: https://duduling-blog.netlify.app/\u003c/li\u003e\n      \u003cli\u003eHong_Devlog: https://hong-dev.github.io/\u003c/li\u003e\n      \u003cli\u003esamsara-ku's devlog: https://samsara-ku.dev/\u003c/li\u003e\n      \u003cli\u003emuse.kim: https://muse.kim/\u003c/li\u003e\n      \u003cli\u003eJuunone's devlog: https://juunone.netlify.app/\u003c/li\u003e\n      \u003cli\u003ecereme.dev: https://cereme.dev\u003c/li\u003e\n      \u003cli\u003etaekki.dev: https://taekki.dev\u003c/li\u003e\n      \u003cli\u003ekkh913's Developer Blog: https://kkh913.github.io\u003c/li\u003e\n      \u003cli\u003ejeeneee's devlog: https://jeeneee.dev\u003c/li\u003e\n      \u003cli\u003eKSP Blog: https://ksp.now.sh\u003c/li\u003e\n      \u003cli\u003ebobs log: https://undefine.me\u003c/li\u003e\n      \u003cli\u003eJane's PS Blog: https://janeljs.github.io\u003c/li\u003e\n      \u003cli\u003ehedrinker's devlog: https://hexdrinker.dev\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/p\u003e\n\u003c/details\u003e\n\n\u003e 이 템플릿을 사용하여 블로그를 만들었다면 위 '사용한 블로그' 리스트에 추가해주세요! PR을 통해 등록해주시면 됩니다!\n\n## 😎 Quick Start\n\n### 1. Gatsby 프로젝트를 시작\n\n```sh\n# 이 블로그 스타터를 사용하여 gatsby 프로젝트를 시작할 수 있습니다.\nnpx gatsby new my-blog-starter https://github.com/JaeYeopHan/gatsby-starter-bee\n```\n\n\u003e 만약 `npx`를 사용하고 있지 않는다면, [Gatsby Getting Started](https://www.gatsbyjs.org/docs/quick-start) 글을 참고하거나 아래 커맨드를 실행해주세요.\n\n```sh\nnpm install -g gatsby-cli\ngatsby new my-blog-starter https://github.com/JaeYeopHan/gatsby-starter-bee\n```\n\n### 2. 이제 로컬에서 확인하실 수 있습니다\n\n```sh\ncd my-blog-starter/\nnpm start\n# 브라우저에서 localhost:8000로 접근합니다.\n```\n\n### 3. 포스팅을 추가하세요\n\n다음 두 곳에서 포스팅을 추가할 수 있습니다.\n\n- 블로그 포스팅은 `content/blog` 디렉토리에 추가해주세요.\n- 웹에 올려둘 이력서는 `content/__about` 디렉토리에 추가해주세요.\n\n\u003e 몇 가지의 메타데이터와 마크다운 문법으로 포스팅을 작성할 수 있습니다.\n\n#### 새로운 포스트를 작성할 때 커맨드라인을 통해 할 수 있습니다\n\n![cli-tool-example](assets/cli-tool-example.gif)\n\n```sh\nnpm run post\n```\n\n위 커맨드를 입력하면 새로운 포스트가 생성됩니다.\n\n👉 **gatsby-post-gen** CLI 도구를 사용합니다. (https://github.com/JaeYeopHan/gatsby-post-gen)\n\n### 4. 메타데이터 수정\n\n`/gatsby-meta-config.js` 파일에서 블로그를 설정하는 여러 요소를 수정할 수 있습니다.\n\n### 5. [Netlify](https://netlify.com)로 배포\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/JaeYeopHab/gatsby-starter-bee)\n\n:bulb: github pages를 통해 배포하고 싶다면 아래 npm script를 `package.json`에 추가해주세요.\n\n```json\n\"scripts\": {\n    \"deploy\": \"gatsby build \u0026\u0026 gh-pages -d public -b master -r 'git@github.com:${your github id}/${github page name}.github.io.git'\"\n}\n```\n\n\u003e `gh-pages` 모듈이 필요할 경우 설치가 필요합니다.\n\n## 🧐 입맛에 맞게 바꾸기\n\n### ⚙ 설정\n\n```sh\n/root\n├── gatsby-browser.js // font, polyfill, onClientRender ...\n├── gatsby-config.js // Gatsby config\n├── gatsby-meta-config.js // Template meta config\n└── gatsby-node.js // Gatsby Node config\n```\n\n### ⛑ 구조\n\n```sh\nsrc\n├── components // Just component with styling\n├── layout // home, post layout\n├── pages // routing except post: /(home), /about\n├── styles\n│   ├── code.scss\n│   ├── dark-theme.scss\n│   ├── light-theme.scss\n│   └── variables.scss\n└── templates\n    ├── blog-post.js\n    └── home.js\n```\n\n### 🎨 스타일\n\n`src/styles` 디렉토리에서 CSS 속성들을 수정할 수 있습니다.\n\n```sh\nsrc/styles\n├── code.scss\n├── dark-theme.scss\n├── light-theme.scss\n└── variables.scss\n```\n\n### 🍭 꿀팁\n\n- 프로필 사진! (replace file in `/content/assets/profile.png`)\n- 파비콘 이미지! (replace file in `/content/assets/felog.png`)\n- 헤더의 그라데이션! (\\$theme-gradient `/styles/variables.scss`)\n- `robots.txt` 에 배포되는 도메인으로 업데이트를 위한 설정을 해주세요! (replace file in `gatsby-config.js` 의 `https://your-blog.netlify.app` 부분)\n- Utterances를 위한 repository를 설정을 해주세요! (`/gatsby-meta-config.js`의 repository 주소를 교체해주세요.)\n  - ⚠️ 이 가이드(https://utteranc.es/)를 꼭 확인해주세요.\n\n## ☕ 마음에 드셨나요?\n\n\u003ca href=\"https://www.buymeacoffee.com/jbee\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/purple_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\n## 🤔 만약에...\n\n만약 현재 미디엄에서 블로그를 운영중이시라면 마이그레이션을 고려해보세요! [medium-to-own-blog](https://github.com/mathieudutour/medium-to-own-blog)!\n\n## :bug: 버그제보\n\n[Issue](https://github.com/JaeYeopHan/gatsby-starter-bee/issues)\n\n## 🎁 기여하기\n\n[Contributing guide](./CONTRIBUTING.md)\n\n## LICENSE\n\n[MIT](./LICENSE)\n\n\u003cdiv align=\"center\"\u003e\n\n\u003csub\u003e\u003csup\u003eProject by \u003ca href=\"https://github.com/JaeYeopHan\"\u003e@Jbee\u003c/a\u003e\u003c/sup\u003e\u003c/sub\u003e\u003csmall\u003e✌\u003c/small\u003e\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbee37142%2Fgatsby-starter-bee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjbee37142%2Fgatsby-starter-bee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbee37142%2Fgatsby-starter-bee/lists"}