Jekyll 블로그 기본틀과 주의할 점

기본틀

제가 블로그 작성하다가 제대로 작동을 안 해서 기존에 정리했던 글을 다 삭제해서 새로운 마음가짐과 다신 실수하지 않고 제대로 해보자는 의미로 기본틀을 블로그에 올려보았습니다.

layout: post
title: (제목)
date: 2024-04-17 12:31 +0900 (**작성일자와시간**)
description: (**소제목**)
image: ../assets/img/(**이미지 이름**)
category: 기본틀
tags: 기본틀
published: true
sitemap: true

• title : 제목 입력하는 곳
• date : 작성 일자와 시간을 입력하는 곳
• description : 글에 대한 한 줄 설명
• image : 이미지의 위치와 이미지 이름을 입력하는 곳 (제대로 입력하지 않으면 사이트가 안 열립니다.)
• category : 카테고리 입력하는 곳
• tag : 태그 입력하는 곳

이 외에는 건들필요 없는 것이니 절대 건들지마시오.

주의할 점

• (띄어쓰기) : 파일이름을 적을때 띄어쓰기를 사용하면 사이트가 작동이 안 될수도 있습니다.

• (디자인): 예쁘게 해봤자 내 블로그는 아무도 보지 않으므로 괜히 꾸미다가 안 열리면 다 지워야 열릴 수 있으니 조심합시다.

• (이미지): 위에서 말했듯이 이미지 이름 제대로 입력 안 하면 사이트가 작동이 안될 수 있습니다. 그리고 이미지는 width값 356.031px
  hight값 186.906px 이렇게 적혀있는데요 Figma를 다운로드해서 이거에 맞춰서 사진을 저장한 뒤에 올려주어야 사진이 안 잘리고 예쁘게 제목 이미지를 적용할 수 있습니다.

블로그에서 사용 가능한 코드들

 </br> : 밑으로 한 칸 띄어주는 명령어
( ```` ) : ````는 윈도우 키보드 ~ 를 누르면 나옵니다 mac이라면 영문타자로 바꾼 뒤에 ₩ 버튼을 누르면 나옵니다.
이것의 기능은 명령어를 입력해도 적용이 안 되게 막아주는 박스 인 것 같습니다.
사용하고 싶으시면 ```` 을 위 아래로 해주시고 가운데에 글을 작성해주시면 됩니다.

지금 만든 박스가 ````를 이용해서 만든 박스입니다.

Markdown Preview Enhanced

Markdown Preview는 올리기 아주 까다로운 이 블로그 글의 오류와 디자인을 미리 볼 수 있게 도와줍니다.

오른쪽에 제가 작성한 글의 Preview를 보여주고 있습니다.

윈도우는 다운로드 밑에 사용 설명이 있습니다

mac에서는 쉬프트+커맨드+V 를 눌러주면 됩니다.

제가 이걸 알기 전에 vscode에서 기본으로 제공해주는 Preview를 사용 했다가 여태 작성했던 글들을 다 삭제하고

지금부터 새로 시작하게 된 것인데요 여러분도 이걸 다운해서 추후에 생길 불상사를 피합시다!!

끝.

추후에도 배우거나 알게된 사실이 있다면 글을 계속해서 작성할 것이니 자주 방문해주세요