포스트에 이미지 삽입하기
그동안 포스팅을 하면서, 큰 실수를 하고 있었는데.
여태껏 포스트에 올린 스크린 캡쳐라던지, 이미지들은 모두 반영이 되질 않았습니다.
현재 저는 typora라는 마크다운 프로그램을 사용하고 있는데.
이미지를 그냥 drag and drop하면 포스트에 바로 반영되는것 같아 보여서, 그냥 넘어갔었는데.
블로그 올라간거 보니까. 이미지가 모두 안올라 갔었습니다.
이점을 해결 하기 위해서, 오늘 포스팅을 합니다.
_config.yml 파일 수정하기
블로그 폴더의 _config.yml 파일을 수정합니다.
아래, post_asset_folder 값을 true로 바꾸어 줍니다.
1 |
|
이 값이 true로 설정되면, 포스트 마다 포스트 제목과 같은 asset 디렉토리가 생깁니다.
포스트에 이미지 삽입하기
Hexo-블로그-포스트에-이미지-사용-데모 라는 타이틀을 가진 포스트를 생성해봅니다.
1 | hexo new "Hexo-블로그-포스트에-이미지-사용-데모" |
blog/source/_post폴더에 들어가면,
새로 생성된 포스트의 제목과 같은 이름의 폴더가 생성된걸 확인할수 있습니다.
blog/source/_post/Hexo-블로그-포스트에-이미지-사용-데모 폴더에,
terminal_capture.png 와 terminal_capture2.png파일을 넣어주었습니다.
해당 파일들을 해당 포스트에서 사용하려면,
이미지 참조를 올바르게 해야 합니다.
hexo 블로그-포스트에-이미지-사용-데모 페이지에서,
아래 참조문을 사용해줍니다.
1 | {% asset_img terminal_capture.png %} |
마치며..
위와 같은 방법으로, 포스트에 이미지를 넣어보고 확인해봅니다.
다음 데모 페이지를 확인 해봅니다.