이전 글과 이어집니다.

머리말

글을 쓰는 사람은 Visual Studiuo Code를 적극 활용하였습니다.
이전 글에서 블로그 기본 설정을 변경해보았다.
이번에는 게시물을 포스팅 하는 방법에 대해서 알아보자.

/_posts

기본적으로 포스팅은 /_posts 폴더 안에 yyyy-mm-dd-???.md 라는 마크다운 파일을 만드는 것으로 시작한다.
기본적으로 테마에서 제공해주는 파일들을 최대한 활용해서 게시물을 작성하면 쉽게 작성할 수 있다.
지금 읽고 있는 게시물을 예시로 포스팅 하는 방법을 Step by Step으로 소개하겠다.

1. 2024-01-11-깃-허브-블로그-만들기4 생성

_posts 폴더 안에 작성할 파일을 생성한다.

2. 기본 설정 변경

2015-01-01-welcome-to-jekyll에서 가져와서 수정했다.

title: 제목을 담당하는 부분
subtitle: 소제목을 담당하는 부분
author: 글쓴이를 담당하는 부분
excerot_image: 썸네일을 담당하는 부분
categories: 카테고리를 담당하는 부분 CATEGORIES 페이지에 자동으로 적용된다.
banner: 배너를 담당하는 부분
tags: 태그를 담당하는 부분 TAGS 페이지에 자동으로 적용된다.
top: 메인화면에 표시되는 순서

배너가 적용된 화면. 배너를 적용 안하면 이렇게 안나타난다.

홈 화면에서 적용된 화면.

3. 글 작성

기본적으로 Markdown 형식이기 때문에 Markdown 문법을 따라야 한다.
마크다운 사용법
해당 링크와 기존에 있는 게시물들을 참고해서 글을 작성했다.

<p align=center><img src = "https://github.com/choimu4/choimu4.github.io/assets/155925706/02d630e8-e1e9-4352-83f3-5a7616d96484">2015-01-01-welcome-to-jekyll에서 가져와서 수정했다.</p>  

  * **title**: 제목을 담당하는 부분
  * **subtitle**: 소제목을 담당하는 부분
  * **author**: 글쓴이를 담당하는 부분
  * **excerot_image**: 썸네일을 담당하는 부분
  * **categories**: 카테고리를 담당하는 부분 CATEGORIES 페이지에 자동으로 적용된다.
  * **banner**: 배너를 담당하는 부분
  * **tags**: 태그를 담당하는 부분 TAGS 페이지에 자동으로 적용된다.
  * **top**: 메인화면에 표시되는 순서    

<p align=center><img src = "https://github.com/choimu4/choimu4.github.io/assets/155925706/5b7ae7e7-5260-4089-945e-c3d8a6fcbd61">배너가 적용된 화면. 배너를 적용 안하면 이렇게 안나타난다.</p>   

<p align=center><img src = "https://github.com/choimu4/choimu4.github.io/assets/155925706/0f4e6122-c67d-4dbf-8176-804b0999c120">홈 화면에서 적용된 화면.</p>


예시입니다.

Vscode를 사용하면 PreView를 보면서 글을 작성할 수 있다.

4. 게시물에 Image / Video 넣는 방법

1) 원하는 Image / Video 주소를 복사

제목 없음123

2) Markdown 형식에 맞춰서 입력

![image](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRZGUH4gJSZgv3j0iovlKS2p5ln8tUFF4i_-w&usqp=CAU)  
[]안에는 이미지 이름 ()안에는 이미지 주소를 넣으면 된다.

3) Video는 mp4파일을 gif로 수정

https://cloudconvert.com/mp4-to-gif
해당 링크로 들어가서 mp4 파일을 gif로 변경한다.
이후 과정은 Image와 같다.

![video](https://github.com/choimu4/choimu4.github.io/assets/155925706/eb34389e-67ea-4325-b54e-fe1dd3947339)

video

4) Image에 캡션 넣는 방법

여러가지 방법이 있겠지만 필자는

예시입니다.
<p align=center><img src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRZGUH4gJSZgv3j0iovlKS2p5ln8tUFF4i_-w&usqp=CAU">캡션에 넣을 내용</p>

이런 방법을 사용했다.

캡션에 넣을 내용

5) 이미지 주소 만드는 방법

이미지를 웹에서 다운 받는 것이 아닌 이미 다운로드 받은 이미지라면

GitHub Repository 페이지에서 Issues를 클릭
New Issue 클릭

Issues 페이지

박스 안에 이미지를 복사 / 붙여넣기 하거나, 드래그 해서 넣으면 된다.

4탄 끝

이번엔 기본적으로 게시물을 포스팅 하는 방법에 대해서 알아보았다.
다음 글에서는 댓글 기능을 추가하는 방법에 대해서 알아볼 것이다.

이상.

GitHub Pages Blog 만들기4 - 게시물 작성

깃 허브 페이지 블로그 만들기 4탄 - 게시물 작성