[html] Markdown에서 'target = "_ blank"와 링크를 만들 수 있습니까?



Answers

Kramdown 은 그것을 지원합니다. 표준 Markdown 구문과 호환되지만 많은 확장 기능도 있습니다. 당신은 이것을 다음과 같이 사용할 것입니다 :

[link](url){:target="_blank"}
Question

Markdown에서 새 창에서 열리는 링크를 만드는 방법이 있습니까? 그렇지 않은 경우이 작업을 수행하기 위해 어떤 구문을 권장합니다. 나는 그것을 사용하는 markdown 컴파일러에 추가 할 것이다. 나는 그것이 선택이어야한다고 생각한다.




{[attr] = "[prop]"}를 사용하여 속성을 추가 할 수 있습니다.

예 : [Google] ( http://www.google.com ) {target = "_ blank"}




하나의 브라우저 탭에 머무르는 것이 더 나은 사용자 환경이라는 것에 동의하지 않습니다. 사람들이 귀하의 사이트에 머물러 있기를 원하거나 그 기사를 읽기 위해 돌아 오기를 원하면 새로운 탭에서 보내주십시오.

@ davidmorrow의 답을 바탕으로이 자바 스크립트를 사이트에 던지고 외부 링크를 target = _blank :

    <script type="text/javascript" charset="utf-8">
      // Creating custom :external selector
      $.expr[':'].external = function(obj){
          return !obj.href.match(/^mailto\:/)
                  && (obj.hostname != location.hostname);
      };

      $(function(){
        // Add 'external' CSS class to all external links
        $('a:external').addClass('external');

        // turn target into target=_blank for elements w external class
        $(".external").attr('target','_blank');

      })

    </script>



쉽게 할 수있는 방법이 없으며 @alex처럼 자바 스크립트를 사용해야합니다. 그의 대답은 최선의 해결책이지만이를 최적화하기 위해서는 사후 콘텐츠 링크로만 필터링하는 것이 좋습니다.

<script>
    var links = document.querySelectorAll( '.post-content a' );  
    for (var i = 0, length = links.length; i < length; i++) {  
        if (links[i].hostname != window.location.hostname) {
            links[i].target = '_blank';
        }
    }
</script>

이 코드는 IE8 +와 호환되며 페이지 하단에 추가 할 수 있습니다. ". post-content a"는 게시물에 사용중인 클래스로 변경해야합니다.

여기에 보이는 것처럼 : http://blog.hubii.com/target-_blank-for-links-on-ghost/







하나의 글로벌 솔루션은 <base target="_blank"> 를 페이지의 <head> 요소에 넣는 것입니다. 이는 모든 앵커 요소에 기본 대상을 효과적으로 추가합니다. Markdown을 사용하여 Wordpress 기반 웹 사이트에 콘텐츠를 만들고 테마 사용자 정의 프로그램을 사용하여 모든 페이지의 상단에 해당 코드를 삽입 할 수 있습니다. 테마가 그렇게하지 않으면 plug-in




Markdown-2.5.2에서는 다음을 사용할 수 있습니다.

[link](url){:target="_blank"}



Related