Feat: 내부플러그인 적용, 몇가지 개선 사항 적용

[WonhyeongLee]

개요

issue #22 에 대한 개선 작업을 적용합니다. 추가로 연속된 이미지에 대해 flex가 적용될 수 있도록 태그를 추가하기 위해 내부 플러그인을 만들고 적용했습니다.

작업내용

내부 플러그인 적용

    <div class="image-container">
        <div class="image-wrapper">
            !(이미지)[이미지링크]
        </div>
    </div>

이렇게 이미지 컨테이너가 적용되도록 내부 플러그인을 작성해 적용했습니다.

이미지가 너비가 좁고 높이가 긴 경우 불필요하게 1장씩 자리를 차지 하는 것을 개선했습니다.

prism 테마 변경

prsim-react-renderer을 사용하는 대신 prism의 coy 테마를 적용 했습니다.

스타일 개선 사항

• 컨텐츠 너비를 늘렸습니다.
• 이전, 다음 게시물 UI 스타일에 그리드를 추가해서 일정한 너비로 유지되도록 수정 했습니다.
• 메인 페이지의 포스트 리스트 마지막의 구분선이 나오지 않도록 수정했습니다.

[netlify[bot]]

❌ Deploy Preview for wonhyeong failed.

Name	Link
🔨 Latest commit	44c473ea1b7a7e85f92b465585182d27b24de8de
🔍 Latest deploy log	https://app.netlify.com/sites/wonhyeong/deploys/6668311c72b5410008c67304