Hexo 테마 중 하나인 Tranquilpeak의 공식 문서를 참조하여 Post시에 활용할 수 있는 다양한 Markdown syntax들을 사용해보았습니다.

목차

  1. 1. Tags
  2. 2. Highlight text
  3. 3. Tabbed code block
  4. 4. Quote
  5. 5. Image
  6. 6. Wide Image

Tags

알람 표현은 이렇게😨

알람 표현은 이렇게😮


Tags
1
2
3
4
5
6
7
{% alert danger %}
알람 표현은 이렇게😨
{% endalert %}

{% alert info %}
알람 표현은 이렇게😮
{% endalert %}

Highlight text

하이라이트 그린은 이렇게😎

Tranquilpeak은 rgb도 지원해줘서 다양한 색상 표현이 가능합니다.😁

Highlight text
1
2
{% hl_text green %} 하이라이트 그린{% endhl_text %}은 이렇게😎
Tranquilpeak은 {% hl_text #CCCCFF %} rgb도 지원{% endhl_text %}해줘서 다양한 색상 표현이 가능합니다.😁

Tabbed code block

동일한 기능에 대한 다양한 언어의 소스코드를 탭으로 구분하여 표현할 수 도 있습니다.

Tabbed code block
  • cpp
  • go
1
2
3
4
5
6
7
#include <iostream>

int main()
{
    std::cout << "hello hex!" << std::endl;
    return 0;
}

Tabbed code block
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
{% tabbed_codeblock Tabbed code block %}
    <!-- tab cpp -->
    #include <iostream>

    int main()
    {
        std::cout << "hello hex!" << std::endl;
        return 0;
    }
    <!-- endtab -->
    <!-- tab go -->
    package main

    import "fmt"

    func main() {
        fmt.Println("hello hexo!")
    }
    <!-- endtab -->
{% endtabbed_codeblock %}

Quote

링크가 포함된 인용구는 아래와 같이 표현됩니다.

나의 Github Repository

링크가 없는 인용구는 아래와 같이 표현됩니다.

누구나 그럴싸한 계획을 가지고 있다. 한 대 처맞기 전까지는

Michael Gerard Tysonhe's quotation

Quote
1
2
3
4
5
6
7
8
9
링크가 포함된 인용구는 아래와 같이 표현됩니다.
{% blockquote chelseafandev https://github.com/chelseafandev Github Repo %}
나의 Github Repository
{% endblockquote %}

링크가 없는 인용구는 아래와 같이 표현됩니다.
{% blockquote Michael Gerard Tyson, he's quotation %}
누구나 그럴싸한 계획을 가지고 있다. 한 대 처맞기 전까지는
{% endblockquote %}

Image

첨부할 이미지 파일을 themes/tranquilpeak/source/_images 하위에 저장하면 배포 시 public/assets/images 폴더로 이동합니다.

Blue is the ColourBlue is the Colour

Image
1
{% image /assets/images/chelsea_cover.jpg "Blue is the Colour" %}

Wide Image

넓은 이미지도 아래와 같이 표현됩니다.
첼시 공식 인스타 계정에 올라온 2020 유로 기념 사진을 이어 붙여보았습니다. 조르지뉴 화이팅😁

UEFA Euro 2020 with chelsea playersUEFA Euro 2020 with chelsea players

Wide Image
1
{% wide_image /assets/images/chelsea_instagram.png "UEFA Euro 2020 with chelsea players" %}