Skip to content

Commit e1b7998

Browse files
committed
feat: github blog 배포 구성
1 parent 5aaac0d commit e1b7998

File tree

5 files changed

+631
-10
lines changed

5 files changed

+631
-10
lines changed

.github/workflows/deploy.yml

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
pull_request:
7+
branches: [ main ]
8+
9+
jobs:
10+
build-and-deploy:
11+
runs-on: ubuntu-latest
12+
13+
steps:
14+
- name: Checkout
15+
uses: actions/checkout@v4
16+
17+
- name: Setup Node.js
18+
uses: actions/setup-node@v4
19+
with:
20+
node-version: '18'
21+
cache: 'npm'
22+
23+
- name: Install dependencies
24+
run: npm ci
25+
26+
- name: Build
27+
run: npm run build
28+
29+
- name: Deploy to GitHub Pages
30+
uses: peaceiris/actions-gh-pages@v3
31+
if: github.ref == 'refs/heads/main'
32+
with:
33+
github_token: ${{ secrets.GITHUB_TOKEN }}
34+
publish_dir: ./dist

README.md

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,79 @@
11
# isho-0.github.io
22
💫 Coding Beyond the Visible: A C++ Developer Inspired by The Little Prince!
3+
4+
## 🚀 프로젝트 소개
5+
이 프로젝트는 Vue 3와 Quasar를 사용하여 만든 개인 포트폴리오 웹사이트입니다. GitHub Pages를 통해 자동으로 배포됩니다.
6+
7+
## 🛠️ 기술 스택
8+
- Vue 3
9+
- TypeScript
10+
- Quasar Framework
11+
- Vite
12+
- SCSS
13+
14+
## 📖 블로그 기능
15+
- 마크다운 기반 블로그 포스트
16+
- 카테고리별 포스트 분류
17+
- 반응형 디자인
18+
- The Little Prince 테마
19+
20+
## 🚀 배포 방법
21+
22+
### 자동 배포 (권장)
23+
GitHub Actions가 자동으로 main 브랜치에 푸시할 때마다 배포합니다.
24+
25+
### 수동 배포
26+
```bash
27+
# 의존성 설치
28+
npm install
29+
30+
# 빌드
31+
npm run build
32+
33+
# GitHub Pages에 배포
34+
npm run deploy
35+
```
36+
37+
## 🌐 접속 주소
38+
- **GitHub Pages**: https://isho-0.github.io/isho-0.github.io/
39+
- **로컬 개발**: `npm run dev`
40+
41+
## 📁 프로젝트 구조
42+
```
43+
src/
44+
├── components/ # Vue 컴포넌트
45+
├── pages/ # 페이지 컴포넌트
46+
├── blog/ # 블로그 관련 파일
47+
│ ├── posts/ # 블로그 포스트 (마크다운)
48+
│ └── categories/ # 카테고리별 분류
49+
├── layouts/ # 레이아웃 컴포넌트
50+
└── router/ # 라우팅 설정
51+
```
52+
53+
## 🔧 개발 환경 설정
54+
```bash
55+
# 저장소 클론
56+
git clone https://github.com/isho-0/isho-0.github.io.git
57+
58+
# 프로젝트 디렉토리로 이동
59+
cd isho-0.github.io
60+
61+
# 의존성 설치
62+
npm install
63+
64+
# 개발 서버 실행
65+
npm run dev
66+
```
67+
68+
## 📝 블로그 포스트 작성
69+
`src/blog/posts/` 디렉토리에 마크다운 파일을 추가하면 자동으로 블로그에 반영됩니다.
70+
71+
## 🤝 기여하기
72+
1. Fork the Project
73+
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
74+
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
75+
4. Push to the Branch (`git push origin feature/AmazingFeature`)
76+
5. Open a Pull Request
77+
78+
## 📄 라이선스
79+
이 프로젝트는 MIT 라이선스 하에 배포됩니다.

0 commit comments

Comments
 (0)