github 블로그 [markdown 문법편]
👨💻markdown언어란?
마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어입니다.
위의 말을 이해하기 위해선.. 우선 마크업 언어(markup)에 대해서 알아야 합니다.
마크업언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다.
간단하게 말해서 텍스트 기반의 작은 프로그래밍 언어라고 생각하면 되는데,
요즘 프로그래머들은 1시간만 투자하면 배울 수 있는 markdown을 기반으로 가지고 있다.
또한, Github의 readme파일이 마크다운기반으로 포스팅하기 때문에 거의 필수로 가지고 갑니다.
첫 게시글 이후로 내가 공부하며 편하게 볼 수 있게 마크다운 문법을 소개합니다!
게시글 작성이후에도 추가적인 부분이나 부족한 부분은 수정될 예정입니다😄
소개에 앞서 나는 vscode로 마크다운파일.md(포스팅용)을 작성한다.
기본적인 줄바꿈은 스페이스바 두번!!
0. 헤더 Headers
기본적으로 헤더는 문장이나 문단의 머릿말로 제목에 해당된다.
위와 같이 [0. 헤더]또한 헤더에 해당된다.
🔧사용법!
#모양으로 적용 시킬 수 있다.
한개부터 여섯개까지 지원하며 크기가 각각 정해져 있다.
# 헤더
한개 적용 헤더
두개 적용 헤더
세개 적용 헤더
네개 적용 헤더
다섯개 적용 헤더
여섯개 적용 헤더
++ 현재문서 헤더 이동링크!
맨위로 이동!
사용법 : [맨위로 이동!](#github-블로그-markdown-문법편)
대문자에서 소문자로, 공백 - 으로 대치, 특수문자 제거
1. 인용문 BlockQuote
인용문 : 남의 말이나 글에서 직접 또는 간접으로 따온 문장{: .notice–primary}
즉 외부에서 가져온 글귀나 도움이 되는 링크를 넣을 수 있다.
하지만 그 외에도 유용하게 사용가능하니 사용할 것..!
🔧사용법!
>이렇게 사용한다. > 이렇게 사용한다. >>중첩도 가능하다! >>>두번세번 겹쳐서 쓰면 OK!
2. 목록 List
말 그대로 목록이다. 한글이나 워드에서 사용하는 글머리기능과 비슷하다고 보면 된다.
🔧사용법!
1. 순서에 맞춰사용은 숫자
-, *, +는 순서에 상관없이 가능 (주로 서브목록)
- 순서에 맞춤 1번
- 따로 뒤에 스페이스바 두번 안쳐도 가능
- 바로 연동가능
- 그에 반해 순서 없이 사용
- 아무렇게 사용
- 이렇게..
3. 인라인 코드 inlinecode
인라인코드는 본문내에 코드를 삽입할 수 있습니다.
또한 코드에 맞는 언어를 설정할 수 있습니다!!
🔧사용법!
에디터 안에 ```을 사용해서 코드를 가두고
다시 ```로 닫으면 된다.
만약 언어를 설정하고 싶으면
\'''C
인라인 코드 '\'제외
\```
C#언어 적용
namespace test
{
class Program
{
static void Main(string[] args)
{
System.Console.WriteLine("Hello World...");
}
}
}
4. 수평선
코드 내 분기를 가르기 위해 수평선을 삽입할 수 있다.
🔧사용법!
---, ***으로 간편하게 사용가능
-–
***
5. 링크 Iinks
페이지내에 하이퍼링크로 다른 사이트를 참조할 수 있다.
🔧사용법!
[상대적 참조](../users/login) [해당 주소 참조 / 상대적 참조]](../users/login)
<https://www.naver.com> 이렇게 사용 <https://www.naver.com>
[네이버 홈페이지!](https://www.naver.com) []안에 설명 기입
6. 이미지 Images
페이지내에 이미지를 삽입할 수 있다!
🔧사용법!
 / 링크로도 참조 가능
또한 이미지에 링크를 사용할 수 있다.
사이즈 조절은 {: width=”100” height=”100”}을 추가하여 사이즈 조절가능
[![이미지 링크]](/assets/images/logo.png)](https://google.com/)
![이미지 링크]](https://google.com/)
![![이미지 링크]](/assets/images/logo.png){kind=link}
7. 강조
기본 문법과 같이 볼드체, 이태릭체, 밑줄 등등이 가능해진다.
🔧사용법!
**강조BOLD**
강조합니다!
*기울어짐*
기울어집니다
~~취소선~~
취소합니다.
<u>밑줄</u>
밑줄
<span style=”color:yellow”>노란 글씨입니다.</span>
노란 글씨입니다.
8. 체크리스트
- 체크
🔧사용법!
- [ ] 체크
- [x] 체크
9. 공지 notice
★ 공지 안녕하세요!
🔧사용법!
★ **<u>공지</u>** 안녕하세요!
{: .notice--primary}
🔧사용법!
## 유튜브 영상 가져오기 테스트
\
🔧사용법!
| 음식 | 평가 | 평점 |
|---|---|---|
짜장면 |
그냥그래용 | *** |
짬뽕 |
이 근처에서 제일 맛있는 짬뽕..! | ****** |
유산슬 |
행복합니다.. | **** |
탕수육 |
양 진짜 많아요! 추천! | ***** |
음식 | 평가 | 평점
---|:---:|---:
`짜장면` | 그냥그래용 | `***`
`짬뽕` | 이 근처에서 제일 맛있는 짬뽕..! | `******`
`유산슬` | 행복합니다.. | `****`
`탕수육` | 양 진짜 많아요! 추천! | `*****`
댓글남기기