📚 [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": "이미지처리하기"
	}
📖 References
  • [digndig]
  • [Emojipedia]