📚 [Vscode] 지킬 포스팅용 snippets 만들기 (2)
Category: VsCode | 📅 June 21, 2021
블로그 내용을 조금 재미있게 표현하기 위하여 emoji를 활용하기로 함.
쓰다 보니, 구역을 구분해 주기 위해
Comment 인 “짦은 내 느낌” 과 출처를 표시하기 위한 “References”를 추가하기로 하였음.
스니펫 만들기
이미 만들어져 있으므로, 그냥 json만 추가하기로 함.
안만들어져 있으면 아래 References 참고.
원하는 스니펫 추가하기
1. Comment를 담당할 스니펫
"MarkdownSnippets3": {
"scope": "md",
"prefix": "postcomment",
"body": [
"<div class='colbox3'>" ,
"<span class='subtitle'> 💭 Reviews </span>",
"<hr> ",
" ",
"<li style='dot'></li>",
"</div>"
],
"Description": "코멘터리"
}
2. 출처를 표시하기 위한 스니펫
"MarkdownSnippets2": {
"scope": "md",
"prefix": "postref",
"body": [
"<div class='colbox3'>",
"<span class='subtitle'> 📖 References </span>",
"<hr>",
" ",
"<li style='dot'><a href='' target='_blank'>[]</a></li>",
"</div>"
],
"Description": "출처"
},
3. 이미지를 표시하기 위한 스니펫
"MarkdownSnippets4": {
"scope": "md",
"prefix": "postimg",
"body": [
"<figure>" ,
" <img src='' title='' alt=''>",
" <figcation>[]</figcaption>",
"</figure>"
],
"Description": "이미지처리하기"
}
