기깔난 벨로그 - 마크다운

ofohj·2023년 4월 17일
0

벨로그는 안예쁜게 아니고 내가 예쁘게 못해주는거였다.

그래서 오늘 주제는

벨꾸

>_<

이다.

벨로그 몬생겻다고 불평만해댄지 n개월째,, 벨로그에서 수식작성은 못하나 검색해보다가 수식이 뭐야 글자 색도 바꿀 수 있다는 것을 알게되었다.w(゚Д゚)w


👇마크다운

개념

  • 간단한 문서 작성 언어
  • 일반 텍스트에 일부 특수 문자를 추가하여 문서의 구조와 서식 정의

그리고 오늘 그 방법에 대해 정리할 예정이다.


👆마크업

그런데 잠깐~
마크다운하니까 생각난게 마크업 언어이다. 마크업언어가 뭐더라?

개념

  • 구조와 스타일을 정의하는 문서 표준화 언어
  • 마크다운보다 복잡하지만 다양한 기능 구현 가능
  • 특징: 요소의 의미를 정의하고 태그로 감쌈
  • 예시: HTML, XML, SGML

📍 css: 마크업 언어는 아니지만, 마크업 언어와 함께 쓰이는 스타일 시트 언어


마크다운 작성 방법

1. 제목(head)

기존에 보이는 제목은 h1~h4까지이다.
그런데 #을 더 추가하면 보다 작은 글씨 표현이 가능하다.

🔻 코드

#### h4
##### h5
###### h6

🔻결과

h4

h5
h6
6번까지 글자를 줄일 수 있어용~

2. 인라인 코드블록

우리같은 개발자덜은~(아직아님)
말하다가 갑자기 코드쓰고싶을때있잔아요~

그때! 쓸 수 있는게 인라인 코드블록이다.
아니면 단어를 강조하고싶을 때 써도 좋을 것 같다.

🔻 코드

`print('이렇게')`
`쓰면 돼요.`

🔻결과

print('이렇게')
쓰면 돼요.


3. 줄바꿈

벨로그에서는 들여쓰기나 다중 줄바꿈이 되지 않았다.
그러나 이것 또한 내 무지엿음.

안되는게 어딧어요

🔻 코드

첫 번째 줄바꿈</br>
두 번째 줄바꿈</br>

🔻결과

첫 번째 문단

두 번째 문단

.
.
안되네

싶었는데 이렇게 쓰는게 아니라! 여러번 쓰고싶으면 </br>을 원하는 줄바꿈 수 만큼 작성해주면 되는것이었다.

🔻코드

이렇게</br></br></br>
해봐요

🔻진짜 결과

이렇게



해봐요


4. 코드블록 하이라이트

기존에 입력되는 ```옆에 해당 코드의 언어명을 소문자로 작성해주면 된다.

🔻 코드

```python
def highlight(language):
	if language == 'python':
    	return highlight

🔻 결과

def highlight(language):
	if language == 'python':
    	return highlight

멋지다.


5. 표(table)

세~상~에 표가 가능할 줄은 생각도 못햇다.

표는 |, ---, :를 활용해 만들 수 있다. 아래와 같이 원하는 값을 표 안에 넣어주면 된다.

🔻 코드

| 한국어 | 영어 | 숫자 |
|:----|:----:|----:| 
|| a | 1 |
|| b | 2 |
|| c | 3 |

위 코드 두 번째 줄에서 두 가지 특징이 있다.

  1. 간격 조절 불가
    ---의 개수가 몇개가 되든 상관없다.
    즉, 마크다운에서 칸 간격 조절은 불가하다!

  2. 정렬
    :--- 👉 왼쪽 정렬
    :---: 👉 가운데 정렬
    ---: 👉 오른쪽 정렬

🔻결과


6. 체크 박스

생각도 못한 기능 2

-, *, + + 띄어쓰기 + [ ] 또는 [x]로 체크박스를 만들 수 있다.

🔻 코드

- [x] 마크다운 정리하기
- [ ] 부자되기

🔻결과

  • 마크다운 정리하기
  • 부자되기

7. 색 바꾸기

이건 기대도 안한 기능인디! 있어서 너무좋다!

html 코드를 활용해 작성이 가능하다.

🔻 코드

<span style="color:deeppink">deeppink</span>
<span style="color:#fdd835">#fdd835</span>

🔻결과

deeppink
#fdd835


🔻 컬러코드 참고 블로그
https://blog.naver.com/hoho73kr/222203166815


8. 링크

링크는 인라인 링크, url 링크가 있다.

🔻 코드

#인라인 링크
[눌러보세요](https://velog.io/@ofohj)

#url링크
<https://velog.io/@ofohj>

🔻결과

#인라인 링크
눌러보세요

#url링크
https://velog.io/@ofohj


9. 수식

마크다운으로 수식 작성하기 위해서 LaTex 수학 기호를 사용한다.
$ 또는 $$를 입력해 그 사이에 수식을 입력하면 된다.

🔻 코드

# 1. 간단한 수식 작성
$E=mc^2$

# 2. 복잡한 수식 작성
$$
x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}
$$

🔻결과

  1. 간단한 수식 작성
    E=mc2E=mc^2

  2. 복잡한 수식 작성

    x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2-4ac}}{2a}

!

0개의 댓글