image caption 추가

[dding-g]

• 이미지 caption 기능이 없는 것 같아서 추가했습니다. (혹시 따로 계획하고 계시거나 다른 이유가 있으시다면 close 부탁드립니다..!)
• 찾아보니 오래된 이슈에 건의된 적이 있는 기능이네요. issue

변경점

1. imgage caption plugin을 추가했습니다. 마크다운 문법으로 작성된 이미지 태그 들은 figure 태그로 감싸지고, 이미지 설명들은 figcaption 태그로 감싸져서 이미지를 설명하게 됩니다.
   • ![백준 로고](https://velog.velcdn.com/images/dding-g/post/0071922c-1332-4b33-90e6-d34c61967056/image.png) 와 같이 사용된 태그들은 caption이 붙습니다.
2. 기존 paragraph 태그 안에 img 태그가 들어갔는데, plugin에서 node.type을 html 로 주게 되어 더이상 p 태그 안으로 들어가지 않습니다. 기존에 p > img 로 처리되고 있던 css들은 figure와 img 태그에 적절히 나누었습니다.
3. 마크다운에 img 태그를 수동으로 html로 넣는 경우, 이미지 가운데 정렬이 안되는 경우가 있어서 img 태그 안에 margin: auto 속성을 추가했습니다.