Post

첫 포스트

첫 포스트

서론

드디어 GitHub 블로그를 개설했다.
사실 꽤나 오랜 기간 동안 생각만 해두고 미루고 미뤘는데 막상 개설하니 후련한 마음이 든다.
블로그 개설을 본격적으로 결심한 건 그동안 여러 프로젝트들을 진행하고 여러 지식들을 공부해왔는데 막상 제대로 기록해두지 않으니 나중에 다시 헤매게 되기도 하고 여러모로 아쉬운 마음이 들었기 때문이다.
다만 블로그를 개설만 해두고 방치하지 않기 위해 최소한의 노력으로 꾸준히 이어갈 수 있도록 블로그 글을 작성하는데에 하루 30분을 넘기지 않으려 한다.
사실 TIL에 가까운 블로그라고 볼 수 있겠다.
간혹가다 정성껏 글을 쓰는 경우도 있겠지만.. 기왕 기록을 남기는거 내 포트폴리오로써 활용한다면 일석이조니..
아무튼 위의 이유로 블로그 글들은 타인이 읽기 쉬운 글이 아니라 내가 작성하기 편한 어투와 구조로 구성될 확률이 높다.
만약 누군가가 이 블로그를 읽는다면 감안해서 읽으시길 권한다.

Chirpy Posting Syntax

첫 포스트에 뭘 쓸까 생각하다 앞으로의 포스팅에 도움되는 여러 문법들을 정리해보기로 했다.
아래는 Markdown 문법과 더불어 Chirpy에서 지원하는 몇 가지 문법들이다.

출처 Chirpy - text & typhograpy

Headings

H1 — heading

H2 — heading

H3 — heading

H4 — heading

1
2
3
4
5
6
7
8
9
10
11
# H1 — heading
{: data-toc-skip='' .mt-4 .mb-0 } <- TC 등록, margin top, margin bottom

## H2 — heading
{: data-toc-skip='' .mt-4 .mb-0 }

### H3 — heading
{: data-toc-skip='' .mt-4 .mb-0 }

#### H4 — heading
{: data-toc-skip='' .mt-4 }

Lists

Ordered list

  1. Firstly
  2. Secondly
  3. Thirdly

Unordered list

  • Chapter
    • Section
      • Paragraph

TODO list

  • Job
    • Step 1
    • Step 2
    • Step 3

Description list

Sun
the star around which the earth orbits
Moon
the natural satellite of the earth, visible by reflected light from the sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#### Ordered list

1. Firstly
2. Secondly
3. Thirdly

#### Unordered list

- Chapter
  - Section
    - Paragraph

#### TODO list

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

#### Description list

Sun
: the star around which the earth orbits

Moon
: the natural satellite of the earth, visible by reflected light from the sun

Block Quote

This line shows the block quote.

1
> This line shows the _block quote_.

Prompts

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.

1
2
3
4
5
6
7
8
9
10
11
> An example showing the `tip` type prompt.
{: .prompt-tip }

> An example showing the `info` type prompt.
{: .prompt-info }

> An example showing the `warning` type prompt.
{: .prompt-warning }

> An example showing the `danger` type prompt.
{: .prompt-danger }

Tables

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

link - google

1
[link - google](https://google.com)

Footnote

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

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

Inline code

This is an example of Inline Code.

1
This is an example of `Inline Code`.

Code blocks

1
This is a common code snippet, without syntax highlight and line number.
1
2
3
4
if [ $? -ne 0 ]; then
  echo "The command was not successful.";
  #do the needful / exit
fi;
1
2
3
4
5
6
7
class Object {
    private int i = 1;
    private String str = "hi";
    private void main() {
        System.out.println(str + i);
    }
}
1
2
3
    ```type(text, java...)
    content
    ```

Mathematics

\[\begin{equation} \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} \label{eq:series} \end{equation}\]

We can reference the equation as \eqref{eq:series}.

When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]
1
2
3
4
5
6
7
8
9
10
11
12
$$
\begin{equation}
  \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6}
  \label{eq:series}
\end{equation}
$$

We can reference the equation as \eqref{eq:series}.

When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are

$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$

Reverse Footnote

  1. The footnote source ↩︎

  2. The 2nd footnote source ↩︎

This post is licensed under CC BY 4.0 by the author.

Trending Tags