MarkDown Wiki 사용 예제 - ohipark/btstack GitHub Wiki
- [0단계] 글자 입력하기
- [1단계] 문단 작성 시에 참고할 내용
- [2단계] 목록(List) : 뷸렛을 사용해서 요소를 나열할 때
- [3단계] 구간을 나누는 선 긋기 : 내용 구간을 명시적으로 구분하고 싶을 때
- [4단계] 특정 구간을 회색으로 강조하고 싶을 때
- [5단계] 좌측에 특정 구간을 표시해서 강조하고 싶을 때 (탭 방식으로 중복 형태 가능)
- [6단계] URL 링크(Link) : 클릭하면 다른 페이지, 다른 부분으로 이동 가능
- [7단계] 이미지(Image) : 이미지 보여주기
- [8단계] 표(Table) : 표 그리기
- [9단계] 수식 입력하기 : 수학, 논문 등에 사용
- [10단계] 코드 블록(Code Block) : 소스코드, 외부 인용자료 블록처리 등에 사용
- [11단계] 특수 기호나 심볼 사용하기
- [12단계] 다이어그램 만들기
아무 글자나 이렇게 타이핑하면 입력이 된다.
아무 글자나 이렇게 타이핑하면 입력이 된다.
- 엔터키(줄바꿈, 개행) : 라인을 바꾸고 싶을 때
- 특정 단어 등을 강조 : 문장 내 강조하고 싶은 단어를 눈에 띄게
- 특정 단어 등을 강조 : 배경색을
회색으로 처리
문장 마지막에 띄어쓰기 2번을 입력하던지 <br> 태그를 사용.<br>(from)<br>(to)<br><!-- from과 to 사이에 스페이스 2번 입력-->
줄이 바뀐다.
문장 마지막에 띄어쓰기 2번을 입력하던지 <br> 태그를 사용.
(from)
(to)
줄이 바뀐다.
__볼드(진하게)__
_이탤릭체(기울여서)_
~~취소선~~
<u>밑줄</u>
__볼드로 진하게 만들다가 *이탤릭으로 기울이고* 다시 볼드로__(중복 활용도 가능하다.)
볼드(진하게)
이탤릭체(기울여서)
취소선
밑줄
볼드로 진하게 만들다가 이탤릭으로 기울이고 다시 볼드로(중복 활용도 가능하다.)
배경색을 `회색`으로 처리
배경색을 회색으로 처리
처음으로
- 첫번째
- 두번째
- 세번째
- 순서없음
- 홍길동
- 중대장
- 프로실망러
- 중대장
- 홍길동
---
\```
\```
> 위키백과?
>> 중대장 드립 검색
>>> "오늘 중대장은 너희에게 실망했다"
위키백과?
중대장 드립 검색
"오늘 중대장은 너희에게 실망했다"
유형1(`설명어`를 클릭하면 URL로 이동) : [TheoryDB 블로그](https://theorydb.github.io "마우스를 올려놓으면 말풍선이 나옵니다.")
유형2(URL 보여주고 `자동연결`) : <https://theorydb.github.io>
유형3(동일 파일 내 `문단 이동`) : [동일파일 내 문단 이동](#markdown의-반드시-알아야-하는-문법)
유형4(동일 파일 내 `문단 이동`) : [[0단계] 글자 입력하기](#0단계-글자-입력하기)
유형1(설명어를 클릭하면 URL로 이동) : TheoryDB 블로그
유형2(URL 보여주고 자동연결) : https://theorydb.github.io
유형3(동일 파일 내 문단 이동) : 예제 시작하기 처음으로 이동
유형4(동일 파일 내 문단 이동) : [0단계] 글자 입력하기
유형3 문단 매칭방법 : 제목(header)를 복사 붙여넣기 후,
- 특수문자 제거
- 스페이스를 갯수만큼 -로 변경
- 대문자->소문자로 변경 예) “#Markdown! 장점” -> “#markdown–장점”
+ 유형1(`이미지` 삽입) : <br>
+ 유형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/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>
- 유형1(
이미지삽입) :
-
유형2(
사이즈를 조절하고 싶은 경우 HTML 태그로 처리) :
-
유형3(이미지 삽입 후,
링크 걸기) :
-
유형4(Copy & Paste로 이미지 삽입 후,
링크 생성):
-
유형5(
반응형 이미지삽입):
TBD
| | 수학 | 평가 |
|:--- | ---: | :---: |
| 철수 | 90 | 참잘했어요. |
| 영희 | 50 | 분발하세요. |
| 수학 | 평가 | |
|---|---|---|
| 철수 | 90 | 참잘했어요. |
| 영희 | 50 | 분발하세요. |
- 라인 단위로 생각하면서 구분자(|)로 열을 구분해주면 위와 같이 대충 그려도 알아서 예쁘게 완성된다.
- 헤더(머리글)를 분리하고 싶은 경우, 위 예제와 같이 2번째 라인에 ---을 사용하면 된다.
- 정렬이 필요한 경우, 콜론(:) 기호를 구분선(---) 왼쪽, 오른쪽, 양쪽에 배치한다.
$$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
\```
py_vector = one_hot_encoding("파이",word2index)
py_vector.dot(torch_vector)
>>> 0.0
- ```뒤에 python이라고 쓰면 python 언어 스타일에 맞게 구문이 강조된다.
- 보통 강조하고 싶은 프로그래밍 언어를 그대로 쓰면 된다.
- ex) bash, cpp, dockerfile, markdown, yml, html, http, json, r, ruby, xml, sql … 등