본 글은 에코노베이션 블로그에 글을 작성하는 방법을 설명합니다.
- 이 저장소를 fork 합니다.
_posts
폴더에YYYY-mm-dd-title.md
를 추가합니다.- 해당 파일의 상단에 아래의 내용을 추가합니다.
---
layout: post
title: **title 작성**
subtitle: **subtitle 작성**
author: **작성자 작성**
categories: **카테고리 작성, 띄어쓰기가 있는 경우 언더바(_)로 작성**
banner: **홈화면에 이미지를 추가하려면 작성**
image: https://bit.ly/3xTmdUP
tags: **태그 작성, 띄어쓰기 단위로 분리됨**
sidebar: []
---
- 이후 마크다운을 적용하며 포스트를 작성합니다.
- 작성이 완료됐다면 pull request를 올려주세요. 관리자가 검토 후 merge 해드립니다.
이미지를 첨부하기 위해선 꼭 <img src="이미지주소" alt="이미지제목" width="이미지크기(선택사항)" />
을 지켜주세요. 띄어쓰기도 꼭 지켜주시고 각 값들마다 큰따옴표도 꼭 넣어주세요.
- 이미지 등록 방법
- 깃허브 이슈에서 'new issue' 클릭
- 등록하려는 이미지를 내용 칸에 끌어다놓기
- 그 때 나오는 이미지 주소를 붙여넣으시면 됩니다.
(이슈를 등록하실 필요는 없습니다. 단순히 이미지 주소를 얻기 위한 과정입니다.)
코드 스니펫을 넣고 싶을 땐, 아래와 같이 작성하세요.
<pre><code class="언어">코드내용</code></pre>
- 코드내용에 html 태그 등이 있으면 이스케이프 처리 후 넣어야 합니다. 그렇지 않으면 html 태그가 실제로 적용됩니다. (문자열로 처리가 되지 않습니다.)
- ex)
<div></div>
는<div></div>;
와 같이 작성해야 합니다.
- ex)
표를 추가 하고 싶다면, | 내용 | 내용 |
형태로 작성하세요.
-
예를들어 사진들을 표 안에 넣고 싶다면
| <img ...> | <img ... > |
이렇게 하시면 되고,|
앞뒤로 공백을 꼭 넣어주세요! -
가운데 정렬을 하고 싶다면,
|:----:|:----:|
를 사용하세요.예시
| Header 1 | Header 2 | Header 3 | Header 4 | |:----------:|:----------:|:----------:|:----------:| | Value 1 | Value 2 | Value 3 | Value 4 |
엔터를 이용한 줄바꿈도 좋지만, 문단마다의 줄바꿈을 위해 <br/>
태그를 추가해보세요! 글 가독성이 올라갑니다.