헤더 작성

  1. 파일 명은 반드시 년도-월-일-제목으로 space 없이 영어로 만들어야 합니다. (예, 2024-01-01-test_posting)
  2. layout 필드는 수정하지 마세요
  3. title 필드에는 제목을 넣어주세요
  4. subtitle 필드에는 부제목을 넣어주세요 (optional)
  5. categories 필드에는 해당 포스팅이 위치한 폴더의 이름을 넣어주세요 (대소문자 구분). 파일을 생성할 폴더를 누르고 오른쪽 마우스를 눌러 new note로 파일을 생성한 경우 자동으로 해당 필드가 채워집니다.
  6. tags 폴더에는 tag들을 넣어주세요
  7. author에는 작성자의 이름을 영어로 넣어주세요

문체

문서 작성 시 구어체가 아닌 문어체를 사용한다.

  • 구어체: 지금은 정말 힘들어요. 그렇지만 저는 꼭 가수가 될 거에요
  • 문어체: 지금은 정말 힘듭니다. 그렇지만 저는 꼭 가수가 될 것입니다.

Image 첨부

글에 Image를 붙여 넣으면 자동으로 해당 이미지를 웹 저장소에 저장하고, Image의 주소가 들어가도록 설정되어 있다. 이미지를 눌러보면 이미지의 링크를 볼 수 있다. (아래 이미지 참고)

VScode기준으로 작성하면 extension 에서 Markdown Image 를 설치합니다. 설치후 설정에 들어가서 image upload 방식을 imgur로 설정한다.

picture 0

그 다음에 imgur 에 이미지를 업로드 하기 위해서는 imgur에 가입한 후 client id를 부여 받아야 합니다. client id를 부여 받은 후 설정의 imgur client id에 입력한다.

picture 1

설정이 완료 된 후 이제 자동으로 이미지를 업로드하고 붙여넣을 준비가 완료되었다.

vscode 기준으로 ctl+shift+p 를 누르고 Markdown Image: Past Image 를 선택하면 현재 복사 되어 있는 image를 자동으로 업로드 하고 업로드한 링크를 markdown format으로 붙여넣어 준다.

만약 2개의 이미지를 나란히 배치하고 싶은 경우에는 다음 코드를 복사해서 하면 된다. 넣고자 하는 이미지의 주소를 각각 src 항목에 넣고, 퍼센트로 width를 조절해 준다. 반드시 마지막에 있는 <div style="clear:both;"></div> 를 포함한다.

동영상 첨부

블로그를 가볍게 유지하기 위해서 가능하면 동영상 사용을 지양하는 것이 좋다. 하지만 동영상 첨부가 필수인 경우에는 Youtube 에 동영상을 업로드하고 링크를 첨부해야 한다.

Youtube에서 공유를 누르고 퍼가기를 누르면 iframe 을 복사할 수 있고 복사된 내용을 붙여넣으면 바로 재생 가능하다.

다음 코드를 붙여 넣으면 다음과 같이 바로 재생 가능한 player가 첨부된다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/dDODrSy6cYU?si=KMnjdnjdGf0VpoFp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>