Home Github 블로그 만들기 By Chirpy, VScode - 3
Post
X

Github 블로그 만들기 By Chirpy, VScode - 3

게시 2022/12/13 업데이트 2024/01/24
By Psmin
5 m읽는 시간

첫 포스팅 작성해보기

Markdown

Markdown이란?

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

마크다운 문법 (syntax)

제목 header

1
2
3
4
5
6
7
8
9
10
11

# 제목 1

## 제목 2

### 제목 3

#### 제목 4

##### 제목 5

###### 제목 6

H1 - heading

H2 - heading

H3 - heading

H4 - heading


줄바꿈 Line Breaks

1

<br/> 또는 띄어쓰기 2번

인용구 BlockQuote

> 블럭인용문자를 사용한다.

1
2
3
4
5

> This is a First blockquote
>
> > This is a Second blockquote
> >
> > > This is a Third blockquote

This is a First blockquote

This is a Second blockquote

This is a Third blockquote

목록 List

  • 순서있는 목록 Ordered list
1
2
3

1.  Firstly
2.  Secondly
3.  Thirdly
  1. Firstly
  2. Secondly
  3. Thirdly
  • 순서없는 목록 Unordered list
1
2
3

- Chapter
  - Section
    - Paragraph
  • Chapter
    • Section * Paragraph

  • 체크리스트 Task list
1
2
3
4

- [ ] Job
  - [x] Step 1
  - [x] Step 2
  - [ ] Step 3
  • Job
    • Step 1
    • Step 2
    • Step 3

설명문 description

1
2

chirpy
: 쾌활한
chirpy
쾌활한

프롬프트 창 Prompts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{: .prompt-tip }

> An example showing the `tip` type prompt.

{: .prompt-info }

> An example showing the `info` type prompt.

{: .prompt-warning }

> An example showing the `warning` type prompt.

{: .prompt-danger }

> An example showing the `danger` type prompt.

An example showing the tip type prompt.

An example showing the info type prompt.

An example showing the warning type prompt.

An example showing the danger type prompt.

테이블 Tables

1
2
3
4
5

| Company                      | Contact          | Country |
| :--------------------------- | :--------------- | ------: |
| Alfreds Futterkiste          | Maria Anders     | Germany |
| Island Trading               | Helen Bennett    |      UK |
| Magazzini Alimentari Riuniti | Giovanni Rovelli |   Italy |
CompanyContactCountry
Alfreds FutterkisteMaria AndersGermany
Island TradingHelen BennettUK
Magazzini Alimentari RiunitiGiovanni RovelliItaly
1

<http://127.0.0.1:4000>

http://127.0.0.1:4000

각주 Footnote

1

Click the hook will locate the footnote[^footnote], and here is another footnote[^fn-nth-2].

Click the hook will locate the footnote1, and here is another footnote2.

이미지 Images

  • Default (with caption)
1

![Desktop View](/assets/img/img-sample.png){: width="972" height="589" }

Desktop View Full screen width and center alignment

  • Shadow
1

![Window shadow](/assets/img/img-sample.png){: .shadow width="1548" height="864" }

Window shadow shadow effect (visible in light mode)

  • Left aligned
1

![Desktop View](/assets/img/img-sample.png){: .normal}

Desktop View

  • Float to left
1

![Desktop View](/assets/img/img-sample.png){: width="972" height="589" .w-50 .left}

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. Phasellus a tortor aliquam, tristique felis sit amet, elementum enim. Integer vestibulum vitae nulla nec pretium.


  • Float to right
1

![Desktop View](/assets/img/img-sample.png){: width="972" height="589" .w-50 .right}

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. Phasellus a tortor aliquam, tristique felis sit amet, elementum enim. Integer vestibulum vitae nulla nec pretium.

강조 Emphasis

1
2
3
4

_기울어진 글씨_
**굵은 글씨**
**_굵은 기울어진 글씨_**
~~취소선 글씨~~

기울어진 글씨
굵은 글씨
굵은 기울어진 글씨
취소선 글씨

인라인 코드 Inline code

This is an example of Inline Code.

파일경로 Filepath

1

Here is the `/path/to/the/file.extend`{: .filepath}.

Here is the /path/to/the/file.extend.

코드 블록 Code block

  • Common
1

This is a common code snippet, without syntax highlight and line number.
  • Console
1
2
3

 $ env |grep SHELL
 SHELL=/usr/local/bin/bash
 PYENV_SHELL=bash
  • Shell
1
2
3
4

   if [ $? -ne 0 ]; then
       echo "The command was not successful.";
       #do the needful / exit
   fi;
  • Specific filename
1
2
3

@import
  "colors/light-typography",
  "colors/dark-typography"

각주 돌아가기 기능 Reverse Footnote

  1. The footnote source ↩

  2. The 2nd footnote source ↩

Project, Github Page
Markdown Syntax
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

Recent Update
Link