Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dladncks1217/blog
포스팅 언제다옮기지
https://github.com/dladncks1217/blog
Last synced: 16 days ago
JSON representation
포스팅 언제다옮기지
- Host: GitHub
- URL: https://github.com/dladncks1217/blog
- Owner: dladncks1217
- License: mit
- Created: 2024-02-19T13:08:12.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-03T14:30:26.000Z (10 months ago)
- Last Synced: 2024-03-03T15:27:22.009Z (10 months ago)
- Language: TypeScript
- Homepage: https://blog.woochan.info
- Size: 28.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Gatsby Starter Apple
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![semantic-release: angular](https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fsungik-choi%2Fgatsby-starter-apple&count_bg=%23FC2350&title_bg=%23555555&icon=gatsby.svg&icon_color=%23E7E7E7&title=HITS&edge_flat=false)](https://hits.seeyoufarm.com)Gatsby blog starter kit with beautiful responsive design
![Screenshot](.github/screenshot.png)
## 🍎 Demo
👉 **View [Demo Page](https://gatsby-starter-apple.netlify.app)**
## ✨ Features
- Lighthouse 100 + PWA
- styled-components
- Apple style responsive design
- Prefect dynamic theme (Comment + Code highlight)
- Beautiful mobile menu animation
- Code highlighting with [gatsby-remark-vscode](https://github.com/andrewbranch/gatsby-remark-vscode)
- [Utterances](https://utteranc.es/) Comment
- Categories support
- Infinite Scroll with Intersection Observer
- RSS Feed
- SEO
- Offline support
- Prettier & ESLint## 🚀 Quick Start
### 1. Create a Gatsby site
Use the Gatsby CLI to get started locally:
```shell
npx gatsby new my-blog https://github.com/sungik-choi/gatsby-starter-apple
```### 2. Start developing
In your site directory, start the development server:
```shell
cd my-blog
yarn start
```### 3. Open the source code and start editing
Your site is now running at `http://localhost:8000`!
Open the `my-blog` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
## 🎨 Customization
### Fix meta data
Open **`gatsby-meta-config.js`** and fix meta data of your blog.
```js
module.exports = {
title: "Dev Ed", // Your website title
description: `Ed's Blog`, // Your website description
author: "Ed", // Maybe your name
siteUrl: "https://gatsby-starter-apple.netlify.app", // Your website URL
lang: "en", // Language
utterances: "sungik-choi/gatsby-starter-apple-comment", // Github repository to store comments
links: {
github: "https://github.com/sungik-choi/gatsby-starter-apple", // Your github repository
},
icon: "src/images/icon.png", // Favicon Path
}
```## 🤗 Contributing
Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute. [Check the contributing guide](./CONTRIBUTING.md).