![image](/images/mylog.png) 안녕하세요. 데이터베이스 없이 운영할 수 있는 개인 블로그 MyLog의 개발자, **이원노**입니다. MyLog는 별도의 데이터베이스 서버 없이 JSON 파일로 데이터를 관리하는 블로그입니다. 누구나 손쉽게 설정하고, 커스텀할 수 있도록 개발되었습니다. MyLog를 찾아주셔서 감사드리며, 많은 관심과 피드백 부탁드립니다.
## 🏃 사용법 ### 1. 설정 1️⃣ 프로젝트를 clone 또는 fork 해주세요 ``` git clone https://github.com/Leewonno/mylog.git ``` or ![image](https://github.com/user-attachments/assets/72a685a6-d5dc-4fc3-82c4-e7b807a54e53) ```bash # fork 후, 프로젝트를 내PC에 clone 해주세요 git clone https://github.com/UserName(leewonno)/mylog.git ```
2️⃣ fork하지 않고 clone한 경우, 새로운 레포지토리를 만들어 clone 한 레포지토리를 넣어주세요 ![image](https://github.com/user-attachments/assets/3b62e04b-0d16-4aa5-a4bf-f2be6e12c053) ``` git remote add origin https://github.com/UserName(leewonno)/RepositoryName(mylog-leewonno).git git add . git commit -m "commit message" git branch -M main git push -u origin main ```
3️⃣ 프로젝트 폴더로 이동해, 의존성을 설치해주세요 ``` yarn install ``` or ``` npm install ```
4️⃣ next 개발 서버를 실행하고 블로그를 설정해주세요 ``` yarn dev ``` or ``` npm run dev ``` ### 2. 블로그, 사용자 설정 #### 2-1. 마이페이지에서 설정 1️⃣ 오른쪽 상단 버튼을 이용해 마이페이지로 이동 ![image](https://github.com/user-attachments/assets/93f8718a-64c7-4a57-a5e6-b2df0bfe6925)
2️⃣ 수정 후 저장 ![image](https://github.com/user-attachments/assets/9d135727-6152-4afc-8116-7c312b857b98)
#### 2-2. data.json 직접 수정 1️⃣ 프로젝트 폴더의 data.json 파일 선택 ![image](https://github.com/user-attachments/assets/cc5c4a97-4780-4550-af96-2354cfd37eaa)
2️⃣ 파일 수정 ![image](https://github.com/user-attachments/assets/0bb4a470-4bd1-4924-98de-14acb762c2c8) - **id** : 사용자명 - **email** : 이메일 - **github** : 깃허브 링크 - **portfolio** : 포트폴리오 링크 - **name** : 블로그명
### 3. 게시글 #### 3-1. 글 쓰기 1️⃣ 오른쪽 상단 글 쓰기 버튼을 클릭합니다 ![image](https://github.com/user-attachments/assets/b2aa85a4-f266-4dd1-b7fc-b1d41d869024)
2️⃣ 제목과 내용을 입력 후 저장 버튼을 눌러주세요 ![image](https://github.com/user-attachments/assets/a4e6cd6c-dfb2-4dc0-8190-815a2042060e) #### 3-2. 이미지 삽입 이미지를 본문에 삽입할 수 있습니다.
public/images 폴더에 삽입할 이미지 파일을 넣어주세요. ![image](https://github.com/user-attachments/assets/50e9302d-4f18-400b-9661-224e3a902f4e)
![image](https://github.com/user-attachments/assets/e0c03619-c807-44fc-91a8-1c55d0321a85)
### 4. Github Push 글 작성, 수정, 삭제 또는 블로그 설정이 끝났으면 Github에 수정된 내용을 Push 해주세요 ``` git add . git commit -m "commit message" git push origin main ```
## 📢 Vercel 배포하기 이제 Vercel에 나만의 블로그를 배포할 차례입니다.
1️⃣ Vercel에 로그인 후 Add New -> Project 버튼을 눌러주세요 ![image](https://github.com/user-attachments/assets/f378427b-e8ed-482f-9f65-e29787cae153)
2️⃣ 배포할 Repository를 선택(import) 해주세요 ![image](https://github.com/user-attachments/assets/cc0f8ada-fd8b-4803-9fb4-e039183edab3)
3️⃣ Framework Preset을 Next.js로 선택 후, Deploy 버튼을 눌러주세요 ![image](https://github.com/user-attachments/assets/2ba47a01-93e0-49a8-af24-f7de78298494)