게시판 이름
마크다운 사용법
wysiwig 에디터(다른 게시판 사이트에서 글쓰기 하면 나오는 에디터) 도입하기 귀찮아서 그냥 마크다운 문법을 가져다가 적용했다.\ 위키 편집해본 사람이라면 이런 느낌으로 문법 적용해서 글 쓰는 게 위키 편집이랑 비슷하다는 걸 알 것이다.\ 참고로 여기서 「비표준」이란 commonmark 표준에 정의되지 않았거나 일부 파서에서만 사용되는 경우, 혹은 내가 맘대로 만든 경우(?)를 말한다. ## 제목 ```markdown # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ``` 결과물: # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ```markdown h1 === h2 --- ``` 결과물: h1 === h2 --- ## 문단 분리/일반 줄바꿈 ```markdown 문단1 문단2 ``` 결과물:\ 문단1 문단2 ```markdown 문장\ 그냥 엔터 ``` 결과물:\ 문장\ 그냥 엔터 ## 텍스트 강조 ```markdown **굵은 글씨**\ __굵은 글씨__ ``` 결과물:\ **굵은 글씨**\ __굵은 글씨__ ```markdown *기울어진 글씨*\ _기울어진 글씨_ ``` 결과물:\ *기울어진 글씨*\ _기울어진 글씨_ ```markdown **_굵고 기울어진 글씨_**\ _**굵고 기울어진 글씨**_ ``` 결과물:\ **_굵고 기울어진 글씨_**\ _**굵고 기울어진 글씨**_ ## HTML 주석 ```markdown <!-- HTML 주석 --> ``` 결과물: <!-- HTML 주석 --> {-3#999}((아무것도 안 보일 건데, 주석이기 때문에 당연한 결과다.)) ## 밑줄 ```markdown ++밑1줄++ <!-- 비표준이다. --> ``` 결과물:\ ++밑1줄++ ## 구분선 ```markdown --- --- ***** <!-- 갯수 무관 --> ``` 결과물: --- --- ***** ## 글자 색/글자 크기 ```markdown {#ff0000}(색) <!-- 비표준이다. --> ``` 결과물:\ {#ff0000}(색) ```markdown {+9}(큰1글1씨) <!-- 9단계까지 지원. 비표준이다. --> ``` 결과물:\ {+9}(큰1글1씨) ```markdown {-9}(작1은글1씨) <!-- -9단계까지 지원. 비표준이다. --> ``` 결과물:\ {-9}(작1은글1씨) ```markdown {+5#f00}(강조)되고 {+5#f0f}(반복)되는 소리는 강아지를 {+5#adc7e2}(불안)하게 해요 ``` 결과물:\ {+5#f00}(강조)되고 {+5#f0f}(반복)되는 소리는 강아지를 {+5#adc7e2}(불안)하게 해요 ## 형광펜 강조 ```markdown ==형1광1펜== <!-- 비표준이다. --> ``` 결과물:\ ==형1광1펜== ## 취소선 ```markdown ~~취소선~~ <!-- 비표준이다만, github에서도 쓸 수 있다. --> ``` 결과물:\ ~~취소선~~ ## 첨자 ### 위첨자 ```markdown 2^3^ ``` 결과물:\ 2^3^ ### 아래첨자 ```markdown log~2~8 ``` 결과물:\ log~2~8 ## 각주 ```markdown <!-- 비표준이다만, github에서도 쓸 수 있다. --> [^각주이름] [^각주이름] [^각주이름]: 각주 내용 ``` 결과물:\ [^각주이름] [^각주이름] [^각주이름]: 각주 내용 **일반 각주의 이름에는 띄어쓰기가 들어갈 수 없다.** ### inline 각주 ```markdown <!-- 비표준이다. --> ^[inline 각주 1] ``` 결과물:\ ^[inline 각주 1] ```markdown <!-- 살짝 나무위키 느낌을 더한 버전. 역시나 비표준이다. 저 위에 일반 각주랑 차이점은 ^ 뒤에 띄어쓰기가 있다는 것. --> [^ inline 각주 2] ``` 결과물:\ [^ inline 각주 2] **추가사항: inline 각주는 이름을 지을 수 없으며, 각주의 이름을 지으려면 저 위에 있는 일반 각주를 써야 한다.** ## 각종 컨테이너 ```markdown :::folding 스포주의 <!-- 비표준이다. --> 그런데... **그것이 실제로 일어났다!!!** ::: ``` 결과물: :::folding 스포주의 그런데... **그것이 실제로 일어났다!!!** ::: ```markdown :::ignore-md **마크다운** 문법 _무시_ <!-- 비표준이다. --> ::: ``` 결과물(여기서는 주석도 안 먹힌다): :::ignore-md **마크다운** 문법 _무시_ <!-- 비표준이다. --> ::: ## 인용문 ```markdown > 명1언 ``` 결과물: > 명1언 ## 소스코드 ```markdown `System.out.println();` ``` 결과물:\ `System.out.println();` ````markdown ```rust fn main(){ println!("소스코드"); } ``` ```` 결과물: ```rust fn main(){ println!("소스코드"); } ``` ```markdown ```javascript $(document).ready(function () { console.log('소스코드'); }); ``` ``` 결과물: ```javascript $(document).ready(function () { console.log('소스코드'); }); ``` ## 앵커 생성 ```markdown <!-- <div id="someAnchor"></div> 를 생성 --> [@anchor('someAnchor')] ``` 결과물: [@anchor('someAnchor')] {-3#999}((밑에 있는 링크 예제에서 #someAnchor를 클릭하면 여기로 올 수 있다.)) ### 앵커 관련 추가사항 1. 모든 각주에는 자동으로 `fn-` 으로 시작하는 앵커가 생성됩니다. 2. 본문의 모든 각주 자리에는 자동으로 `fnref-` 으로 시작하는 앵커가 생성됩니다. ## 외부 링크 ```markdown <https://github.com/kmoon2437> ``` 결과물:\ <https://github.com/kmoon2437> ```markdown [url 주소](https://www.joysound.com/web/search/song/911622) [#someAnchor](#someAnchor) <!-- id 값이 someAnchor인 곳으로 이동 --> ``` 결과물:\ [url 주소](https://www.joysound.com/web/search/song/911622) [#someAnchor](#someAnchor) ## 이미지 ```markdown ![이미지](https://static.choyunjin.kr/media/images/suzuka/suzuka_2023_sr.webp) ``` 결과물:\ ![이미지](https://static.choyunjin.kr/media/images/suzuka/suzuka_2023_sr.webp) ## 이미지+링크 ```markdown [![이미지](https://static.choyunjin.kr/media/images/suzuka/20231205_041244.jpg)](https://umamusume.jp/character/detail/?name=silencesuzuka) ``` 결과물:\ [![이미지](https://static.choyunjin.kr/media/images/suzuka/20231205_041244.jpg)](https://umamusume.jp/character/detail/?name=silencesuzuka)
Social
트위터: @choyoonjin3
디스코드: choyunjin
적을 게 없다
여기다 뭐 적어야 되냐