jekyll의 단일 게시물에 전단지를 표시하는 방법은 무엇입니까?

Question

지킬의 한 게시물에지도를 삽입하려고합니다. 즉, 하이드 내가 기본 템플릿을했다 link

, 다음은 GitHub의 계정 자체에 대한 링크가 github link

:

다음은이 나의 시도의 가시적 인 노력입니다.

그럼 나는 (기본값은 head.html에서 무)

_layouts의 /의 default.html을에 의존 게시물을 만든 _includes/head.html 그런

의 리플릿의 CSS와 JS 파일을 추가 내가 말했듯이, 나는 하나의지도에 하나의지도를 삽입하려고 시도하고있다. 첫 번째 링크를 보면 이상한 방식으로 블로그 전체에지도가 표시됩니다.

단일 게시물 자체에는 표시되지 않습니다.

어떻게하면됩니까?

가능한 경우 각자 자신의지도가있는 일련의 게시물을 갖기를 바라고 있습니다. 여기

는 지금까지 최대있는 독방 게시물에 코드입니다 :

--- 
layout: default 
title: Trying to integrate map in jekyll 
--- 
<div id="map"> 

</div> 

<script> 
     var map = L.map('map').setView([34.00000, -118.260126], 14); 

     mapLink = 
'<a href="http://openstreetmap.org">OpenStreetMap</a>'; L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data &copy; ' + mapLink, maxZoom: 18, }).addTo(map); 


     var marker = L.marker([34.063298, -118.260126]) .addTo(map).bindPopup("<b>Blah Blah Blah</b><br /><a href='http://www.cnn.com'>Additional Information</a><br />").openPopup(); 


</script> 

나는이 게시물에 링크에 많이 의존하고 있음을 인식하고, 그 SO 여기에 최대 눈살을 찌푸렸다입니다. 그러나 나는 내 문제를 설명 할 다른 방법이 없다.

는 _includes/head.html에서

Answer 1

올바른 코드는 :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css"> 

하지

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css"></script> 

및

<style type="text/css"> 
    #map { 
    width:400px; 
    height:550px; 
    background-color: red; 
    } 
</style> 

하지

<style type="text/css"> 
    #map { 
    width:400px%; 
    height:550px; 
    background-color: red; 
    } 
</style>