1. MarkDown Wiki 사용 예제 - ohipark/btstack GitHub Wiki

아무 글자나 이렇게 타이핑하면 입력이 된다.

문장 마지막에 띄어쓰기 2번을 입력하던지 <br> 태그를 사용.<br>(from)<br>(to)<br><!-- from과 to 사이에 스페이스 2번 입력-->
줄이 바뀐다.  

__볼드(진하게)__  
_이탤릭체(기울여서)_    
~~취소선~~  
<u>밑줄</u>  
__볼드로 진하게 만들다가 *이탤릭으로 기울이고* 다시 볼드로__(중복 활용도 가능하다.) 

배경색을 `회색`으로 처리

---

```
function test() {
  console.log("notice the blank line before this function?");
}
```

function test() {
  console.log("notice the blank line before this function?");
}

```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

> 위키백과?
>> 중대장 드립 검색
>>> "오늘 중대장은 너희에게 실망했다"

유형1(`설명어`를 클릭하면 URL로 이동) : [TheoryDB 블로그](https://theorydb.github.io "마우스를 올려놓으면 말풍선이 나옵니다.")  
유형2(URL 보여주고 `자동연결`) : <https://theorydb.github.io>  
유형3(동일 파일 내 `문단 이동`) : [동일파일 내 문단 이동](#markdown의-반드시-알아야-하는-문법)  
유형4(동일 파일 내 `문단 이동`) : [[0단계] 글자 입력하기](#0단계-글자-입력하기)

+ 유형1(`이미지` 삽입) : <br>
![이미지](https://theorydb.github.io/assets/img/think/2019-06-25-think-future-ai-1.png "인공지능")

+ 유형2(`사이즈를 조절`하고 싶은 경우 HTML 태그로 처리) :   
<img src="https://theorydb.github.io/assets/img/think/2019-06-25-think-future-ai-1.png" width="300" height="200"> 

+ 유형3(이미지 삽입 후, `링크 걸기`):<br>
[![이미지](https://theorydb.github.io/assets/img/think/2019-06-25-think-future-ai-1.png)](https://theorydb.github.io/think/2019/06/25/think-future-ai/)<br>

+ 유형4(Copy & Paste로 이미지 삽입 후, `링크 생성`):<br>
<br>

+ 유형5(반응형 이미지 삽입):<br>
<br>
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png">
  <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
  <img alt="Shows an illustrated sun in light mode and a moon with stars in dark mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>

|                 | 수학                        | 평가              |  
|:--- | ---: | :---: |  
| 철수             | 90            | 참잘했어요. |  
| 영희           | 50            | 분발하세요. |

$$f(x)= if x < x_{min} : (x/x_{min})^a$$
<!-- -->
$$otherwise : 0$$
<!-- -->
$$P(w)=U(x/2)(7/5)/Z$$
<!-- -->
$$p_{\theta}(x) = \int p_{\theta}(2z)p_{\theta}(y\mid k)dz$$
<!-- -->
$$x = argmax_k((x_t-x_u+x_v)^T*x_m)/(||x_b-x_k+x_l||)$$
<!-- -->

``python
py_vector = one_hot_encoding("파이",word2index)
py_vector.dot(torch_vector)
>>> 0.0
```

| Char | Number | Entity | Description |  
|:---: | :---  | :---  |    :---    |   
|©| \©| \©| COPYRIGHT |  
|® | \®| \® | REGISTERED|  
|♠| \♠| \♠| SPADE |  
|∑| \∑| \∑| N-ary summation |  
|⛄| \⛄| \⛄| SNOWMAN WITHOUT SNOW |
|☞| \☞| \☞| WHITE RIGHT POINTING INDEX |
  
⯈

@octocat :+1: This PR looks great - it's ready to merge! :shipit:

> [!NOTE]
> Useful information that users should know, even when skimming content.

> [!TIP]
> Helpful advice for doing things better or more easily.

> [!IMPORTANT]
> Key information users need to know to achieve their goal.

> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.

> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.

Here is a simple flow chart:

\```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
\```

Sequence diagram:

\```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop HealthCheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
\```

<details>

<summary>Tips for collapsed sections</summary>

### You can add a header

You can add text within a collapsed section. 

You can add an image or a code block, too.

```ruby
   puts "Hello World"
```
</details>