[Tips] 깃허브 블로그에 이쁜 코드 블럭, Github Gist 사용

Github Gist

코드를 작성하고, HTML Embed 태그를 이용해서 코드 블럭을 이쁘게~ 나타낼 수 있다.

URL: https://gist.github.com/

---

비교

// default zoom
var zoom = 17;
// center of the map
var center = [37.558240, 127.000258];
// Create the map
var map = L.map('map', { attributionControl: false }).setView(center, zoom);

// Set up the OSM layer
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18 }).addTo(map);

// add a marker in the given location
L.marker(center)
.bindPopup("내가 졸업한 동국대학교")
.on("mouseover",function(evt){this.openPopup();})
.on("mouseout",function(evt){this.closePopup();}).addTo(map);

---

참고

• eona1301 님의 포스팅 [Github Blog] MarkDown 코드 작성