Yeojin’s Blog

How to use Markdown?

2021-12-15T06:58:00+00:00

Markdown이란?

마크다운(markdown) 은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.

Markdown 사용법

1. 글씨 크기 조절

- 마크다운은 ‘#’ 기호를 이용해 글씨의 크기를 조절한다. ‘#’은 총 1개부터 6개까지 쓸 수 있으며 ‘#’ 개수가 많을수록 글씨 크기가 작아진다.

- ‘#’을 쓸 때는 아래와 같이 쓰고자하는 문장 앞에 연달아 작성한다.

# 안녕하세요
## 안녕하세요
### 안녕하세요
#### 안녕하세요
##### 안녕하세요
###### 안녕하세요                                                                

- 위 코드를 통해 출력되는 글자의 크기는 각각 다음과 같다.

안녕하세요

2. 글씨체 및 취소선

- 마크다운에서는 이탤릭체, 볼드체, 취소선을 사용할 수 있다. 사용하는 방법은 다음과 같다.

(1) 이탤릭체

- 이탤릭체로 작성하고 싶은 문자열 앞뒤로 ‘*’ 혹은 ‘_‘을 각각 하나씩 붙여준다.

*Hello*                      
_Hello_         

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

Hello
Hello

(2) 볼드체

- 볼드체로 작성하고 싶은 문자열 앞뒤로 ‘*’ 혹은 ‘_‘을 두개씩 붙여준다.

**Hello**                            
__Hello__            

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

Hello
Hello

(3) 취소선

- 취소선을 긋고 싶은 문자열 앞뒤로 ‘~~’ 을 붙여준다.

~~Hello~~

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

~~Hello~~

3. 각종 글머리 기호

- 마크다운에서는 글머리 기호를 사용할 수 있다.

(1) 순서가 있는 경우 - 숫자

- 숫자를 글 앞머리에 붙이고 싶은 경우, 우리가 평소에 쓰듯 앞에 숫자와 마침표를 붙여주면 된다.

첫 번째
두 번째
세 번째                               

- 위 코드의 결과는 아래와 같다.

첫 번째
두 번째
세 번째

(2) 순서가 없는 경우 - 기호

- 마크다운은 ‘-‘, ‘+’, ‘*‘의 글머리 기호를 지원한다. 이를 사용하고 싶을 경우, 문장 앞에 기호를 붙여주면 된다.

- 위 코드의 결과는 아래와 같다.

가
- 나
  - 다
가
- 나
  - 다
가
- 나
  - 다

4. 코드블럭

- 마크다운에서 코드블럭을 사용하고 싶은 경우, tab을 이용해 들여쓰기를 하여 작성하면 된다. 그 후로 들여쓰기가 없는 문장을 만나면 코드블럭이 끝나게 된다.

안녕하세요

# 현재 들여쓰기 한 부분 
# 아직 들여쓰기 한 부분                

들여쓰기 안 한 부분

5. 이미지 삽입

- 마크다운을 통해 포스트를 작성하다보면 이미지를 삽입해야하는 경우가 발생한다. 그럴 경우 쉽게 삽입할 수 있는 방법이 있다.

(1) 업로드 하고싶은 이미지 파일을 저장한다.

(2) github repository의 issue 창에 들어가 이미지 파일을 넣는다.

(3) 몇 초 기다리면 다음과 같은 링크로 변환되는데, 이를 복사하여 포스트 중 넣고 싶은 위치에 붙여넣는다.

이 외에도 다양한 Markdown 문법이 존재한다. 오늘은 자주 사용되는 기능을 위주로 포스트하였다.

Test Post

2021-11-25T02:37:00+00:00

This is a test file.

Hello! My name is Yeojin Goo.

I live in Incheon.

Bye~!

Moon Jekyll Theme

2016-04-06T00:00:00+00:00

Moon is a minimal, one column jekyll theme.

I’m not a developer or designer. And I don’t add footer to show who did this theme. If you like this theme or using it, please give a star for motivation, It makes me happy.

Installation

Fork the Moon repo
Edit _config.yml file.
Remove sample posts from _posts folder and add yours.
Edit index.md file in about folder.
Change repo name to YourUserName.github.io

That’s all.

Preview

Screenshots of Moon Theme

Moon Theme on Small Screen Size

See a live version of Moon hosted on GitHub.

Site Setup

A quick checklist of the files you’ll want to edit to get up and running.

Site Wide Configuration

_config.yml is your friend. Open it up and personalize it. Most variables are self explanatory but here’s an explanation of each if needed:

title

The title of your site… shocker!

Example title: My Awesome Site

bio

The description to show on your homepage.

description

The description to use for meta tags and navigation menu.

url

Used to generate absolute urls in sitemap.xml, feed.xml, and for generating canonical URLs in <head>. When developing locally either comment this out or use something like http://localhost:4000 so all assets load properly. Don’t include a trailing /.

Examples:

url: http://taylantatli.me/Moon
url: http://localhost:4000
url: //cooldude.github.io
url:

reading_time

Set true to show reading time for posts. And set words_per_minute, default is 200.

logo

Your site’s logo. It will show on homepage and navigation menu. Also used for twitter meta tags.

