마크다운 배워보기

문준혁·2023년 11월 3일
0

참고문서 https://gist.github.com/ihoneymon/652be052a0727ad59601

Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다.

장점
간단하다 가장 중요한 장점!
오로지 텍스트문서만으로 작성이 가능하다

단점
간결하기때문에 양식또한 다양하지 못하다

  1. 제목
제목
==

제목

2.부제목

부제목
---

부제목

  1. 글머리 1~6까지만 가능하다
# 1
## 2
### 3
#### 4
##### 5
###### 6

1

2

3

4

5
6
  1. BlockQuote
> BlockQuote

>> BlockQuote2

>>> BlockQuote3

>>>> BlockQuote4

BlockQuote

BlockQuote2

BlockQuote3

BlockQuote4

  1. 목록
1. 1번
2. 2번
3. 3번
  1. 1번
  2. 2번
  3. 3번

다만 앞에 숫자를 뭐로하든지 숫자순서대로 나온다
ex)

1. 1번
4. 4번
2. 2번
  1. 1번
  2. 4번
  3. 2번
  1. 목록2 (순서없음)
    (- + * 섞어서 써도 되고 한종류만 써도 된다)
- 1번
  + 2번
    - 3번
      * 4번
        - 5번
  • 1번
    • 2번
      • 3번
        • 4번
          • 5번
  1. 코드
    들여쓰기 혹은 공백 4번이면 그 줄은 코드블럭이 된다
this is

	code block
    and code block2
code block end

this is

code block
and code block2

code block end

다만 한줄 띄어쓰지 않으면 제대로 인식되지 않는 문제가 있습니다
ex)

this is 
	code block
    and code block2
code block end

this is
code block
and code block2
code block end

7-2 코드블럭을 사용하는 다른방법 1

<pre><code>코드입니다</code></pre>
코드입니다

7-3 코드블럭을 사용하는 다른방법 2

this is code block

추가로 ``` 뒤에 언어를 입력하여 문법강조가 가능하다

public static class Markdown () {
	public static void main(String[] args) {
		system.out.println("hi! this is markdown");
    }
}
  1. 수평선
---
--  --
***



9-1. 참조링크

[title or word][aaaaa]
[aaaaa]: https://google.com

title or word

앞의 title or word는 내가 맘대로 정할수있다
그리고 그뒤에 []에 원하는 단어를 넣고
그 단어를 []에 넣고 주소를 정해주면 된다

9-2 외부링크

[title](www.google.com)

title
9-3 자동 연결

title: <https://google.com>

title: https://google.com

http 없이 주소를 적으면 안되는거같다
ex)

title : <www.google.com>

title : <www.google.com>

이메일도 가능

email : <aaaaa@bbbbbb.com>

email : aaaaa@bbbbb.com

  1. 강조
*aaaa*
_aaaa_
**aaaa**
__aaaa__
~~aaaa~~

aaaa
aaaa
aaaa
aaaa
aaaa

  1. 이미지
<img src="https://velog.velcdn.com/images/ramachell/post/3c3779fa-456e-4bb4-8354-053381a19e23/image.png" width="450px" title="px(픽셀) 크기 설정" alt="markdown"></img><br/>

markdown

크기 조절은 width로 조절한다

px대신 %로도 가능하다
ex) width="35%"

markdown

10%
markdown

170px
markdown

다만 velog 는 알아서... 좌우 꽉 채워지는거같다

MarkDown 후기


  • 간단하지만 양식이 있는 글빠르게 작성하고 싶을때
    텍스트만으로 빠르게 간단하게 작성할수 있다

텍스트만으로 그래도 좀 깔끔하게 이쁜 글 작성가능!
profile
이제 시작 개발

0개의 댓글