시작
작년에 티스토리 블로그를 개설하여 질 좋은 글은 아니지만 아무튼 내가 공부해온 것들을 정리했다. 하지만 코드 강조 등의 기능이 없는게 아쉬워 다른 플랫폼을 생각해 보았으나 이제와서 다른 곳으로 옮기려니 너무 귀찮을 것 같았다.
티스토리를 계속 사용하기 위해 마크다운을 적용할 수 있는 방법을 정리한다.
마크다운으로 작성하는 첫 글이므로 사실상 마크다운 실습 글이라고도 할 수 있겠다.
과정
1. 스킨 편집
이 곳 에 있는 github-markdown.css 파일을 다운로드하거나 코드를 복사한 후, 티스토리 블로그 설정의 스킨 편집에 css 파일을 업로드하거나 소스코드를 복사한다.
2. 편집기 다운로드
나는 Typora 를 사용하기로 했다. 나쁘지 않은 것 같다.
HTML (Without Styles) 로 내보내기하여 생성된 파일의 코드를 복사한 후,
티스토리의 글쓰기 화면에서 HTML 체크박스를 체크하여 복사한 코드를 붙여넣으면 된다.
더 좋은 방법이 있을 것 같은데... 잘 모르겠다.
3. 끝
끝.
문법 연습
1. 제목
#의 개수는 한개부터 여섯개까지 각각 <h1> ~ <h6> 태그를 나타낸다.
# 제목1 ## 제목2 ### 제목3 ...
2. 볼드체, 이탤릭체, 밑줄, 취소선
* 또는 _ 를 한 번 사용하여 이탤릭체 를 표현한다. *이탤릭체*
* 또는 _ 를 두 번 사용하여 볼드체 를 표현한다. **볼드체**
위의 기호의 빈도수를 섞어 이탤릭체와 이탤릭볼드체 를 표현할 수 있다. *이탤릭체와 **이탤릭볼드체***
<u> 태그를 사용하여 밑줄 을 표현한다. <u>밑줄</u>
~~ 을 사용하여 취소선 을 표현한다. ~~취소선~~
3. 순서 없는 리스트
*,-,+를 사용하여 순서 없는 리스트를 나타낸다.
4. 순서 있는 리스트
1.처럼 작성하여 순서 있는 리스트를 나타낸다. 숫자의 크기는 상관 없다. 1로만 유지해도 된다.
5. 링크
[본문에나타나는문장](링크) 와 같은 식으로 표현하여
Presto의 블로그 처럼 작성할 수 있다.
6. 인용
> 기호를 사용하여 인용한다. 기호를 여러번 사용하여 인용 수준을 달리 할 수 있다.
인용수준 1
인용수준 2
인용수준 3
7. 인라인 코드
1 왼쪽에 있는 작은따옴표 비스무리한 것을 사용하여 인라인 코드를 작성할 수 있다.
예) let 은 Swift 에서 상수를 선언할 때 사용하는 키워드입니다.
8. 코드 작성
1 왼쪽에 있는 작은따옴표 비스무리한 것을 세 번 먼저 쓰고, 작성할 언어의 종류를 적는다.
func add(_ a: Int, _ b: Int) -> Int {
return a + b
}
9. 체크박스
- [ ] 와 같이 작성하여 빈 체크박스를 만들 수 있다.
- [x] 와 같이 작성하여 체크된 체크박스를 만들 수 있다.
10. 테이블
|컬럼1|컬럼2|컬럼3| 의 결과가 아래에 나와있다.
Typora 에서는 일단 아래와 같이 생성되면 편집기에서 표의 크기, 정렬 등을 설정할 수 있는 메뉴가 표시된다.
| 컬럼1 | 컬럼2 | 컬럼3 |
|---|---|---|
마무리
이 글을 작성하면서도 정말 글을 쓰는 느낌이 났기 때문에 글 작성에 좀더 신경을 쓰게 될 것 같다. 그래도 깃허브 등에서도 마크다운을 계속 쓸 수 있으니 블로그 글을 쓰면서 대충이라도 연습은 해두어야 하겠다.
아니 근데 딴건 몰라도 왜 인라인 코드 부분이 안되냐 아...... 딴 블로그 쓰고 싶다..
square 테마는 코드 강조는 해주네그래도.... 이거 그대로 써야겠다 어쩔수없다