https://github.com/toa-web-dev/toa-dev-blog
https://github.com/toa-web-dev/toa-dev-blog
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/toa-web-dev/toa-dev-blog
- Owner: toa-web-dev
- Created: 2023-10-12T09:06:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-10T08:49:26.000Z (about 2 years ago)
- Last Synced: 2023-11-26T07:28:31.866Z (about 2 years ago)
- Language: TypeScript
- Size: 188 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
프로젝트 제원
Next js
typescript
remark
d3 (https://clamwell.github.io/blog/draw-network-chart-with-d3.js/)
렌더방식
데이터가 변할 일이 없는 개인블로그에 적합한 SSG 렌더 방식 적용
블로그 본문 데이터 형식
마크다운을 마크다운 파서인 remark로 HTML로 파싱
옵시디언을 사용해 마크다운으로 메모하기 때문에 마크다운을 변환하는 게 이득이라 판단
옵시디언처럼 블로그 글이 하나의 노드를 구성하고 관련된 노드끼리 링크로 연결된 그래프 자료구조를 그린다
1. 게시글이 노드로 생성되어야함
2. 게시글이 다른 게시글에 노드로 연결될 수 있어야 함
3. 게시글이 아닌 카테고리를 의미하는 노드를 생성할수 있어야 함
4. 그래프의 인력을 조절 할 수 있어야 함
5. 한 노드가 다른 카테고리의 노드와 연결 될 때, 그 노드와 카테고리 노드가 같이 연결되어 보여야 함
6. 인덱스 페이지에선 카테고리 노드만 보이고, 특정 게시글 페이지에선 연결된 노드가 보여야함.