HTML
1
<p>paragraph</p>
CSS
1
2
3
p {
color: red;
}
SCSS
1
2
3
4
5
6
7
p {
color: red;
&.blue {
color: blue;
}
}
Javascript
1
var foo = document.getElementById("foo");
YAML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
---
layout: post
comments: true
title: "블로그 사용안내 - 코드 하이라이트"
subtitle:
header:
overlay_image: /assets/images/thumb/blog_thumb02.jpg
overlay_filter: 0.5
date: 2020-06-23 23:06
toc: false
categories:
- Life
tags:
- Jekyll
---
line 강조
{:data-line="5"}
1
2
3
4
5
6
7
p {
color: red;
&.blue {
color: blue;
}
}
{:data-line="4-6"}
1
2
3
4
5
6
7
p {
color: red;
&.blue {
color: blue;
}
}
Hero image from FirmBee