background

Image for background. If you don’t set it, color will be used as a background.

Google Analytics and Webmaster Tools

Google Analytics UA and Webmaster Tool verification tags can be entered in _config.yml. For more information on obtaining these meta tags check Google Webmaster Tools and Bing Webmaster Tools support.

MathJax

It’s enabled. But if you don’t want to use it. Set it false in _config.yml.

Disqus Comments

Set your disqus shortname in _config.yml to use comments.

To set what links appear in the top navigation edit _data/navigation.yml. Use the following format to set the URL and title for as many links as you’d like. External links will open in a new window.

- title: Home
  url: /

- title: Blog
  url: /blog/

- title: Projects
  url: /projects/

- title: About
  url: /about/

- title: Moon
  url: http://taylantatli.me/Moon

Layouts and Content

Moon Theme use Jekyll Compress to compress html output. But it can cause errors if you use “linenos” (line numbers). I suggest don’t use line numbers for codes, because it won’t look good with this theme, also i didn’t give a proper style for them. If you insist to use line numbers, just remove layout: compress string from layouts. It will disable compressing.

Feature Image

You can set feature image per post. Just add feature: some link to your post’s front matter.

feature: /assets/img/some-image.png
or
feaure: http://example.com/some-image.png

This also will be used for twitter card:

Comments

To show disqus comments for your post add comments: true to your post’s front matter.

Questions?

Found a bug or aren’t quite sure how something works? By all means file a GitHub Issue. And if you make something cool with this theme feel free to let me know.

License

This theme is free and open source software, distributed under the MIT License. So feel free to use this Jekyll theme on your site without linking back to me or including a disclaimer.

Yeojin’s Blog

How to use Markdown?

Markdown이란?

Markdown 사용법

1. 글씨 크기 조절

- 마크다운은 ‘#’ 기호를 이용해 글씨의 크기를 조절한다. ‘#’은 총 1개부터 6개까지 쓸 수 있으며 ‘#’ 개수가 많을수록 글씨 크기가 작아진다.

- ‘#’을 쓸 때는 아래와 같이 쓰고자하는 문장 앞에 연달아 작성한다.

- 위 코드를 통해 출력되는 글자의 크기는 각각 다음과 같다.

안녕하세요

안녕하세요

안녕하세요

안녕하세요

안녕하세요

안녕하세요

2. 글씨체 및 취소선

- 마크다운에서는 이탤릭체, 볼드체, 취소선을 사용할 수 있다. 사용하는 방법은 다음과 같다.

(1) 이탤릭체

- 이탤릭체로 작성하고 싶은 문자열 앞뒤로 ‘*’ 혹은 ‘_‘을 각각 하나씩 붙여준다.

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

(2) 볼드체

- 볼드체로 작성하고 싶은 문자열 앞뒤로 ‘*’ 혹은 ‘_‘을 두개씩 붙여준다.

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

(3) 취소선

- 취소선을 긋고 싶은 문자열 앞뒤로 ‘~~’ 을 붙여준다.

- 위 코드를 통해 출력되는 실제 글자의 모습은 다음과 같다.

3. 각종 글머리 기호

- 마크다운에서는 글머리 기호를 사용할 수 있다.

(1) 순서가 있는 경우 - 숫자

- 숫자를 글 앞머리에 붙이고 싶은 경우, 우리가 평소에 쓰듯 앞에 숫자와 마침표를 붙여주면 된다.

- 위 코드의 결과는 아래와 같다.

(2) 순서가 없는 경우 - 기호

- 마크다운은 ‘-‘, ‘+’, ‘*‘의 글머리 기호를 지원한다. 이를 사용하고 싶을 경우, 문장 앞에 기호를 붙여주면 된다.

- 위 코드의 결과는 아래와 같다.

4. 코드블럭

- 마크다운에서 코드블럭을 사용하고 싶은 경우, tab을 이용해 들여쓰기를 하여 작성하면 된다. 그 후로 들여쓰기가 없는 문장을 만나면 코드블럭이 끝나게 된다.

안녕하세요

들여쓰기 안 한 부분

5. 이미지 삽입

- 마크다운을 통해 포스트를 작성하다보면 이미지를 삽입해야하는 경우가 발생한다. 그럴 경우 쉽게 삽입할 수 있는 방법이 있다.

(1) 업로드 하고싶은 이미지 파일을 저장한다.

(2) github repository의 issue 창에 들어가 이미지 파일을 넣는다.

(3) 몇 초 기다리면 다음과 같은 링크로 변환되는데, 이를 복사하여 포스트 중 넣고 싶은 위치에 붙여넣는다.

이 외에도 다양한 Markdown 문법이 존재한다. 오늘은 자주 사용되는 기능을 위주로 포스트하였다.

Test Post

This is a test file.

Hello! My name is Yeojin Goo.

I live in Incheon.

Bye~!

Moon Jekyll Theme

Installation

Preview

Site Setup

Site Wide Configuration

title

bio

description

url

reading_time

logo

background

Google Analytics and Webmaster Tools

MathJax

Disqus Comments

Navigation Links

Layouts and Content

Feature Image

Comments

Questions?

License