hi-jin / flutter-blog

hi-jin.github.io

Flutter web으로 밑바닥부터 만드는 블로그

목표

• 자기소개용 개인 홈페이지
• markdown 작성을 통한 블로그 게시글 작성 기능
• 누구나 fork 하여 큰 수정 없이 사용할 수 있는 블로그 템플릿

기술

• Git, GitHub Actions
• Flutter

flutter-blog's Issues

게시글 작성 기능

markdown을 읽어서 화면에 보여주는 역할을 한다.

• markdown 디렉토리는 어디에 둘까
• 어떻게 읽어올까
• 폴더 구조를 어떻게 보여줄까
• pubspec.yaml에 명시하지 않는 방법은 없나?
  • assets/posts/ 아래에 디렉토리 구조를 통해 폴더 구조를 나타내면 명시해야 될 것 같음
  • 하지만, md 파일 자체에 디렉토리 구조를 명시하는 방법도 있음
    • 그런데 이렇게 하면 블로그 포스팅 파일이 많아지는 경우 유지보수가 힘들 수도?
• 이미지는 어떻게 하지?

디렉토리 선택 기능

• 폴더 선택 -> 하위 폴더로 진입
• 인터랙티브 한 아름다운 UI를 원한다..!

readme 작성하기

테스트 코드 작성 및 Actions 연결

마크다운 라이브러리 드래그 문제 해결하기

• paragraph 단위로 드래그가 되는 문제
  • 1열에서 드래그하고, 2열에서 드래그하면 두 드래그 모두 유지되는 이상한 현상
• html로 먼저 변환하면 해결 되는지 확인하기

소개 페이지 만들기

• 깃허브 프로필 사진
• 깃허브 링크
• 자기소개 markdown을 읽어서 화면에 보이기